/* CSS Document */
html, body {
	color: #0c246e;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #CFE7EF url(../images/global/bg.jpg) repeat-x left top;
    }
	
#container {
	width: 920px;
	background: url(../images/global/content-bg.png) repeat-y center top;
	padding: 0 20px 0 20px;
	}

#splash{
	color: #374b9c;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #f4f4f4;
    }

#splash a {
	text-decoration: none;
	color: #f15A42;
    }

span {
    display: none;
    }

p, dt, dd {
	font-size: 1.3em;
	line-height: 1.5em;
	padding-bottom:0.7em;
}	

dd{
	margin-left: 3.3em;
}

#content a {
	text-decoration: underline;
	color: #0c246e;
	}
	
#content a:hover {
	color: #000000;
	text-decoration: underline;
}

#accessibility ul{
list-style-type:disc;

}

#accessibility ul li{
	padding-bottom:1em;
	margin-left:1.5em;
	list-style-type:disc;
}

#accessibility ul li ul {
	margin-top:1em;
}

#accessibility ul li ul li{
	font-size: 1em;
	margin-left:2em;
}

/* ------ Global ------*/
			
label{
	font-size: 1.2em;
	line-height: 1.2em;
	margin-right: 10px;
}
input, select, textarea{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000000;
}
/* -------------------------- header --------------------------  */
#top{
	background-color: #163593;	
	padding: 3px 10px 5px;
}

#top ul li a{
	padding: 0 10px 0;
	font-size: 1.3em;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	text-decoration:none;
}
#top ul li .display{
	padding-left: 25px;
	background: url(../images/global/display.jpg) no-repeat left center;
	border-left: none;
}

h1{
	padding:0;
	height:200px;
}
.home{
	background: url(../images/banners/home-banner.jpg) no-repeat center top;
}

.alcohol{
	background: url(../images/banners/alcohol-banner.jpg) no-repeat center top;
}

.child{
	background: url(../images/banners/child-banner.jpg) no-repeat center top;
}

.ageing{
	background: url(../images/banners/ageing-banner.jpg) no-repeat center top;
}

.eating{
	background: url(../images/banners/eating-banner.jpg) no-repeat center top;
}

.mind{
	background: url(../images/banners/mind-banner.jpg) no-repeat center top;
}

.physical{
	background: url(../images/banners/activity-banner.jpg) no-repeat center top;
}

.sex{
	background: url(../images/banners/sex-banner.jpg) no-repeat center top;
}

.drugs{
	background: url(../images/banners/drugs-banner.jpg) no-repeat center top;
}

.smoking{
	background: url(../images/banners/smoking-banner.jpg) no-repeat center top;
}

.events1{
	background: url(../images/banners/events1-banner.jpg) no-repeat center top;
}

.events2{
	background: url(../images/banners/events2-banner.jpg) no-repeat center top;
}

.events3{
	background: url(../images/banners/events3-banner.jpg) no-repeat center top;
}

.resources{
	background: url(../images/banners/resources-banner.jpg) no-repeat center top;
}

.about{
	background: url(../images/banners/about-banner.jpg) no-repeat center top;
}

.contact{
	background: url(../images/banners/contact-banner.jpg) no-repeat center top;
}
.accident{
	background: url(../images/banners/accident-banner.jpg) no-repeat center top;
}


/* -------------------------- footer --------------------------  */
	
#footer{
	background: url(../images/global/footer-bg.png) repeat-y center top;
	width: 960px;
	padding: 5px 0px 0;
	}
#footer .footer{
	height:15px;
	background: url(../images/global/footer-bot.png) no-repeat center bottom;
}

#footer ul{
	font-size: 1.2em;
	padding: 0 25px;
}
#footer ul li{
	padding: 10px 5px;
	}
#footer a {
	color: #fff;
	text-decoration: none;
}
/* -------------------------- Menu --------------------------  */

