/* -------------------------------------------------------------------------------------------------------------- */
/* css for basic items ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */
html,body	{
 	width: 100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 1084px;
	background: #f1f1f2;
	font-family: arial, helvetica, verdana;
	font-size: 62.5%;
	color: #000;
 	}
img {
	margin: 0;
    padding: 0;
	}
a,  a:visited, a:active {
	color: #67ae3e;
    outline: none;
	text-decoration: none;
	font-weight: bold;
}
a:hover { 
	color: #67ae3e;
    outline: none;
	text-decoration: underline;
	font-weight: bold;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    }
ul li {
    padding: 0;
    margin: 0;
    overflow: none;
    float: left;
    }
p {
	padding: 0 0 15px 0;
	margin: 0;
	clear: both;
	}
form {
	padding: 0;
	margin: 0;
	}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	background: #f1f1f2 url(../images/bg.gif) top repeat-y;
	display: table;
	vertical-align: middle;
 	}
#inner {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 12px 0 12px 0;
	width: 999px;
	z-index: 100;
    }
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for search ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#search {
	position: relative;
	height: 35px;
	background: #e7e7e8;
	text-align: right;
	font-size: 0;
	line-height: 0;
	}
	#search .textfield {
		margin: 5px 0 0 0;
		padding: 5px 0 0 0;
		width: 206px;
		height: 20px;
		border: none;
		background: #fff;
		outline: none;
		vertical-align: top;
		font-size: 11px;
		}		

	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	width: 999px;
	height: 114px;
	font-size: 0;
	line-height: 0;
	}
	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 149px;
		height: 114px;
		}
	#photo {
		position: absolute;
		top: 8px;
		left: 149px;
		width: 284px;
		height: 98px;
		z-index: 10;
		}
	#arrow {
		position: absolute;
		top: 48px;
		left: 418px;
		width: 15px;
		height: 21px;
		z-index: 20;
		}
	#caption {
		position: absolute;
		top: 0px;
		left: 433px;
		width: 406px;
		height: 76px;
		}
	#read-more {
		position: absolute;
		top: 76px;
		left: 451px;
		width: 83px;
		height: 30px;
		}
	#stories {
		position: absolute;
		top: 8px;
		right: 0px;
		width: 160px;
		height: 98px;
		}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for main navigation -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#main-nav {
	position: relative;
	width: 725px;
	height: 31px;
	float: left;
	font-size: 0;
	line-height: 0;
	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for login navigation ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#login-nav {
	position: relative;
	width: 274px;
	height: 31px;
	float: left;
	font-size: 0;
	line-height: 0;
	background: #67ae3d;
	z-index: 997;
	}
	#login-subnav {
		position: absolute;
		top: 176px;
		right: 0px;
		width: 274px;
		height: 33px;
		background: #8cc83c url(../images/bg-login-subnav.gif) repeat-x;
		z-index: 997;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for login dropdown and login popups ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#websitepop {
	display: none;
	}
#loginpop01,
#loginpop02,
#loginpop03,
#loginpop04,
#loginpop05,
#loginpop06 {
	display: none;
	}
#simplemodal-overlay {
	background-color: #000;
	}
	#simplemodal-container {
		padding: 0 12px 12px 12px;
		width: 250px;
		height: 315px;
		background: #8cc83c;
		z-index: 997;
		font-size: 11px;
		line-height: 15px;
		color: #fff;
		}
	#simplemodal-container a.modalCloseImg {
		position: absolute;
		bottom: 10px;
		left: 10px;
		background: url(../images/btn-close.png) no-repeat; 
		width: 84px; 
		height: 30px;
		display: block;
		cursor: pointer;
		}
	#simplemodal-container a.modalCloseImg:hover {
		background: url(../images/btn-close.png) no-repeat; 
		}
	#login-dropdown {
		position: absolute;
		top: 176px;
		right: 0px;
		padding: 0 12px 12px 12px;
		width: 250px;
		background: #8cc83c;
		z-index: 997;
		display: none;
		font-size: 11px;
		line-height: 15px;
		color: #fff;
		}
		#simplemodal-container form,
		#login-dropdown form {
			margin: 0 0 5px 0;
			}
		#simplemodal-container .textfield,
		#login-dropdown .textfield {
			margin: 2px 8px 5px 0;
			padding: 0;
			width: 180px;
			height: 21px;
			border: none;
			background: #fff;
			outline: none;
			cursor: pointer;
			vertical-align: top;
			}
		#simplemodal-container a,
		#simplemodal-container a:visited,
		#simplemodal-container a:active,
		#login-dropdown a,
		#login-dropdown a:visited,
		#login-dropdown a:active {
			color: #004b87;
			}
		#simplemodal-container a:hover,
		#login-dropdown a:hover {
			color: #004b87;
			}
		#simplemodal-container a.arrow,
		#login-dropdown a.arrow {
			padding: 0 0 0 10px;
			background: url(../images/icon-link-arrow.gif) no-repeat;
			}
		#simplemodal-container hr,
		#login-dropdown hr {
			color: #8cc83c;
			background: #8cc83c;
			border: none;
			border-top: 1px solid #fff;
			}
			
