@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
html {
	height: 101%;
}
body {
	font-family:"Lucida Grande", Verdana, Arial;
	color:#333333;
	font-size:12px;
	background:url(../i/bg_main_top.jpg) top left repeat-x #26407b;
	height:100%;
}
/******************************************************************************
								 Typography
******************************************************************************/	

h1 {
	color:#7f71ae !important;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
	margin: 0 0 16px 0;
}
h2 {
	color:#7f71ae;
	font-size: 16px;
	margin: 0 0 10px 0;
	font-weight:normal;
}
h3 {
	font-size: 14px;
	margin: 0 0 6px 0;
}
h4 {
	font-size: 14px;
	margin: 0 0 8px 0;
	font-weight:normal;
}
p {
	margin: 0 0 12px 0;
	line-height: 16px;
	text-align: justify;
}
	#header p {
		text-align: left;
	}
#contentLeft a {
	color: #705F96;
	text-decoration: underline;
}
#contentLeft a:hover {
	color:#0f1b45;
}

#contentLeft ol{
	margin-left: 20px;
	margin-bottom: 16px;
}

#contentLeft ul {
	margin-left: 15px;
	margin-bottom: 16px;
}
	#contentLeft li {
		margin-bottom: 8px;
		line-height: 16px;
	}
#wrapper {
	width: 970px;
	margin: 0 auto;
	
	background:url(../i/bg_content_sub.gif)  0px repeat-y;
}
#header {	
	background:url(../i/bg_header.jpg) top left no-repeat;
	width:1085px;
	height:167px;
	margin-left:-31px;
	
}
#headHome a{
	width:250px;
	height:110px;
	position:absolute;
	top:10px;
	margin-left:110px;
}
#headerLeft{
	height: 238px;
    margin: 161px 0 0 -261px;
    position: absolute;
    width: 292px;	
	background:url(../i/bg_header_sub_left.jpg) no-repeat;
}
#headerRight{
	position:absolute;
	margin:161px 0 0 932px;
	background:url(../i/bg_header_sub_right.jpg) no-repeat;
	width:296px;
	height:238px;
}
#headerStatistic {
	position:absolute;
	top:47px;
	margin-left:770px;
	color:#fff;
	width:255px;
}
#headerStatistic p {
}
#home_button{
    position:absolute;
	margin:-2px 0 0 10px;
}
#topNav {
	position:absolute;
	top:131px;
	margin-left:-1px;
}
#topNav ul {
	margin:0px 0 0 40px;
	width:1000px;
}
#topNav li {
	float:left;
	padding:6px 0;
	list-style:none;
	font-size:14px;
	display:block;
	text-transform:uppercase;
}
#topNav li a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	padding:7px 15px 6px 15px;
	border-right:#a28cd4 1px solid !important;
	border-left:#2b2e59 1px solid;
}
#topNav li a.first {
	border-left:none;
}
#topNav li a.last {
	border-right:none;
}
#topNav li a:hover {
	background:url(../i/bg_nav_over.gif) repeat-x;
}
/*************************************************************************
							DROP NAVIGATION
*************************************************************************/

#dropQA,
#dropStories,
#dropRecourses
{
	visibility:hidden;
	position: absolute;
	width: 170px;
	top: 160px;
	border: 1px solid #000;
	border-top: none;
	z-index: 100;
	background:url(../i/bg_dropNav.jpg) top left repeat-x #294f94;
	
	}
	#dropQA ul,
	#dropStories ul, 
	#dropRecourses ul
	{
		margin: 0 0 0 0px;
		padding: 4px 0 0 0px;
		list-style-type: none;
		border:1px solid #a28cd4;
		
		}
		#dropQA ul li,
		#dropStories ul li, 
		#dropRecourses ul li
		{			
			list-style-type: none;
			font-weight: bold;
			text-align: left;
			color: #fff;			
			}
			#dropQA ul li a,
			#dropStories ul li a, 
			#dropRecourses ul li a
			{
				text-decoration: none;
				color: #fff;
				font-size:11px;
				padding: 7px 0 7px 8px;
				display: block;
				width: 160px;
			}
			#dropQA ul li a:hover,
			#dropStories ul li a:hover, 
			#dropRecourses ul li a:hover
			{
				color:#fff;
				background:#0f1b45;
			}
			
	/* Drop Nav Positioning */	
#dropQA{margin-left:437px;}
#dropStories{margin-left:546px;}
#dropRecourses {margin-left: 632px;}

/*###############################
           CONTENT
###############################*/

#contentWrapper {
	margin-top:-6px;
	padding:0px;	
	min-height:650px;
}
#contentLeft {
	float:left;
	width:480px;
	min-height:600px;
	
	padding:60px 90px 20px 95px;
}