#nav{
	font-size: 1.2em;
	width:180px;
	padding:5px 0 0;
	background: url(../images/global/main-bg.jpg) repeat-x left top;
}
#nav ul{
	list-style-type: none;
}
#nav ul li{
	list-style-type: none;
	display: inline;
}
#nav ul li a{
	display: block;
	padding:2px 0 2px 20px;
	text-transform: uppercase;
	margin:5px 0;
	color:#0c246e;
	font-weight:normal;
	text-decoration:none;
}

#nav ul li a:hover{
	background-color:#e1e1e0;
}

#nav ul li li a{
	display: block;
	padding:2px 0 2px 40px;
	margin:5px 0;
	color:#00b2ed;
font-weight: bold;
/* color:#0c246e; - original dark blue*/
/* color:#9ac945; - limey green*/
/* color:#00b2ed; - light blue*/
	text-transform: none;
	text-decoration:none;
}


#nav ul li li a:hover{
	background-color:#e1e1e0;
}

/* new bit!*/
#nav ul li li li a{
	display: block;
	padding:2px 0 2px 40px;
	margin:5px 0;
	color:#0c246e;
	text-transform: none;
	text-decoration:none;
}


#nav ul li li li a:hover{
	background-color:#e1e1e0;
}
/* end of new bit */

#nav b a{
	display: block;
	/* background-color:#e1e1e0; */
	font-weight:bold;
	text-decoration:none;
}
#nav b.selected a{
	display: block;
	background:none;
	font-weight:bold;
	text-decoration:none;
}


/* -------------------------- snapshot --------------------------  */
#snapshots{
	width:175px;
	padding:0 10px;
	background: url(../images/global/main-bg.jpg) repeat-x left top;
}
#snapshots a {
	color: #0c246e;
	text-decoration:none;
}
#snapshots .tips, #snapshots .events{
	padding:10px 0 ;
	border-bottom:1px solid #d8d8d8;
}
#snapshots ul li{
	font-size: 1.3em;
	padding:0 0 0.5em 0;
	margin:0 0 0 12px;
	text-indent: -12px;
}

#snapshots .tips{
	height:130px;
}

#snapshots .tips h2{
	font-size: 1.6em;
	font-weight: bold;
	background: url(../images/global/did-you-know-icon.gif) no-repeat left 0.2em;
	padding:0.3em 0 0.3em 30px;
	color: #00B2ED;
}
#snapshots .events h2{
	font-size: 1.6em;
	font-weight: bold;
	padding:0.3em 0 0.7em 30px;
	color: #9AC945;
	background: url(../images/global/local-event-icon.gif) no-repeat left 0.2em;
}

#snapshots .download{
	margin-top:1em;
}

#snapshots .download h2{
	font-size: 1.6em;
	font-weight: bold;
	padding:0.3em 0 0.7em 30px;
	color: #00B2ED;
	background: url(../images/global/download-icon.gif) no-repeat left 0.2em;
}
#snapshots input.fields, #snapshots textarea{ width:95%; margin:2px 0; border:1px solid #d6d3d3;}


.advert{
	padding:5px 0;
	}

.advert img{
	padding-bottom:5px;
margin-left:18px;
	}

/* -------------------------- Content --------------------------  */
#main{
	padding: 0 0 100px 0;
}
.mainHome{
	background: url(../images/home/content-footer.jpg) no-repeat center bottom;
}

.mainAlcohol{
	background: url(../images/footers/alcohol.jpg) no-repeat center bottom;
}

.mainChild{
	background: url(../images/footers/children.jpg) no-repeat center bottom;
}

.mainAgeing{
	background: url(../images/footers/ageing.jpg) no-repeat center bottom;
}

.mainEating{
	background: url(../images/footers/eating.jpg) no-repeat center bottom;
}

.mainMind{
	background: url(../images/footers/mind.jpg) no-repeat center bottom;
}

.mainPhysical{
	background: url(../images/footers/physical.jpg) no-repeat center bottom;
}

.mainSex{
	background: url(../images/footers/sex.jpg) no-repeat center bottom;
}

