/*
Design by Jason Ennis
*/

body {
	background-color: #91b5e5;
	background-image:url(http://www.forensiccommission.com/img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0px;
	color: #444;
}

textarea {
	width: 220px;
	background: #FFFFFF url(images/img04.gif) repeat-x;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D6D6D6;
	font: normal 1em/normal Helvetica, Arial, "Trebuchet MS", sans-serif;
	color: #757575;
}

h1, h2, h3 {
	color: #31363B;
}

h1, h1 a, h2, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

h1 {
	padding-top:24px; margin:0; font-weight:normal; font-size:34px; color:#313332;
}

h2 {
	font-size: 24px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
	color: #31363B;
	border-bottom:1px solid #cfd4dd;
}

ul, ol {
	margin-left: 3em;
}



a {
	color: #31363B;
	text-decoration: underline;
}

a:hover {
	color: #f22301;
	text-decoration: none;
}

a img {
	border: none;
}


/**CONTAINER FOR ALL**/
.main{
	width:800px;
	margin:0 auto;
	position:relative;	
	padding-top:40px;
	background: url(http://www.forensiccommission.com/img/smoke.png) no-repeat top left;
	}
/**END .main**/



/**LOGO**/

#logo {
	height:70px;
	width:800px;
	margin-bottom:-25px;	
	background: url(http://www.forensiccommission.com/img/logo.png) no-repeat right bottom;
	
}


#splash {
	display:block;
	position:relative;
	z-index:50;
	width: 800px;
	margin-top:-8px;
	height: 250px;
	background: url(http://www.forensiccommission.com/img/header_bg.png) 0 0 no-repeat;
}

#splash:hover {
	background-position:0 -250px;
}
/**END LOGO**/



/**MENU**/

#menucontainer{
	z-index:51;
	margin:0 auto;
	position:relative;
	width:770px;
	height:34px;
	background:url(http://www.forensiccommission.com/img/menubg.png) no-repeat left;
}
	
#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	position:relative;
	}
	


#menu a {
	display: block;
	float: left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	top: 7px;
	height:21px;
	background:none;
	text-decoration:none;
	font-size: 14px;
	color: #DDD;	
	border-right: 1px solid #555;
}

#menu .current{
	color:#FFF;
	border-left: 1px solid #8eaad1;
	border-right: 1px solid #8eaad1;
	background:url(http://www.forensiccommission.com/img/menubuttonbg.jpg) repeat-x;
}

#menu a:hover {
	color: #FFFFFF;
	border-right: 1px solid #8eaad1;
	background:url(http://www.forensiccommission.com/img/menubuttonbg.jpg) repeat-x;
}

#menu .current_page_item a {
	background: none;
	color: #FFFFFF;
}
/**END MENU**/


/**CONTAINER FOR PAGE BODY W/ROUNDED CORNERS**/
#pagecontainer{
	position:relative;
	top:5px;
	width:800px;
	float:left;
	
}

	#pagetop{
		height:80px;
		background:url(http://www.forensiccommission.com/img/pagewrappertop.png) no-repeat;
		text-align:center;
	}
	
	#pagetop h1{color:#4476c2;}
	
	#pagewrapper {
		background:url(http://www.forensiccommission.com/img/pagewrapperbg.png) repeat-y;
	}
	
	#pagebottom{
		height:20px;
		background:url(http://www.forensiccommission.com/img/pagewrapperbottom.png) no-repeat;
	}

/*CONTAINER FOR PAGE CONTENT*/
#pagecontent{
	position:relative;
	bottom:10px;
	width: 760px;
	margin: 0 auto;
	
	}

/**SIDEBAR/LEFT COLUMN**/
#column1{
	position:relative;
	top:10px;
	margin:0;
	padding:0;
	width:250px;
	float:left;
	}
