.white {background: #ffffff}
.black {background: #000000}
.a {background: #99ccff}
.b {background: #6699cc}
.c {background: #336699}
.d {background: #cccccc}
.e {background: #999999}
.f {background: #75cff2}
.g {background: #9bd800}
.h {background: #003366}
p {font-family: verdana; color: #000033; font-size: 12px; font-weight: normal; margin-top:0px; margin-bottom:15px}
a {font-family: verdana; color: #0066cc; font-size: 12px; font-weight: normal; text-decoration: none}
.press {font-family: verdana; color: #003399; font-size: 14px; font-weight: bold; text-decoration: none}
.press2 {font-family: verdana; color: #999999; font-size: 10px; font-weight: normal;}
a:hover {color: #ffcc00; text-decoration: underline}
ul {font-family: verdana; color: #000066; font-size: 12px; font-weight: normal; list-style-type: disc; text-decoration: none}
b {font-family: verdana; color: #336699; font-size: 12px; font-weight: bold; text-decoration: none}
.copy {font-family: verdana; color: #ffffff; font-size: 10px; font-weight: normal; text-align: center}
.search {font-family: verdana; color: #003366; font-size: 10px; font-weight: normal; text-align: left; padding: 5px}
.head1 {font-family: verdana; color: #003366; font-size: 14px; font-weight: bold; text-align: center}
.head2 {font-family: verdana; color: #ffffff; font-size: 11px; font-weight: bold; text-align: left; padding: 3px}
.nav {font-family: arial; color: #ffffff; font-size: 12px; font-weight: normal; text-align: right; text-decoration: none}
.nav2 {font-family: arial; color: #6699cc; font-size: 10px; font-weight: normal; padding: 2px}
.hb {font-family: verdana; color: #336699; font-size: 12px; font-weight: bold; text-decoration: none}
.hb2 {font-family: verdana; color: #336699; font-size: 12px; font-weight: bold; text-decoration: none}
.hb3 {font-family: verdana; color: #000033; font-size: 12px; font-weight: bold; text-decoration: none}
.hblink {font-family: verdana; color: #6699cc; font-size: 12px; font-weight: bold; text-decoration: none}
.red {font-family: verdana; color: #cc0000; font-size: 12px; font-weight: normal; font-style: italic; text-decoration: none}
.RedText {color: #ff0000}
.RedTextBold {color: #ff0000; font-size: 14px; font-weight: bold;}
.failnotice {font-family: arial, helvetica, sans-serif; color:#ff0000; font-size: 12px; align: center; padding-bottom: 10px}
.sub a {font-family: verdana; color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none; display: block; padding: 3px}
.sub a:hover {color: #ffffff; text-decoration: none; background-color: #ffcc00}
.bold {font-weight: bold}
.Math {font-family: times new roman, times, serif; font-size: 14px; white-space: nowrap}
blockquote {font-family: arial; color: #000033; font-size: 10px; font-weight: normal; text-align: left}
table.quote{margin-left: 5px}
td.quote {font-family: arial, helvetica, sans-serif; font-size: 8pt; width: 180px; padding: 3px; border: 2px solid #6699cc; background: #99ccff}
p.quote {text-align: justify; align: left; padding-right: 5px}
p.submitted{border: 2px solid #31659c; background:#9ccfff; color:#000000; padding: 5px}
td {font-family: arial, helvetica, sans-serif; font-size: 12px}
table.form {width: 400px}
td.form {padding-top: 2px; padding-bottom: 2px}
td.col1 {width: 125px}
input.indent1 {margin-left: 20px}
input.indent2 {margin-left: 40px}
.hb4 {font-family: arial; color: #000033; font-size: 12px; font-weight: normal; text-decoration: none}
textarea{resize: none;}

/* this is used to make links white and hide them from humans */
a.reach{color: white;}
a.reach:hover {color: white; text-decoration: none;}


/*- [ PLC MASTHEAD
div.plheader {font-size: 4px;background: #008067; height: 81px; background-image:url('../images/plheader.gif');background-repeat:no-repeat;}
div.plheaderGrey {font-size: 4px;background: #898888; height: 8px}--/*


/*-- [ BASIC STYLES ] --*/

h1, h2, h3, h4, h5, h6 { line-height: 1.75em;}

h1 {
	font: verdana;
	font-size: 20px;
	font-weight:bold;
	color: #369;
	line-height: 24px;
}
h2 {
	font: verdana;
	font-size: 18px;
	font-weight:bold;
	color: #369;
	line-height:20px;
	margin-top:0px;
	margin-bottom:5px;
}

h3 {
	font: verdana;
	font-size: 22px;
	color: #ae582d;
	font-weight: normal;
	margin-top:0px;
	margin-bottom:0px;
}
h4 {
	font: verdana;
	font-size: 14px;
	font-weight:bold;
	color: #666;
	margin-top:0px;
	margin-bottom:0px;
}

h5 {
	font: verdana;
	font-size: 14px;
	line-height:18px;
	font-weight:bold;
	color: #369;
	margin-top:0px;
	margin-bottom:3px;
}

h6 {
	font: verdana;
	font-size: 13px;
	font-weight:bolder;
	color: #ae582d;
	margin-top:0px;
	margin-bottom:0px;
}

.clear { clear: both; }

/*-- [ HOME PAGE ] --*/

#content-container {
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	border: 1px solid #999;
	width: 440px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	}
	
/*-- [ CONTENT AREA ] --*/
	
#lcol {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
	border: 1px solid #999;
	text-align: left;
	width: 245px;
	margin:10px 0;
	padding-top:20px;
 	text-indent: 6px;
}

#rcol {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: right;
	border: 1px solid #999;
	text-align: left;
	width: 245px;
	margin: 10px 0;
	text-indent: 6px;
	padding-top:20px;
}

#lcolbutton {
	float: left;
	text-align: center;
	width: 225px;
	margin: 10px 50 0 0;
}
#rcolbutton {
	float: right;
	text-align: center;
	width: 225px;
	margin: 10px 0 0 50;
}
#centercol {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
	border: 1px solid #999;
	text-align: center;
	width: 480px;
	margin: 10px 0;
	text-indent: 6px;
	padding: 8px;
	padding-top: 12px;
}	

/*-- [ BUTTON STYLES ] --*/ 

#button { 
	cursor: pointer; 
	display: inline-block; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; 
	text-transform: uppercase; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	color: #ffffff; 
	padding: 5px 15px; 
	border: 0px solid #9e5a33;
	background: #9e5a33;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c07556', endColorstr='#9e5a33');
	background: -webkit-gradient(linear, left top, left bottom, from(#c07556), to(#9e5a33));
	background: -moz-linear-gradient(top,  #c07556,  #9e5a33);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	}
#button:hover,
#button:focus {
	color: #ffffff;
	text-decoration: none;
	background: #c07556;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c07556', endColorstr='#c07556');
	background: -webkit-gradient(linear, left top, left bottom, from(#c07556), to(#c07556));
	background: -moz-linear-gradient(top,  #c07556,  #c07556); }

#button:active { 
	background: #c07556;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c07556', endColorstr='#c07556');
	background: -webkit-gradient(linear, left top, left bottom, from(#c07556), to(#c07556));
	background: -moz-linear-gradient(top,  #c07556,  #c07556); }
	 
	 
/*-- [ CONTACT BUTTON STYLE ] --*/  
	 
a#contact-button {
	float: right;
	margin: 28px 20px 0 0;
	}
	


#contact-button { 
	cursor: pointer; 
	display: inline-block;
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; 
	text-transform: uppercase; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	color: #ffffff; 
	margin: 0; 
	padding: 5px 15px; 
	border: 0px solid #9e5a33;
	background: #9e5a33;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad47f', endColorstr='#dcba71');
	background: -webkit-gradient(linear, left top, left bottom, from(#fad47f), to(#dcba71));
	background: -moz-linear-gradient(top,  #fad47f,  #dcba71);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5); 
	}
#contact-button:hover,
.contact-button:focus {
	color: #ffffff;
	text-decoration: none;
	background: #fad47f;
	}

#contact-button:active { 
	background: #fad47f;
	}
/*-- [ CAROUSEL AREA ] --*/

.carousel_border{
	-webkit-border-radius: 15px; 		
	-moz-border-radius: 15px; 
	border-radius: 15px;
	border: 1px solid #999;
	width: 530px;
	height: 155px;
	margin-top: 30px;
	text-align: left;
	background-color: #fff;
}

.carousel-container {
	-webkit-border-radius: 15px; 		
	-moz-border-radius: 15px; 
	border-radius: 15px;
	border: 1px solid #999;
	/*width: 720px;*/
	height: 200px;
	margin: 0 auto;
	text-align: left;
	/*background-color: #fff;*/
	/*padding: 5px;*/
	}
	
.carousel_inner {
	float:left; /* important for inline positioning */
	overflow: hidden;  /* important (hide the items outside the div) */
	position:relative;
}

.carousel_inner ul {
	list-style-type: none; 
	margin: 0px;
	position:relative;
	left:-151px;
	/* non-important styling below */
	padding-bottom:10px;
	padding-left:0px;	
}

.carousel_inner ul li {
	float: left; /* important for inline positioning of the list items */                                    
	width:135px;  /* CHANGED THIS FROM 200px---fixed width, important */
	margin-top:18px;
	margin-bottom:10px;
	margin-left:8px;  /* IMAGE MARGIN*/
	margin-right:8px;  /* IMAGE MARGIN*/
	text-align: center;
}

.carousel_inner ul li img {
	margin-bottom: 5px; 
	cursor:pointer;
	cursor: hand;
	/*border: solid 1px #999;*/
	-moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
 }
 
.carousel_inner ul li p {
	font-size: 10px;
	line-height: 12px;
	font-color: #333;
	}
	

 
.scroller {
	float:left; 
	width:15px; 
	background: #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px;
}

.buttons {
	cursor: pointer;
	cursor: hand;
}

/*-- [ HOME PAGE TEXT STYLES ] --*/  


#hmpg-headline {
	font-size:24px;
	line-height:28px;
}

.hmpg-colhead {
	font: verdana;
	font-size: 18px;
	color: #369;
	font-weight:bold;
	margin-bottom:10px;

}

/*-- [ ONLINE HOMEWORK STYLES ] --*/  

#online-content {
	width:476px;
	height:300px;
	margin-bottom:10px;
	float:left;
	clear:both;
}

.b table tr .white table tr td h3 {
	color: #000;
}
.b table tr .white table tr td h3 {
	color: #124400;
}