.mainDrugs{
	background: url(../images/footers/drugs.jpg) no-repeat center bottom;
}

.mainSmoking{
	background: url(../images/footers/smoking.jpg) no-repeat center bottom;
}

.mainEvents1{
	background: url(../images/footers/events1.jpg) no-repeat center bottom;
}

.mainEvents2{
	background: url(../images/footers/events2.jpg) no-repeat center bottom;
}

.mainEvents3{
	background: url(../images/footers/events3.jpg) no-repeat center bottom;
}

.mainResources{
	background: url(../images/footers/resources.jpg) no-repeat center bottom;
}

.mainAbout{
	background: url(../images/footers/about.jpg) no-repeat center bottom;
}

.mainContact{
	background: url(../images/footers/contact.jpg) no-repeat center bottom;
}

.mainAccident{
	background: url(../images/footers/accidents.jpg) no-repeat center bottom;
}

.green{ color:#9ac945;}


#content{
	width:513px;
	padding: 0 15px;
	float:left;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	background: url(../images/global/main-bg.jpg) repeat-x left top;
}

#content h2{
	font-size: 3em;
	padding-bottom: 0.7em;
	font-weight: bold;
	color:#9ac945;
}
#content h3{
	font-size: 1.8em;
	padding-bottom: 0.7em;
	font-weight: bold;
}

#content h4{
	font-size: 1.6em;
	padding-bottom: 0.7em;
	font-weight: bold;
	color:#9ac945;
}


#content ul li{
	font-size: 1.3em;
	padding:0 0 0.5em 0;
	margin:0 0 0 1em;	
}
.arrow{
	margin:0 0 0 0;
	list-style-type: none;
}
.arrow li{
	margin:0 0 0 0;
	list-style-type: none;
}

.grey{
	font-size:1em;
	color:#7a7777;
	font-style: normal;
	margin:1em 0;
	}
	
	
	
/* Home */
#vigHealthy{
	width: 510px;
	padding: 0 0 0 0;
	color: #fff;
	background: #163593 url(../images/home/vig-healthy-bot.jpg) no-repeat center bottom;
	margin:0 0 5px;
	
}
#vigHealthy .top{
	background: url(../images/home/vig-healthy-top.jpg) no-repeat  center top;
	height: 10px;
}
#vigHealthy img{
	float:left;
	padding:0 4px;
	margin-top:-6px;
}
#vigHealthy ul{
	margin: 0;
	list-style-type: none;
}
#vigHealthy ul li{
margin: 0;
	font-size: 1.3em;
	padding-bottom:0.5em;
	list-style-type: none;
}
#vigHealthy h3{
	color:#fff;
}
#vigHealthy .text{
	float:left;
	padding: 0 5px 5px;
	width:140px;
}


#vigGreenHome{
	background: url(../images/global/vig-green-bg.jpg) repeat-y center center;
	width:250px;
	float:left;
	margin:5px 10px 0 0;
}
#vigGreenHome h3{
	width:235px;
	color: #ffffff;
	padding: 5px 0 0.3em 15px;
	background: #9ac945 url(../images/global/vig-green-top.jpg) no-repeat center top;
}
#vigGreenHome .topFooter{
	width:250px;
	height:9px;
	background: url(../images/global/vig-green-top-02.jpg) no-repeat center top;
}

#vigGreenHome .footer{
	background: url(../images/global/vig-green-bot.jpg) no-repeat center bottom;
	height: 10px;
}
#vigGreenHome .text{
	background: url(../images/global/vig-green-pic.jpg) no-repeat right top;
	padding: 0 150px 10px 15px;
}
#vigGreenHome select{
	margin: 0 0 0 15px;
}

#vigGreen{
	background: url(../images/global/vig-green-bg.jpg) repeat-y center center;
	width:250px;
	float:left;
	margin:5px 10px 0 0;
}
#vigGreen h4{
	width:235px;
	color: #FFFFFF;
	padding: 5px 0 0.3em 15px;
	background: #9AC945 url(../images/global/vig-green-top.jpg) no-repeat center top;
	font-size:1.3em;
}
#vigGreen .topFooter{
	width:250px;
	height:9px;
	background: url(../images/global/vig-green-top-02.jpg) no-repeat center top;
}

