*{
	margin: 0;
	padding: 0;
	outline: none;
}

html, body {height: 99.9%;}
body{
	font: normal 11px/18px "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, verdana, sans serif;
	color: #444545;
	min-width: 900px;
}

/*********************
	GENERAL TAGS
*********************/

a{
	color: #45c7f3;
	outline: none;
}
a img{border: none;}

a:hover{color: #000;}

/*********************
	CONTAINER
*********************/
#container {
	position: relative;
	min-height: 99.9%;
	height: 99.9%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	min-height: 99.9%;
	position:relative;
}

/*********************
	NAVIGATION
*********************/
#navigation{
	width: 100%;
	position: relative;
	z-index: 505;
	height: 64px;
	background: url("/lib/img/main-nav-bground.gif") top center no-repeat;
}

#navigation ul{
	width: 384px;
	margin: 0 auto 0;
	z-index: 5;
}

#navigation ul li{
	float: left;
	list-style: none;
	height: 31px;
	font: normal 12px/28px arial;
	width: 128px;
	margin: 0 0 0;
}

#navigation ul li a{
	display: block;
	position: relative;
	background-color: #666;
	z-index: 10;
	height: 36px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0 1px 0;
	background: url("/lib/img/main-nav.png") top left no-repeat;
	_background: url("/lib/img/main-nav-ie6.gif") top left no-repeat;
}

#mainLogin{
	position: absolute;
	width: 42px;
	height: 24px;
	z-index: 1000;
	top: 0;
	left: 50%;
	float: none;
	margin-left: 373px;
	text-indent: 9999px;
	overflow: hidden;
	background: url("/lib/img/main-nav-login.gif") top left no-repeat;
}

#vetomain{
	position: absolute;
	width: 103px;
	height: 24px;
	z-index: 1000;
	top: 0;
   	float: left;
	margin-left: 26px;
	text-indent: 9999px;
	overflow: hidden;
	background: url("/lib/img/main-nav-veto.gif") top left no-repeat;
}

a#mainLogin:hover{background-position: 0 -24px;}
a#vetomain:hover{background-position: 0 -24px;}

#primaryNavigation li#basics.active a,
#primaryNavigation li#basics.sfhover a,
#primaryNavigation li#basics:hover a,
#primaryNavigation li#basics a:hover{background-position: 0 -36px;}

#primaryNavigation li#training a{background-position: -128px 0;}
#primaryNavigation li#training.active a, 
#primaryNavigation li#training.sfhover a,
#primaryNavigation li#training:hover a,
#primaryNavigation li#training a:hover{background-position: -128px -36px;}

#primaryNavigation li#success a{background-position: -258px 0;}
#primaryNavigation li#success.active a, 
#primaryNavigation li#success.sfhover a,
#primaryNavigation li#success:hover a,
#primaryNavigation li#success a:hover{background-position: -258px -36px;}

#navigation ul span{
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 24px;
	height: 0;
	overflow: hidden;
	z-index: 1;
	margin: 0;
}

#navigation ul li:hover span, #navigation ul li.sfhover span{background: #404e56; height: 49px;}

#navigation ul ul{
	width: 484px;
	margin: 0 auto 0;
	z-index: 55;
	position: relative;
	left: -999999px;
	top: 12px;
}

#navigation ul li:hover ul, #navigation ul li.sfhover ul{left: 0;}

#navigation ul ul li{
	width: auto;
	padding: 0 11px 0;
	height: 22px;
	background: url("/lib/img/subnav-pipe.gif") top right no-repeat;
}

#navigation ul #socialEcologicalModel,
#navigation ul #youth,
#navigation ul #search{background: none;}

#navigation ul li ul li a{
	display: block;
	height: 22px;
	line-height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
}

#navigation li#basics ul{width: 666px;}
#navigation li#training ul{/*width: 787px;*/width: 860px; }
#navigation li#success ul{width: 619px; }

#navigation li#basics li a{background: url("/lib/img/subnav-basics-rev.gif") top left no-repeat;}
#navigation li#training li a{background: url("/lib/img/subnav-training-rev.gif") top left no-repeat;}
#navigation li#success li a{background: url("/lib/img/subnav-success-rev.gif") top left no-repeat;}

	/* Basics */
#navigation li#basics li#overview a{width: 51px; background-position: 0 0;}
#navigation li#basics li#overview.active a, #navigation li#basics li#overview a:hover{background-position: 0 -22px;}
	
#navigation li#basics li#violence101 a{width: 134px; background-position: -51px 0;}
#navigation li#basics li#violence101.active a, #navigation li#basics li#violence101 a:hover{background-position: -51px -22px;}