#flash_industries, #flash_bodyparts{margin-left:-70px;}
#contentRight{
	position:absolute;
	width:231px;
	margin-left:670px;
	min-height:750px;
	

}
#contentRight #tellFriend{
    margin:30px 0 0 20px;	
    width:192px;
	height:216px;
	background:url(../i/bg_tell_friend.gif) top left no-repeat;
}
#contentRight #tellFriend form{
    padding:60px 0 0 10px;
}
#contentRight #tellFriend form input.text{
    width:169px;
	background:#c8c6a7;
}
#contentRight #tellFriend form textarea{
	width:169px;
	margin-top:30px;
	height:50px;
	background:#c8c6a7;
}
#contentRight #tellFriend form input.submit{
	margin:15px 0 0 110px
}


#contentRight #askQuestion{
    margin:30px 0 0 20px;	
    width:192px;
	height:249px;
	background:url(../i/bg_ask_question.gif) no-repeat;
}

#contentRight #askQuestion p{
	padding:40px 0 0 10px;    
	font-size:11px;
	color:#fff;
	margin: 0 0 0px 0;
	line-height: 16px;
}
#contentRight #askQuestion form{
    padding:0px 0 0 10px;
}

#contentRight #askQuestion form textarea{
	width:169px;
	margin-top:20px;
	height:100px;
	background:#c8c6a7;
}
#contentRight #askQuestion form input.submit{
	margin:15px 0 0 110px
}
	#contentRight #rightNav{
		margin:16px 0 0 14px;                        
	}
	#contentRight #rightNav ul{}
	#contentRight #rightNav ul li{
		height:50px;
		width:201px;
		margin:0 0 5px 0;
		list-style:none;
	}
	#contentRight #rightNav ul li.navShare {				
		background:url(../i/btn_share_story.png) left top no-repeat;
		overflow:hidden;
	}
	#contentRight #rightNav ul li.navShare:hover{
		background:url(../i/btn_share_story.png) left bottom no-repeat;
	}
	#contentRight #rightNav ul li.navTell {				
				background:url(../i/btn_tell_friend.png) left top no-repeat;
				overflow:hidden;
			}
			#contentRight #rightNav ul li.navTell:hover{
				background:url(../i/btn_tell_friend.png) left bottom no-repeat;
			}
			#contentRight #rightNav ul li.navAsk {				
				background:url(../i/btn_ask_question.png) left top no-repeat;
				overflow:hidden;
			}
			#contentRight #rightNav ul li.navAsk:hover{
				background:url(../i/btn_ask_question.png) left bottom no-repeat;
			}
			#contentRight #rightNav ul li.navShare {				
				background:url(../i/btn_your_story.png) left top no-repeat;
				overflow:hidden;
			}
			#contentRight #rightNav ul li.navShare:hover{
				background:url(../i/btn_your_story.png)  left bottom no-repeat;
			}
	#quote {
		background: transparent url(../i/quotes_bottom.png) right bottom no-repeat;
		
		margin: 20px 10px 0 5px;
	}
		#quote_top {
			background: transparent url(../i/quotes_top.png) left top no-repeat;
			min-height: 100px;
		}
			#quote p {
				text-align: left;
				font-size: 14px;
				margin-left: 20px;
				width: 185px;
				line-height: 21px;
			}	
#footer {	
	padding:0px 0 60px 0;
	clear:both;
}
#footer p {
	color:#ababac;
	margin:5px 0 0 208px;
}
#footerNav {
	margin:0px 0 0 192px;
	width:400px;
	height:20px;
}
#footerNav ul {
}
#footerNav ul li {
	float:left;
	list-style:none;
	font-size:12px;
	display:block;
	text-transform:uppercase;
	color:#0f1b45;
}
#footerNav ul li a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	padding:0 8px 0 10px;
}
.hidden {
	display:none;
}
ul.siteMap, ul.siteMap ul {list-style:disc;}
ul.siteMap ul{margin:8px 0px 0px 20px !important;}



#pagination{
    width:460px !important;
    
}

#pagination ul{   
     margin:-7px 0 0px 10px;
	 padding-bottom:15px;
    height:25px;
}
#pagination ul li{
    float:left;
    list-style:none;
    display:block;
    padding:4px;
    line-height:21px;
}
#pagination ul li a{
    font-size:12px;
    text-decoration:none;
}
#pagination ul li a.on{
    text-decoration:underline;
    font-weight:bold;
}


img.floatRight{
					float:right;
					padding:0 0px 10px 10px;
				}

#archives{float:right;margin-top:6px;}
#archives a{font-size:12px;font-weight:bold;text-decoration:none;}

.style2 {
    color: #7f71ae;
    font-weight: bold;
}
