/* Import classes, and the reset for body margin, and other default settings. */
@import 	url("reset.css");
@import 	url("classes.css");

/*
COLOR SCHEMA:
Blue 				#0a4e8d
Red  				#93000b
Nav BG				#87c3fa
Link color			#023363

My convention for this CSS file. (please stay consistent.)
#container 		   { styles }
	#sub-items div { styles }
*/

/******************/
/* GENERAL STYLES */
/******************/
h1 						{ font-size: 15px; color: #0a4e8d; }
p 						{ }
strong 					{ }
ul { padding-left: 14px; }
ul li ul { padding-left: 14px; }
ul li ul li ul { padding-left: 20px; }
ul li 					{ list-style-image: url('/images/buttons/li-red.jpg'); line-height: 14px; font-weight: bold; color: #494949; }
ul li p					{ margin: 0; }
ul li table { width: 100%; padding: 10px; border-spacing: 0px;  }
ul li table tr td{ padding: 10px; }
ul li table tr:hover{ background:#fffce1; }

#content strong { color:#176AB4; }
#example strong, #example-two strong { color: #176ab4; }

/*****************************************/
/* The top, holding the logo, navigation */
/*****************************************/
#top 					{ width: 947px; margin: 0 auto; background: white; } 
#header 				{ margin-left: 2px; } 
#navigation				{ height: 29px; background: #87c3fa; width: 945px; margin-left: 2px; margin-bottom: 1px; } 
	#navigation ul		{ list-style-type: none; }
	#navigation ul li	{ display: inline; margin-right: 20px; }
	#navigation ul li a	{ padding: 10px 11px 8px 14px; text-decoration: none; font-weight: bold; font-size: 12px; color: #023363; line-height: 28px; }
	#navigation ul li a:hover  { background: url('/images/navigation/on-left.jpg'); text-decoration: none; font-weight: bold; font-size: 12px; color: #5393c5; } 
	#navigation ul li a.active { background: url('/images/navigation/on-left.jpg'); text-decoration: none; font-weight: bold; font-size: 12px; color: #5393c5; }

/************************/
/* login area, and logo */
/************************/
#logo-login 			{ height: 98px; }
	#logo				{ margin: 10px 0px 0px 30px; }
	#login				{ height: 44px; margin: 5px 20px 0px 0px; width: 350px; background: url('/images/backgrounds/login.jpg') repeat-y; }
	#login table		{ padding-top: 7px; padding-left: 70px; }
	#login input		{ font-size: 11px; border: 1px solid #d6d5d5; color: #8f8e8e; padding: 2px; width: 90px; }

/***********************************************/
/* The middle part, with enroll now, the mouse */
/***********************************************/
#middle 				{ width: 971px; height: 112px; background: url('/images/backgrounds/boxes.jpg') no-repeat; margin: 0 auto; }
	#middle div 		{ float: left; width: 305px; padding: 5px 0px 0px 5px; height: 104px; }
	#middle div.first 	{ padding-left: 25px; }
	#middle div.last 	{ padding-left: 25px; }

/************************************/
/* Bottom container for the columns */
/************************************/
#bottom 				{ width: 947px; margin: 0 auto; background: white; padding-bottom: 20px; }
	#columns 			{ padding: 10px; }
	#columns div 		{ float: left; width: 295px; background: url('/images/backgrounds/separator.jpg') top right no-repeat; }
	#columns div h1 	{ color: #176ab4; font-size: 14px; }
	#columns div.first	{ padding-right: 7px; }
	#columns div.middle	{ padding: 0px 20px 0px 10px;}
	#columns div.last	{ padding-lefT: 10px; background: none; width: 290px; } 
	#news				{ width: 250px !important; background: #dfeffe !important; border: 1px solid #d8ecfd; margin-top: 0px; padding: 10px 10px 10px 10px; color: #494949; }
	#news strong		{ color: #0a4e8d; }
	#news a		{ color: #0a4e8d; text-decoration: none; }
	#news_full				{ background: #dfeffe !important; border: 1px solid #d8ecfd; margin-top: 0px; padding: 10px 10px 10px 10px; color: #494949; }
	#news_full strong		{ color: #0a4e8d; }
	#news_full a		{ color: #0a4e8d; text-decoration: none; }

/**************/
/* the footer */
/**************/
#footer 				{ width: 947px; height: 54px; padding-top: 10px; margin: 0 auto; background: url('/images/backgrounds/footer.jpg') no-repeat; text-align: center; color: #fefeff; }
#footer a				{ color: white; text-decoration: none; }


/**
 * Q&A CHANGES
 */
#lab_login { position: relative; left: 170px; top: 10px; }
#lab_login h1 { color: #93000B; font-size: 11px; }