/* -------------------------------------------------------------------------------------------------------------- */
/* css for breadcrumb ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#breadcrumb {
	position: relative;
	padding: 6px 0 0 18px;
	margin: 3px 0 0 0;
	width: 981px;
	height: 20px;
	background: #e7e7e8;
	color: #808284;
	font-weight: bold;
	}
	#breadcrumb a {
		color: #808284;
		}
	#breadcrumb span {
		color: #000;
		}
			


		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for sub header ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#sub-header {
	position: relative;
	padding: 21px 12px 0 16px;
	width: 971px;
	height: 39px;
	font-size: 1.6em;
	color: #004b87;
	font-weight: bold;
	}
	#sub-header img {
		vertical-align: middle;
		}
	#sub-header a {
		font-size: 1.2em;
		color: #67ae3e;
		}
	#sub-header ul li {
		padding: 0 10px 0 0;
		}
	#sub-header ul li.registration {
		font-size: .9em;
		}
	#sub-header ul li ul li.text-size {
		padding: 4px 10px 0 0;
		font-size: .9em;
		color: #929497;
		}
	#sub-header ul li ul li.reset {
		font-size: 1.2em;
		color: #929497;
		}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for main content ----------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#content {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1061px;
    }

/* -------------------------------------------------------------------------------------------------------------- */
/* css for left navigation -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	#content-left {
		position: relative;
		margin: 0 10px 0 0;
		width: 295px;
		min-height: 400px;
		float: left;
		}
	#content-left-line {
		margin: 0 0 0 31px;
		border-top: 4px solid #e7e7e8;
		}
	#content-left ul.levelone-about, {
		margin: 0 0 30px 0;
		float: none;
		}
	#content-left ul.levelone li, #content-left ul.leveltwo li, #content-left ul.levelthree li, #content-left ul.levelone-about li, {
		float: none;
		}
	#content-left ul.levelone li img, #content-left ul.leveltwo li img, #content-left ul.levelthree li img {
		vertical-align: middle;
		}
	/* anchor tags */
	#content-left a {
		font-size: 1.2em;
		display: block;
		}		

		/* first level nav for about pages */
		#content-left ul.levelone-about li a, #content-left ul.levelone-about li a:visited, #content-left ul.levelone-about li a:active {
			padding: 8px 0 0 17px;
			margin: 0 0 0 32px;
			width: 246px;
			height: 23px;
			background: #e8f1f8 url(../images/line-left-nav-about.gif) no-repeat bottom;
			color: #1e75bb;
			font-weight: bold;
			}
		#content-left ul.levelone-about li a:hover {
			background: #1e75bb url(../images/line-left-nav-about.gif) no-repeat bottom;
			color: #fff;
			text-decoration: none;
}
		#content-left ul.levelone-about li a.on, #content-left ul.levelone-about li a.on:visited, #content-left ul.levelone-about li a.on:active, #content-left ul.levelone-about li a.on:hover { 
			position: relative;
			padding: 8px 0 0 29px;
			margin: 0 0 0 20px;
			background: #1e75bb url(../images/line-left-nav-about.gif) no-repeat bottom;
			color: #fff;
			}
			.blue-shade-on {
			 position: absolute;
			 top: 0px;
			 left: -19px;
			 width: 19px;
			 height: 46px;
			 z-index: 997;
			 background: url(../images/nav-left-blue-graphic.gif) no-repeat top left;
			 }
			 
			 		
		/* first level nav */
		#content-left ul.levelone li a, #content-left ul.levelone li a:visited, #content-left ul.levelone li a:active {
			padding: 8px 0 0 29px;
			margin: 0 0 0 20px;
			width: 246px;
			height: 23px;
			background: url(../images/line-left-nav.gif) no-repeat bottom;
			color: #5b9937;
			font-weight: bold;
			}
		#content-left ul.levelone li a:hover {
			background: #318500 url(../images/line-left-nav.gif) no-repeat bottom;
			color: #fff;
			text-decoration: none;
			}
		#content-left ul.levelone li a.on, #content-left ul.levelone li a.on:visited, #content-left ul.levelone li a.on:active, #content-left ul.levelone li a.on:hover { 
			position: relative;
			background: #8cc83c url(../images/line-left-nav.gif) no-repeat bottom;
			color: #fff;
			}
			.green-shade-on {
			 position: absolute;
			 top: 0px;
			 left: -19px;
			 width: 19px;
			 height: 46px;
			 z-index: 997;
			 background: url(../images/nav-left-green-graphic.gif) no-repeat top left;
			 }			
		/* second level nav */
		#content-left ul.leveltwo li a, #content-left ul.leveltwo li a:visited, #content-left ul.leveltwo li a:active  {
			padding: 8px 0 0 35px;
			margin: 0 0 0 49px;
			width: 211px;
			height: 23px;
			border-bottom: 1px solid #e7e7e8;
			background: #fff;
			color: #5b9937;
			font-weight: normal;
			}
