/**************************************************************
**CLIENT NAME** Stylesheet
Author: Shane Smith

STYLESHEET CONTENTS
0. Browser Reset
1. Body Formatting
2. Container
3. Heading Tags
4. Paragraph Tags
5. A Tags
6. Reusable Classes
7. Specific Formatting
	 a) Header
	 b) Footer
	 c) Navigation
	 d) Home Page

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


/********************* 0. Browser Reset ********************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}

/********************* 1. Body Formatting ********************/
body, select, input, textarea {
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}

body {
	background:url(../images/body-bg.jpg) repeat-x #F6F6F6;
}

/********************* 2. Container ********************/
#container {
	font-size: 0.8em;
	width: 936px;
	margin: 0 auto;
	background:url(../images/body-shadow.jpg) right repeat-y #FFF;
	padding:0 20px 0 20px;
}

#content-area {
	padding:20px 10px 20px 0px;
	margin-right:14px;
}

#content-area-default {
	padding:20px 0 20px 0px;
	margin-right:0;
}

/********************* 3. Heading Tags ********************/
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;
}

h1 {
font-size: 1.8em;
color:#174477;
font-weight:normal;
}
h2 {
	font-size: 1.5em;
	font-weight:normal;
	margin-top:15px;
	color:#174477;
}
h2.green {
	color:#00B9B0;
	background:url(../images/h2-bullet-green.png) left top no-repeat;
	background-position:0 3px; 
	padding-left:23px;
}
h2.blue {
	color:#174477;
	background:url(../images/h2-bullet-blue.png) left top no-repeat;
	background-position:0 3px; 
	padding-left:23px;
}
h2.home {
	font-size:1.2em;
	margin-top:0px;
}
h3 {
	font-size: 1.3em;
	color:#00B9B0;
	border-bottom:1px solid #00B9B0;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:4px;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}

/********************* 4. Paragraph Tags ********************/
p {
	padding-bottom: 1.2em;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

p.intro {
	font-size:1.3em;
	font-family:"Times New Roman", Times, serif;
	font-style:italic; }
	
/********************* 5. A Tags ********************/
a {
	text-decoration: none;
}
a:link {
	color: #666666;
	text-decoration:underline;
}
a:visited {
	color: #00B8B0;
}
a:active {
	color: #00B8B0;
}
a:hover {
	color: #00B8B0;
	text-decoration:underline;
}

/********************* 6. Reusable Classes ********************/
.error {
color: #C00;
font-weight: bold;
}
.confirmation {
color: #080;
font-weight: bold;
}

ul {
	margin-bottom:15px; }

li {
	font-size: 1em;
	line-height: 165%;
	margin: 0 0 5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background:url(../images/bullet-default.jpg) left top no-repeat;
	background-position:0px 8px;
	padding-left:20px;
	list-style:none;
}

ol li {
	font-size: 1em;
	line-height: 165%;
	margin: 0 0 5px 50px;
	list-style-type: decimal;
	list-style-position: outside;
	background: none;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
	
table {
	font-family:Arial, Helvetica, sans-serif; }
	
#sidelinks div {
	margin-bottom:15px; }
	
.clear {
	clear:both;
}

p.formFeedback {
	color:#F00;
}

.accessibility {
	position:absolute; 
	left:-999em;
}

/********************* 7. Specific Formatting ********************/

/* -------- a) Header -------- */

#header {
	border-top:3px solid #00B9B0;
	padding:14px 0 14px 14px;
}
	#header .logo {
		float:left;
	}
	#header .tagline {
		float:left;
		padding:54px 0 0 14px;
	}
	#header .info {
		float:right;
		text-align:right;
		width:350px;
	}
	#header .links { height:32px; margin-bottom:10px; }
	#header .links img { float:right; margin-left:5px; }
	
	#header .links p {
		font-size:0.9em;
		color:#999999;
	}
		#header .links p a {
			color:#999999;
		}
	
	#header .search input.query {
		border:1px solid #7D9DB9;
		float:right;
		margin-right:4px;
	}
	#header .search input.query:focus {
		border:1px solid #00B9B0;
	}
	#header .search input.button {
		border:1px solid #97B1C7;
		color:#2878B6;
		background:url(../images/search-button-bg.jpg) repeat-x #CCD9E9;
		font-weight:bold;
		float:right;
	}
	#header .contact {
		padding-top:20px;
	}
	#header .contact p {
		font-size:1.2em;
		color:#174477;
		padding-bottom:0;
	}
		#header .contact p span {
			color:#00B8B0;
		}
	