#column1 a:hover{
	color:#444;
}

	/*ROUNDED CORNERS*/
	#column1top{
		height:20px;
		padding:0;
		margin:0;
		background:url(http://www.forensiccommission.com/img/column1bg.png) no-repeat;
	}
	
	#column1content{
		margin:0;
		background:url(http://www.forensiccommission.com/img/column1bg.png) repeat-y;
		}
		
	#column1bottom{
		height:6px;
		margin:0;
		background:url(http://www.forensiccommission.com/img/column1bottom.png) no-repeat;
	}
	/*END ROUNDED CORNERS*/
	
	#column1 h2{
		position:relative;
		margin:0;
		padding:0;
		left:15px;
		top: 15px;
		font-size:23px;
		width:220px;
		text-align:center;
		color:#4476c2;
	}
	
	#column1 .headline{
		background-image:url(http://www.forensiccommission.com/img/column1_uline.png);
		background-position:bottom;
		background-repeat:no-repeat;
		margin:0;
		position:relative;
		line-height:97%;
		
	}
		
	
	#column1 h3{
		font-size:16px;		
		color:#4476c2;	
	}
	
	#column1 .content{
		padding-bottom:5px;
		height: 380px;
		width:220px;
		left:15px;
		margin:0;
		position:relative;
		color:#31363B;
		font-size:12px;
		color:#31363B;
		font-size:12px;
		overflow:hidden;
		list-style:none;
		}
		
		
	#column1 .content .section{
		margin-bottom:15px; 
		padding-left:3px;
		padding-top:5px;
		border-top:none;
		list-style:none;
	}
	
	
	
	#column1 .content ul {
		position:relative;
		font-size:13px;
		margin:0;
		padding:0;
		font-weight:bold;
		color:#333;
		line-height:175%;
		list-style:none;
		
	}
	
	#column1 .content ul li{padding-left:15px;}
	
	
	#column1 .content li:hover
	{
		background:url(http://www.forensiccommission.com/img/column1_arrow.png) no-repeat top left;
	}
	
	#column1 .content ul li ul{
		position:relative;
		left: 10px;
		top:0;
		margin-top:0;
		padding-top:0;
	}
/**END COLUMN1**/

	
/**SLIDING MENU**/
	
	#slide ul{
		position:relative;
		width:150px;
		display:none;
		list-style-image:none;
		margin:0;
		padding:0;
	}
	
	
	#slide:hover ul{
		display:block;
		}
		
	
	#slide a{color:#4476c2;}
	
	
	#column1 p{
		margin:0;
	}
	
	#column1 a {
		text-decoration:none;
		color:#333;
	
	}
