@import url(reset.css);

/*
#2a79e6	mac blue
#5e99ec	light blue
#415d6e	battle gray
#39a319	green
#ff3a0d	orange
#9e0021	burgandy
#203c8d	dark blue
*/
:focus {
	background: #111; color: yellow;
}

body {
	font: 90%/250% "Helvetica",sans-serif;
	line-height: 130%;
	}

/* structure */
div#header, div#main {
	width: 780px;
	margin: 0 auto;
	}


/* header */

div#header {
	height: 110px;
	background: url(../images/headers/header-bg-01.jpg) top right no-repeat;
	}

body#home div#header { background-image: url(../images/headers/header-bg-01.jpg); }

body#policy div#header { background-image: url(../images/headers/header-bg-00.jpg); }

body#accommodation div#header { background-image: url(../images/headers/header-bg-02.jpg); }

body#healthier div#header { background-image: url(../images/headers/header-bg-03.jpg); }

body#services div#header { background-image: url(../images/headers/header-bg-04.jpg); }

body#links div#header { background-image: url(../images/headers/header-bg-05.jpg); }

body#contact div#header { background-image: url(../images/headers/header-bg-06.jpg); }







/* nav */
div#nav {
	width: 170px;
	float: left;
	}



div#nav {
	text-align: right;
	
	}

div#nav li {
	margin-bottom: 0px;
	}

div#nav li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	height: 3em;
	padding: .3em 1em .1em 1em;
	}

div#nav li a:hover, div#nav li a:focus {
	color: #5e99ec;
	color: #fff;
	background: #203c8d url(../images/temp/nav-hover-02.gif) top repeat-x;
	}

body#home div#nav ul li a#n_hom,
body#policy div#nav ul li a#n_pol,
body#accommodation div#nav ul li a#n_acc,
body#healthier div#nav ul li a#n_hou,
body#services div#nav ul li a#n_ser,
body#links div#nav ul li a#n_lin,
body#recruitment div#nav ul li a#n_rec,
body#supporters div#nav ul li a#n_sup,
body#contact div#nav ul li a#n_con
{
	background: #fff url(../images/temp/nav-down-01.gif) bottom repeat-x;
	color: #203c8d;
	}



div#content {
	float: right;
	width: 570px;
	background: #fff url(../images/temp/content-bg-01.gif) top repeat-x;
	padding: 10px 20px 10px 20px;
	border: 0px solid #333;
	min-height: 400px;
	color: #000;
	}

/* footer */
div#footer {
	clear: both;
	padding: 20px 10px 20px 190px;
	/*	background: #5e99ec; */
background: #3279E5 url(../images/temp/footer-bg-02.gif) no-repeat right top;
	color: #eee;
	}

div#footer a {
	color: #eee;
	text-decoration: none;
	}

div#footer a:hover {
	color: #fff;
	text-decoration: underline;
	}

body {
	background: #327CE7 url(../images/sitewide/nhtht-bg-01.jpg) repeat-y fixed center;
	}

div#main {
	
	}



/* h */
h1 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: .2em;
	color: #203c8d;
	}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #555;
	}

h3 {
	color: #203c8d;
	margin-top: 1em;
		font-size: 110%;
	font-weight: bold;
	clear: right;
	}

h4 {
	color: #333;
	margin-top: 1em;
		font-size: 100%;
	font-weight: bold;
	}


h5 {
	
	margin: 2em 0 0 0;
	padding: .3em;
	background: #444;
	background: #203c8d url(../images/temp/nav-hover-02.gif) top repeat-x;
	color: #fff;
	font-weight: bold;
	border: 0px solid #203c8d;
	}

/* p */
p {
	margin: 0 0 1.2em 0;
	color: #000;
	}

p.beforelist {
	margin: 0 0 0.2em 0;
	}

strong {
	font-weight: bold;
	color: #444;
	}


/* lists */

div#content ul {
	list-style: disc outside;
	}
div#content ol {
	list-style: decimal outside;
	}
div#content ol, div#content ul {
	margin: 0em 0 1em 2em;
	}

body#links div#content ol, body#links div#content ul {
	margin-top: 0;
	}

div#content ul li {
	margin-bottom: .1em;
	}

dt {
	font-weight: bold;
	margin-top: .4em;
	}



/* table */

table {
	width: 100%;
	margin-bottom: 1em;
	border: 2px solid #203c8d;
	}

td {
	padding: .3em;
	border: 0px solid #203c8d;
	}
tr {
	background: #f6f9fe;
		background: #eee;
	}

tr.odd {
	background: #cddff9;
		background: #ddd;
	}
tr.over {
	background: #5e99ec;
	color: #fff;
	}

table.trusteephotos {
	border: 0;
	margin: 15px 0
}

/* panel */

div.panel {
	padding: 1em;
	clear: both;
	margin: 1em 1em;
	font-size: 80%;
	line-height: 120%;
	color: #333;
	background: #eee;overflow: hidden;
	border: 1px solid #ddd;
	}
div.panel img { float: left; margin-right: 1em; }







/* contact */

div#contact_form {
	background: #eee;
	width: 300px;
	float: right;
	padding: 10px;
	border: 1px solid #ddd;
	}

input, textarea {
	width: 280px;
	}
textarea { height: 12em; }
legend { font-weight: bold; font-size: 110%; padding: .2em 0; }
label {
	clear: both;
	display: block;
	}



/* slideshow */

div#slideshow {
	height: 200px;
	width: 300px;
	float: right;
	margin: 0 0 1em 1em;
	}

div#slideshow img {
border: 1px solid #666;
	height: 200px;
	width: 300px;
	top:  0; 
	left: 0 
	}


/* mediarelease */
div.mediarelease {
	margin: .8em .2em;
	padding: .8em 1em;
	background: #eee;
	border: 1px solid #888;
	}



/* acc guide jump */
ul.jumplist {
	float: right;
	border: 1px solid #ddd;
	width: 40%;
	border-bottom: 0px solid;
	}

ul.jumplist li {
	list-style: none;
	background: #eee;	margin: 0;
	border-bottom: 1px solid #ddd;
	}


ul.jumplist li a {
	display: block;
	text-decoration: none;
	padding: 2px 10px;

	}

ul.jumplist li a:hover {
	background: #2a79e6;
	color: #fff;
	}

img.right {
	float: right;
	margin: 0 0 10px 10px;
}
img.center {
	margin: 10px auto;
	clear: both;
	display: block;
}
div.photo {
	width: 300px;
	padding: 0 0 5px 5px;
	float: right;
}
div.photo p, p.caption {
	font-size: 80%;
	color: #333;
	line-height: 110%;
}

div#content  ul#testimonials {
	width: 100%;
	border: 0px solid #ddd;
	padding: 5px;
	min-height: 40px;
	margin: 0 0 10px 0;
	list-style: none;
}
div#content ul#testimonials li {
	text-indent: 0;
	list-style: none;
}