/* -------- b) Footer -------- */

#footer {
	margin-top:25px;
	background-color:#174477;
	padding:30px;
}

#footer .box {
	float:left;
}

#footer .col1 {
	padding-right:30px;
}

#footer .col2 {
	padding-right:55px;
	border-right:1px solid #5F7A98;
}

#footer .col3 {
	padding-left:55px;
	padding-right:30px;
}

#footer .col4 {
	padding-left:30px;
	padding-right:55px;
	border-right:1px solid #5F7A98;
}

#footer .col5 {
	padding-left:55px;
}

#footer p {
	font-size:0.8em;
	color:#F4F4F4;
	line-height:1.8em;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:0px;
	padding-bottom:0px;
}

#footer a {
	color:#F4F4F4;
	text-decoration:none;
}
	#footer a:hover {
		text-decoration:underline;
	}

/* -------- c) Navigation -------- */

#navigation {
	background:url(../images/menu-end-bg.jpg) repeat-x;
}

#mainMenu {
	margin:0px;
	padding:0px;
	list-style: none;
}
	#mainMenu li {
		float:left;
		margin:0px;
		padding:0px;
	}
	
	#mainMenu li.noPadding {
		padding:0px;
	}
	
		#mainMenu li a {
			display:block;
			font-size:1.2em;
			color:#CCEFED;
			font-weight:bold;
			text-decoration:none;
			padding:11px 14px;
			background:url(../images/menu-bg.jpg) right no-repeat;
		}
		
		#mainMenu li a:hover, #mainMenu li a.active {
			color:#FFF;
			
		}
		
		#mainMenu li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			left: -999em;
			z-index:10;
			border-top:4px solid #174577;
		}
		#mainMenu li:hover ul, #mainMenu li.sfhover ul {
			left: auto;
			position: fixed;
			width:auto;
		}
		
			#mainMenu li ul li {	
				float: none;
				display: inline;
			}
			
			#mainMenu li ul li a {	
				width: auto;
				width:200px; !important;
				padding:5px;
				background: #029992;
				font-size:12px;
			}
		
			#mainMenu li ul li a:hover {
				background: #023A80;
			}
		
#subMenu {
	margin:0px;
	padding:0px;
}
	#subMenu li {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#subMenu li.noPadding {
		padding:0px;
	}
	
		#subMenu li a {
			display:block;
			width:176px;
			font-size:1.0em;
			color:#666666;
			text-decoration:none;
			padding:8px 12px;
			background-color:#F4F4F4;
			border-bottom:1px solid #DCDCDC;
		}
		
		#subMenu li a:hover, #subMenu li a.active {
			background-color:#FFF;
		}


		
/* -------- d) Home Page -------- */

#homepanel {
	margin:14px 0 6px 0;
}

.images {
	position:relative;	
	height:261px;
	width:936px;
	float:left;	
	cursor:pointer;
}

.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:261px;
	width:936px;
	background-color:#174477;
}

.tabs {
	clear:both;
	margin-top:-23px;
	margin-left:850px;
	position:absolute;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 

a:hover, a:active, a:focus, a:active {
	outline:none;
}

#newsTicker {
	background-color:#00B9B0;
	width:936px;
	height:34px;
}
	#newsTicker p {
		float:left;
		display:block;
		color:#FFF;
		font-size:1.3em;
		padding:6px 12px;
	}

	#newsTicker #ticker {
		float:left;
		margin:0px;
		padding:7px 0px;
	}
		#newsTicker #ticker li {
			list-style:none;
			color:white;
			position:absolute;
			padding:0px;
			margin:0px;
		}
		#newsTicker #ticker li a {
			color:#FFF;
			text-decoration:none;
		}
		