/**END SLIDING MENU**/

	
/***RIGHT SIDE COLUMN2**/
#column2{
	width: 500px;
	float:right;
	position:relative;
	top:10px;
	}
	
	#column2top{
		height:30px;
		background:url(http://www.forensiccommission.com/img/column2top.png) no-repeat;
	}
	
	#column2content{
		background:url(http://www.forensiccommission.com/img/column2bg.png) repeat-y;
		}
		
	#column2bottom{
		height:6px;
		background:url(http://www.forensiccommission.com/img/column2bottom.png) no-repeat;
	}
	
	#column2 h2{
	position:relative;
	margin:0;
	padding:0;
	left:15px;
	top: 15px;
	font-size:23px;
	width:470px;
	text-align:center;
	color:#4476c2;
	}
	
	
		
	
	#contactinfo{
		margin: 0;
		width: 300px;
		height: 80px;
		}
		
		
	#contactinfo h3
	{
		position:relative;
		top: 5px;
		background-image:url(http://www.forensiccommission.com/img/column1_uline.png);
		background-position:bottom;
		background-repeat:no-repeat; 
		width: 220px; 
		float:left; 
		font-size:12px;
	}
	
	#contactinfo p
	{
		position:relative; 
		color:#4476c2; 
		top: 12px;
		float:left;
		width:150px;
	}
	
	#column2 .leftside
	{
		position:relative;
		margin:0;
		padding:0;
		float:left;
		width:215px;
	}
	
	#column2 .rightside
	{
		position:relative;
		margin:0;
		padding:0;
		float:right;
		width:215px;
	}
	
	#column2 .frame{
		margin-bottom:30px;
	}
	
	
	#column2 .content{
		width:450px;
		left:15px;
		margin:0;
		padding:15px;
		padding-left:8px;
		position:relative;
		color:#31363B;
		font-size:11px;
		color:#31363B;
		font-size:12px;
		list-style-image:url(http://www.forensiccommission.com/img/listbullet.png);
		}
		
	#column2 .content h3{
		color:#4d4d4d;
		margin:0;
		}
		
	#column2 .content p{
		color:#4d4d4d;
		font-size:11px;
		padding-top: 5px;
	}
		
	#column2 .headline{
		background-image:url(http://www.forensiccommission.com/img/column2_uline.png);
		background-position:bottom;
		background-repeat:no-repeat;
		margin:0;
		position:relative;
		line-height:95%;
		
	}

	
	#column2 .linkto
	{
		float:right;
		height:40px;
		color:#3769b0;
	}
	
	#column2 .linkto a
	{
		color:#3769b0;
		text-decoration:underline;
	}
	
	
	
		
	#column2 .content tr{height:25px;}
	
	#column2 p{
		margin:0;
	}
	
	#column2 a{
		color:#4476c2;
		text-decoration:none;
	}
	
	#column2 a:hover{color:#9ec738;}
	
	#column2 h3{margin:0;}
	
	#column2 h3 a{color:#676767;}
	
	#column2 h3 a:hover{color:#4476c2;}
	
/***BROWSE PROFILES***/
.browseheadline{
			margin:0;
			padding:0;
			width:400px;
			height:15px;
			float:left;
			margin-bottom:5px;
			background: url(http://www.forensiccommission.com/img/line_lessonplans.png) bottom left no-repeat;
		}

/***BOTTOM COLUMN***/	
#bottomcolumn{
			margin:0;
			margin-bottom:25px;
			padding:0;
			position:relative;
			width:450px;
			color:#444;
			font-size:11px;
			float:left;
		}
		
#bottomcolumn.lpheadline{
			margin:0;
			padding:0;
			width:400px;
			height:18px;
			float:left;
			background: url(http://www.forensiccommission.com/img/line_lessonplans.png) bottom left no-repeat;
		}
		
#bottomcolumn.subcontainer{
			margin:0;
			margin-top:10px;
			padding:0;
		}
		
#bottomcolumn.subcontent{
			margin:0;
			padding:0;
			float:left;
		}
		
#bottomcolumn.head{
			margin:0;
			padding:0;
			float:left;
			position:relative;
			top:1px;
			font-size:15px;
			width:150px;
			font-weight:bold;
		}
		
#bottomcolumn span{
			margin:0;
			padding:0;
		}