#navigation li#basics li#primaryPrevention a{width: 107px; background-position: -186px 0;}
#navigation li#basics li#primaryPrevention.active a, #navigation li#basics li#primaryPrevention a:hover{background-position: -186px -22px;}

#navigation li#basics li#publicHealthImpact a{width: 130px; background-position: -293px 0;}
#navigation li#basics li#publicHealthImpact.active a, #navigation li#basics li#publicHealthImpact a:hover{background-position: -293px -22px;}

#navigation li#basics li#socialEcologicalModel a{width: 134px; background-position: -423px 0;}
#navigation li#basics li#socialEcologicalModel.active a, #navigation li#basics li#socialEcologicalModel a:hover{background-position: -423px -22px;}

	/* Training */
#navigation li#training li#overview a{width: 47px; background-position: 0 0;}
#navigation li#training li#overview.active a, #navigation li#training li#overview a:hover{background-position: 0 -22px;}

#navigation li#training li#matrix a{width: 175px; background-position: -51px 0;}
#navigation li#training li#matrix.active a, #navigation li#training li#matrix a:hover{background-position: -51px -22px;}

#navigation li#training li#ipv a{width: 145px; background-position: -226px 0;}
#navigation li#training li#ipv.active a, #navigation li#training li#ipv a:hover{background-position: -226px -22px;}

#navigation li#training li#sexualViolence a{width: 90px; background-position: -371px 0;}
#navigation li#training li#sexualViolence.active a, #navigation li#training li#sexualViolence a:hover{background-position: -371px -22px;}

#navigation li#training li#suicide a{width: 41px; background-position: -461px 0;}
#navigation li#training li#suicide.active a, #navigation li#training li#suicide a:hover{background-position: -461px -22px;}

#navigation li#training li#childMalTreatment a{width: 110px; background-position: -502px 0;}
#navigation li#training li#childMalTreatment.active a, #navigation li#training li#childMalTreatment a:hover{background-position: -502px -22px;}

#navigation li#training li#youth a{width: 84px; background-position: -612px 0;}
#navigation li#training li#youth.active a, #navigation li#training li#youth a:hover{background-position: -612px -22px;}

	/* Success Stories */
#navigation li#success li#welcome a{width: 53px; background-position: 0px 0;}
#navigation li#success li#welcome.active a, #navigation li#success li#welcome a:hover{background-position: 0px -22px;}

#navigation li#success li#what a{width: 141px; background-position: -53px 0;}
#navigation li#success li#what.active a, #navigation li#success li#what a:hover{background-position: -53px -22px;}

#navigation li#success li#worksheet a{width: 77px; background-position: -194px 0;}
#navigation li#success li#worksheet.active a, #navigation li#success li#worksheet a:hover{background-position: -194px -22px;}

#navigation li#success li#write a{width: 91px; background-position: -271px 0;}
#navigation li#success li#write.active a, #navigation li#success li#write a:hover{background-position: -271px -22px;}

#navigation li#success li#search a{width: 82px; background-position: -362px 0;}
#navigation li#success li#search.active a, #navigation li#success li#search a:hover{background-position: -362px -22px;}

#navigation li#success li#login a{width: 31px; background-position: -444px 0;}
#navigation li#success li#login.active a, #navigation li#success li#login a:hover{background-position: -444px -22px;}

/*********************
	MAIN CONTENT CONTAINER
*********************/
#contentContainer{
	text-align: center;
	position: relative;
	z-index: 1;
	top: -49px;
	clear: both;
}

#contentContainer #logo {
	width:130px;
	height:52px;
	overflow:hidden;
	margin:20px auto 0px auto;
	display:block;
	position:relative;
	z-index:10;
	text-indent:0px;
}

#content .float p.lg {
	font-size:13px;
	line-height:16px;
}

/*********************
	FOOTER
*********************/
#footer{
	height: 21px;
	position: absolute;
	z-index:5;
	bottom: 0px;
	width: 100%;
	left: 0;
}

#footer ul{
	position: relative;
	width: 456px;
	height: 21px;
	overflow: hidden;
	background: url("/lib/img/footer-bground.png") top left no-repeat;
	_background: url("/lib/img/footer-bground-ie6.gif") top left no-repeat;
	margin: 0 auto;
	padding: 1px 0 0 5px;
}

#footer ul li{
	display: inline;
	padding: 0 5px;
	font: bold 9px/14px "Lucida Grande", "Lucida Sans Unicode";
}

#footer ul li#contact{
	position: absolute;
	right: 4px;
	top: 3px;
}

#footer ul li a{color: #616262;}
#footer ul li.active a, #footer ul li a:hover{text-decoration: none; color: #603f89;}


.error {
	background:#FAF20B none;
	color:#000000;
}