#content-left ul.leveltwo li a:hover {
			background: #318500;
			color: #fff;
			text-decoration: none;
			}
#content-left ul.leveltwo li a.on, #content-left ul.leveltwo li a.on:visited, #content-left ul.leveltwo li a.on:active, #content-left ul.leveltwo li a.on:hover  {
			background: #5b9937;
			color: #fff;
			}
				
		/* third level nav */
		#content-left ul.levelthree li a, #content-left ul.levelthree li a:visited, #content-left ul.levelthree li a:active {
			padding: 8px 0 0 70px;
			margin: 0 0 0 49px;
			width: 176px;
			height: 23px;
			border-bottom: 1px solid #e7e7e8;
			background: #fff;
			color: #5b9937;
			font-weight: normal;
			}
		#content-left ul.levelthree li a:hover {
			background: #fff;
			color: #5b9937;
			font-weight: bold;
			}
		#content-left ul.levelthree li a.on, #content-left ul.levelthree li a.on:visited, #content-left ul.levelthree li a.on:active, #content-left ul.levelthree li a.on:hover {
			background: #fff url(../images/icon-nav-arrow-up-wide.gif) no-repeat left;
			color: #5b9937;
			font-weight: bold;
			}

		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	#footer {
		position: relative;
		padding: 10px 20px 0 20px;
		margin: 0 0 12px 32px;
		width: 959px;
		height: 22px;
		background: #004b87;
		clear: both;
		font-size: 1.0em;
		color: #fff;
		font-weight: bold;
		}
		.copyright {
			float: right;
			}
		#footer a, #footer a:visited, #footer a:active {
			color: #fff;
			}
		#footer a.:hover {
			color: #fff;
			}
		#footer a.on, #footer a.on:visited, #footer a.on:active {
			color: #fff;
			text-decoration: underline;
			}
		#footer a.on:hover {
			color: #fff;
			text-decoration: underline;
			}
#footer-bg {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1084px;
	height: 50px;
	clear: both;
	font-size: 0;
	line-height: 0;
	background: url(../images/bg-footer.gif) no-repeat;
	}
	.footer-space {
		height: 60px;
		clear: both;
		}
	.footer-line {
		position: relative;
		padding: 10px 20px 0 20px;
		margin: 12px 0 0 32px;
		width: 959px;
		height: 33px;
		clear: both;
		font-size: 0;
		line-height: 0;
		border-top: 3px solid #e7e7e8;
		}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* divs */
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}

/* lists */
ul.bullets {
	padding: 0 0 15px 36px;
	clear: both;
	}
ul.bullets li {
	padding: 0 0 0 10px;
	float: none;
 	background: url(../images/bullet.gif) no-repeat 0 7px;
	}	
ul.bullets li.pad {
	padding: 0 35px 4px 10px;
	float: none;
 	background: url(../images/bullet.gif) no-repeat 0 7px;
	}	
ul.bullets2 {
	padding: 0 0 0 0;
	clear: both;
	}
ul.bullets2 li {
	padding: 0 0 0 10px;
	float: none;
 	background: url(../images/bullet2.gif) no-repeat 0 7px;
	}	
ul.disc {
	padding: 0 0 0 7px;
	clear: both;
	}
ul.disc li {
	padding: 0 0 10px 10px;
	float: none;
 	background: url(../images/disc.gif) no-repeat 0 4px;
	}	
ul.disc2 {
	padding: 15px 0 0 7px;
	clear: both;
	}
ul.disc2 li {
	padding: 0 0 0 10px;
	font-size: .8em;
	line-height: 1.4em;
	float: none;
 	background: url(../images/green-bullet.gif) no-repeat 0 2px;
	}	
ul.disc3 {
	padding: 0 0 15px 36px;
	clear: both;
	}
ul.disc3 li {
	padding: 0 0 0 15px;
	float: none;
 	background: url(../images/green-bullet2.gif) no-repeat 0 2px;
	}	
ul li.right {
	float: right;
	}
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for text and links --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
.text-small {
	font-size: .8em;
	line-height: 1.4em;
	}
ul.disc2 li a, ul.disc2 li a:visited, ul.disc2 li a:active {
	text-decoration: underline;
	font-weight: bold;
	}
ul.disc2 li a:hover {
	font-weight: bold;
	}