#vigGreen .footer{
	background: url(../images/global/vig-green-bot.jpg) no-repeat center bottom;
	height: 10px;
}
#vigGreen .text{
	padding: 0 15px 10px 15px;
}
#vigGreen select{
	margin: 0 0 0 15px;
}




#vigGreenLarge{
	width:497px;
	background-image: url(../images/global/vig-greenLarge-bg.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}
#vigGreenLarge .header{
	width:482px;
	color: #FFFFFF;
	padding: 5px 0 0 15px;
	background: #9AC945 url(../images/global/vig-greenLarge-top.jpg) no-repeat center top;
}
#vigGreenLarge .topFooter{
	width:497px;
	height:9px;
	background: url(../images/global/vig-greenLarge-top-02.jpg) no-repeat center top;
}

#vigGreenLarge .footer{
	background: url(../images/global/vig-greenLarge-bot.jpg) no-repeat center bottom;
	height: 10px;
	clear:both;
}
#vigGreenLarge .text{
	background: url(../images/global/vig-greenLarge-pic.jpg) no-repeat right bottom;
	padding: 0 10px 10px 15px;
}


#vigBlue{
	background: url(../images/global/vig-blue-bg.jpg) repeat-y center center;
	width:250px;
	float:left;
	margin:5px 0 0 0;
}
#vigBlue h3{
	width:235px;
	color: #FFFFFF;
	padding: 5px 0 0.3em 15px;
	background: #00B2ED url(../images/global/vig-blue-top.jpg) no-repeat center top;
}

#vigBlue h4{
	width:235px;
	color: #FFFFFF;
	padding: 5px 0 0.3em 15px;
	background: #00B2ED url(../images/global/vig-blue-top.jpg) no-repeat center top;
	font-size:1.3em;
}

#vigBlue .topFooter{
	width:250px;
	height:9px;
	background: url(../images/global/vig-blue-top-02.jpg) no-repeat center top;
}

#vigBlue .footer{
	background: url(../images/global/vig-blue-bot.jpg) no-repeat center bottom;
	height: 10px;
}
#vigBlue .text{
	background: url(../images/global/vig-blue-pic.jpg) no-repeat right top;
	padding: 0 10px 0;
}

#vigBlueLarge{
	background: url(../images/global/vig-blueLarge-bg.jpg) repeat-y center center;
	width:497px;
}
#vigBlueLarge .header{
	width:482px;
	color: #ffffff;
	padding: 5px 0 0 15px;
	background: #00b2ed url(../images/global/vig-blueLarge-top.jpg) no-repeat center top;
}
#vigBlueLarge .topFooter{
	width:497px;
	height:9px;
	background: url(../images/global/vig-blueLarge-top-02.jpg) no-repeat center top;
}

#vigBlueLarge .footer{
	background: url(../images/global/vig-blueLarge-bot.jpg) no-repeat center bottom;
	height: 10px;
	clear:both;
}
#vigBlueLarge .text{
	padding: 0 10px 0;
	background-image: url(../images/global/vig-blueLarge-pic.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Display Options */

.option{
	padding-right:40px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

/* events*/

.eventBox { width:100%; clear:both; margin: 0;}

.eventBox img { float:left; }

.eventBox .eventText { float:left; 
	padding: 0 0 0 10px;
	width:350px; }
	
.eventBox h4{ padding:0; margin:0;}

.eventItemImage{
	padding:2em 0 2em 0;
}

/* newsticker*/
#newsticker ul, #natevents ul{
list-style:none;
}

/* form */
.form{ 
padding-bottom: 10px
}

/* div i-frame*/
.LocEvents {
	width: 175px;
	height: 200px;
	overflow-y: scroll;
} 

.IndNatEve{
	width: 230px;
	height: 200px;
	overflow-y: scroll;
}

.IndNatEveCym{
	width: 230px;
	height: 220px;
	overflow-y: scroll;
}

.LocNatNews{
	width: 240px;
	height: 190px;
	overflow-y: scroll;
}

.MyHealthDates{
	width: 470px;
	height: 120px;
	overflow-y: scroll;
}

/* Boxy banner class, used on news, features and themes */
.boxy { 
	float: left; 
	padding: 8px 0 12px 0; } /* spacing around outside of boxy area */

.boxy li { 
	float: left; 
	margin-right: 1px; }

#theme-list li { 
	margin-bottom: 6px; } 

