/* GENERAL STYLES */
@import "reset.css";
@import "kar-base.css";

/*---------------------------
	=Sidebar Section
---------------------------*/
#sidebar { float: left; padding: 8px 0 0 42px; width: 292px; }
	
	.as_toc h2 { background: #063759; color: #ffffff; font-size: 18px; line-height: 41px; margin: 0 0 1px 0; padding: 0 16px; }
	.as_toc ul { border-right: 1px solid #9e9e9e; margin: 0 0 14px 0; }
	.as_toc ul li { border-bottom: 1px solid #9e9e9e; padding: 1px 0; }
	.as_toc ul li a { color: #325c78; display: block; font-size: 13px; font-weight: bold; padding: 8px 16px; }
		.as_toc ul li a:hover { background: #946E19; color: #ffffff; }
	.as_toc ul li.active a { background:url("/images/active-nav-arrow.gif") no-repeat 97% 52% #CF9D33; color: #ffffff; }
	
	#sidebar .content { display: block; margin: 0 0 14px 0; }	
	
	#poll { color: #585858; font: normal 12px/14px "Trebuchet MS", Arial, sans-serif; padding: 14px; }
	#poll p { margin: 0 0 12px 0; }
	#poll label { display: block; margin: 0 0 3px 0; vertical-align: middle; }
	#poll label input { vertical-align: middle; }
	#poll .view-results { background: url(/images/view_results.jpg) 0 0 no-repeat; display: block; float: left; height: 17px; margin: 6px 12px 0 0; overflow: hidden; text-indent: -10000px; width: 50px; }
	#poll input.submit { margin: 3px 0 0 0; }


/*---------------------------
	=Maincontent Section
---------------------------*/
#maincontent { float: left; padding: 8px 0 0 0; position: relative; width: 605px; }
	.as_title { background: url(/images/as_title.jpg) right 0 no-repeat #0b4871; display: block; color: #ffffff; font-size: 21px; line-height: 21px; padding: 8px 16px; text-align: right; width: 573px; }
	#maincontent span { background: url(/images/asimage_mask.gif) 0 0 no-repeat; border-left: 4px solid #0b4871; border-right: 4px solid #0b4871; display: block; height: 99px; overflow: hidden; padding: 0 0 16px 0; position: relative; width: 597px; z-index:1; }
		#maincontent span span.corner { background: url(/images/as_image_corner.png) 0 0 no-repeat; border: 0; display: block; height: 14px; padding: 0; position: absolute; right: 0; top: 0; width: 17px; z-index: 3; }
		#maincontent span .as_image { left: 0; position: absolute; top: 0; z-index: 1; }
		#maincontent .as_text span, #maincontent .brief span { background: none; border: 0; display: inline; height: auto; overflow: auto; padding: 0; position: static; width: auto; }
	.as_text { background: url(/images/as_text.gif) 0 0 no-repeat #ffffff; color: #555555; font-size: 13px; line-height:18px; padding: 16px 16px 32px 16px; position: relative; z-index:3; }
	.as_text ul ul { margin:0 0 10px 10px; }
	.as_text a { border-bottom:1px dotted #957018; color: #957018; text-decoration:none; }
	.as_text a:hover { border-bottom:1px solid #0B4871; color:#0B4871; }
	.as_text a:visited { background:#f8f8f8; border-bottom:1px solid #888; color: #777; text-decoration:none; }
	.as_text h2 { font:italic 22px/35px Georgia, Times, serif; margin:0 0 10px 0; }
	.as_text em { color:#333; font-style:italic; }

	div.feature { background:url("/images/feature-back.jpg") repeat-x #ede8d6; border:4px solid #335C78; float:right; padding:10px; position:relative; margin:8px 0 10px 35px; }	
	div.feature h5 { color:#111; font-size:16px; font-weight:bold; display:block; margin-bottom:10px; }
	.as_text div.feature a { background:none; display:block; font-weight:bold; margin:5px 0 0 0; }