/**LESSON PLANS**/
	
		#lpmaincontainer{
			margin:0;
			margin-bottom:25px;
			padding:0;
			position:relative;
			width:450px;
			color:#444;
			font-size:11px;
		}
		
		#lpmaincontainer a{
			color:#444;
			text-decoration:none;
		}
		
		
		#lpmaincontainer.lpheadline{
			margin:0;
			padding:0;
			width:400px;
			float:left;
			background: url(http://www.forensiccommission.com/img/line_lessonplans.png) bottom left no-repeat;
		}
		
		#lpmaincontainer.headlinecontent{
			margin:0;
			padding:0;
			float:left;
		}
		
		#lpmaincontainer.level{
			margin:0;
			padding:0;
			float:left;
			position:relative;
			top:1px;
			font-size:15px;
			width:150px;
			font-weight:bold;
		}
		
		#lpmaincontainer.lpmember-date{
			margin:0;
			padding:0;
			float:left;
			position:relative;
			top:3px;
			font-size:12px;
			width:100px;
		}
		
		#lpmaincontainer.subcontainer{
			margin:0;
			margin-top:10px;
			padding:0;
		}
		
		#lpmaincontainer.subcontent{
			margin:0;
			padding:0;
			float:left;
		}
		
		#lpmaincontainer.lessonplan{
			margin:0;
			margin-bottom:20px;
			padding:0;
		}

		
		#lpmaincontainer.title{
			margin:0;
			padding:0;
			float:left;
			position:relative;
			left:-14px;
			width:150px;
		}
		
		#lpmaincontainer.title a{
			text-decoration:underline;
		}
		
		#lpmaincontainer.title a:hover{
			text-decoration:none;
		}
		
		#lpmaincontainer.lpinfo{
			margin:0;
			padding:0;
			float:left;
			position:relative;
			width:100px;
		}
		
		#lpmaincontainer.lpabstract{
			margin:0;
			padding:0;
			position:relative;
			top:3px;
			left:50px;
			width:400px;
			color:#4476c2;
		}
			
		
	
/**END LESSON PLANS**/

#column2 .list{
	margin:0;
	list-style:none;
	list-style-image:none;
}
#column2 .list li{
		margin:0;
		margin-bottom:5px;
	}

#column2 .browse{
	margin:0;
	padding:0;
	list-style:none;
}


#column2 .browse li{
	margin:0;
	padding:0;
	height:20px;
	vertical-align:middle;
}
	
#column2 .browse li a:hover{
	color:#4476c2;
	list-style-image:url(http://www.forensiccommission.com/img/listbullet.png);
}

/**END RIGHT COLUMN**/



/* Footer */

#footer {
	background:none;
	clear: both;
	width: 800px;
	height: 20px;
	margin-bottom:30px;
}

#footer p {
	margin: 0;
	line-height: normal;
	padding: 7px 15px;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}

#footer .legal {
	margin: 0 auto;
	width: 100px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

#footer .credit{
	width:100px;
	float: right;
	text-decoration: none;
	color: #676767;
	font-size:12px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/mini-tabbed-pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#tabs {width:215px; height: 165px;text-align:center; background:none; margin:0; margin-bottom:20px;position:relative; top:15px;z-index:200; font:11px helvetica, verdana, arial, sans-serif;}
#tabs ul {padding:0; margin:0; width:215px; list-style:none; position:relative;}
#tabs ul li.outer {float:left; display:inline; margin-left:1px; width:65px; height:29px; line-height:30px; color:#bbb;  padding:0 0 0 2px; cursor:pointer;}

#tabs ul li.one {background:#fff url(/img/icon/tab_button.jpg) no-repeat top left;}
#tabs ul li.two {background:#fff url(/img/icon/tab_button.jpg) no-repeat top left;}
#tabs ul li.three {background:#fff url(/img/icon/tab_button.jpg) no-repeat top left;}

#tabs ul li div {display:none;}

#tabs ul li.click {border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li.click {color:#454545; background-position:0 -29px; height:29px; cursor:default;}


#tabs ul li.click div {display:block; padding:5px; position:absolute; left:1px; top:28px; width:205px; height:90px;}

#tabs ul li.click div.tab_left
{background:url(/img/icon/tab_left_body.png) no-repeat;}

#tabs ul li.click div.tab_center
{background:url(/img/icon/tab_center_body.png) no-repeat;}

#tabs ul li.click div.tab_right
{background:url(/img/icon/tab_right_body.png) no-repeat;}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs div h5 {font-size:11px; text-align:left; margin:0; padding:0; position:relative; top:-5px;}
#tabs div p {text-align:left; color:#000; position:relative; padding-left:10px; top:-15px; margin:0; line-height:15px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs div a.unlock {background:url(/img/icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a.unlock:hover {border:0;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
#tabs p.buttons {text-align:center;}
/***END COURSE TABS***/