/* multiple rows */

.boxy li.last { 
	margin: 0; 
}

.boxy li a, a.feature-link {
	display: block;
	width: 145px;
	/* height: 15em; */
	height: 200px;
	border-right: 3px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	background: url(../images/global/feature.gif) bottom left no-repeat;
	text-decoration: none;
	font-size: .9em;
	color: #333;
	padding: 4px 0px 4px 4px; /* padding inside feature box: top right bottom left*/

}

.boxy li a:hover, a.feature-link:hover { 
	background-position: bottom right; 
	border-color: #AEC1CA; 
}


.boxy img, a.feature-link img { 
	margin-bottom: 5px; 
	border: 1px solid #CFCFCF;
}

.boxy strong, a.feature-link strong, .boxy em, a.feature-link em, .boxy span, a.feature-link span {
	display: block; 
}


.boxy strong, a.feature-link strong { 
	margin-bottom: 2px; 
	font-weight: bold; 
}

.boxy em, a.feature-link em { 
	font-size: .9em; 
	color: #000; 
}

.boxy span, a.feature-link span { 
	font-size: 1em; 
}

.thirds{
	float: left; 	
	display: block;
	/* background: #AEC1CA; */
	width: 169px;
	margin-right: 1px; /* space to right of a thirds column*/

}

.inthirds{	
	padding: 8px 8px 12px 8px;
}

.feature{	
	border-right: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	height: 250px;
	background: url(../images/global/featured.gif) bottom left no-repeat;
}

.feature2{	
	border-right: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	background: #00b2ed;
	color: #ffffff;
	height: 100px;
}


.feature3{	
	border-right: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	background: #9AC945;
	color: #ffffff;
	height: 100px;
}


.hscwbintro{	
	border-right: 2px solid #006500;
	border-bottom: 2px solid #006500;
	background: #eaffe1;
	color: #666;
	height: 100px;
}

.hscwbtheme1{	
	border-right: 2px solid #650065;
	border-bottom: 2px solid #650065;
	background: #f6ebff;
	color: #666;
	height: 100px;
}

.hscwbtheme2{	
	border-right: 2px solid #003365;
	border-bottom: 2px solid #003365;
	background: #e1f0ff;
	color: #666;
	height: 100px;
}


.hscwbtheme3{	
	border-right: 2px solid #993300;
	border-bottom: 2px solid #993300;
	background: #ffe6cd;
	color: #666;
	height: 100px;
}

/* ********************************** */
.quote{
	width: 480px;
	border: 1px solid #CFCFCF;
	padding: 15px;
	background: #9AC945;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 0.7em;

}


/* ********************************** */
/* National Event Banner Slider */

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* ********************************** */

.mask1{
	position:relative;
	width:160px;
	height:600px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

/* ********************************** */

.yellow{
	width: 480px;
	border: 1px solid #CFCFCF;
	padding: 15px;
	background: #ffff00;
	font-family: Comic Sans, Comic Sans MS, cursive;
	color: #000;}

/*   .yellow img{position:absolute;left:375px;z-index:+1;} */


 .yellow h3{
	font-size: 1.8em;
	margin-left: 160px;
}

.yellow p,{
	font-size: 1.2em;
	margin-left: 160px;
}

.textred{
	color: #cc0033;}

.textblue{
	color: #0099cc;}

/* ********************************** */

.why{
	margin-left: 90px;
}