#initiatives {
	float:left;
	width:605px;
	background:url(../images/initiatives-bg.jpg) bottom right no-repeat;
	height:244px;
	border-bottom:1px dotted #E5E5E5;
}

	#initiatives .box {
		float:left;
		padding-right:20px;
	}
	#initiatives .box h2 {
		padding-top:10px;
	}
	#initiatives .box .imgContainer {
		width:178px;
		height:119px;
		overflow:hidden;
	}
		#initiatives .box .imgOverlay {
			position:absolute;
			width:178px;
			height:119px;
			background:url(../images/box-home-spotlights.gif) no-repeat;
		}

#haveyoursay {
	background:url(../images/haveyoursay-bg.jpg) right bottom no-repeat #F4F4F4;
	width:330px;
	height:244px;
	float:right;
	border-bottom:1px dotted #E5E5E5;
}
	#haveyoursay div {
		padding:0px 16px;
		width:180px;
	}
	#haveyoursay div p {
		font-size:0.85em;
		color:#797979;
	}

	
/* -------- e) Default Page -------- */

#col1 {
	float:left;
	width:200px;
}
	#col1 .area-heading {
		background-color:#174477;
		color:#FFF;
		font-size:1.1em;
		padding:8px 10px;
		font-weight:bold;
		margin-bottom:2px;
	}

#col2 {
	float:left;
	width:503px;
	margin-left:26px;
}

#col3 {
	float:right;
	width:180px;
}

h2.sideLeftH {
	display:block;
	background-color:#00B9B0;
	color:#FFF;
	width:165px;
	font-size:1.1em;
	padding-left:15px; padding-top:10px;
	font-weight:bold;
}

.latestNews {
	background:#F4F4F4;
	padding:11px 15px;
}

ul.leftList {
	margin:0px;
	padding:0px;
	
}

	ul.leftList li {
		margin:0px;
		padding:0px;
		background:none;
		border-bottom:1px solid #02CBC1;
		margin-bottom:4px;
		padding:4px 0;
	}
	
	ul.leftList a {
		color:#3F6577;
		display:block;
		min-height:25px;!important
	}
	
	ul.leftList a:hover {
		color:#00B9B0;
		text-decoration:none;
	}

/* -------- f) News Archive Page -------- */

.newsItem .date {
	background:url(../images/news-date-bg.jpg) no-repeat; width:59px; height:65px; float:left;
	text-align:center;
}
	.newsItem .date p.month {
		margin:0px; text-transform:uppercase; font-size:11px; font-weight:bold; color:#FFFFFF; padding:8px 0; padding-bottom:0px;
	}
	.newsItem .date p.day {
		margin:0px; line-height:1.1em; font-size:2.4em; font-weight:bold; color:#FFFFFF; padding:0;
	}
.newsItem .title {
	padding-left:15px;
	padding-top:8px;
	float:left;
}
.newsItem .title p {
	color:#00B9B0;
}
.newsItem .title h2 {
	margin:0px;
	padding:0px;
}
.newsItem .title h2 a {
	color:#174477;
}

/* -------- g) Contact Us Page -------- */

table.form th {
	text-align:left;
	padding-right:10px;
	padding-bottom:10px;
	color:#757575;
}

table.form td {
	padding-bottom:10px;
}

input.formBox {
	border:1px solid #DBDBDB;
	background:url(../images/input-bg.jpg) no-repeat;
	height:14px;
	width:300px;
	padding:3px;
}
	input.formBox:focus {
		border:1px solid #00B9B0;
	}
	
textarea.textareabox {
	width:300px;
	border:1px solid #DBDBDB;
	overflow:auto;
	padding:3px;
	background:url(../images/textarea-bg.jpg) repeat-x;
	height:99px;
}
	textarea.textareabox:focus {
		border:1px solid #00B9B0;
	}
	
#player, #player2 {
	cursor:pointer;
}