/* Global Style */

* { margin:0; padding:0; }



/* Page Layout */

body { 

  padding: 0 0 18px 0; 

  background: #fff url('../img/misc/bg2.png') repeat-x; 

  font: 0.9em/1.5 "arial",sans-serif; 

  color: #333; 

  text-align: center; 

}



p{ margin-bottom: 6px;}



p.small { font-size: 10px;}

table { margin:15px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}

table.noborder, table.noborder td{border: none; border: 0px;}

th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}

th, td { padding:4px 6px; border: 1px solid #cdcdcd;}

tr.table-top {background: #e5e5e5; font-weight: bold;}
a img{ border:none;}


#noborder table{border:none; padding:none; margin-left: -5px;}

#noborder table td{border:none; padding:none;}

#noborder p{margin-top: 0px; padding:none; margin:none;}



a, a:active, a:link, a:visited {color: grey; text-decoration: none; font-weight:bold; border:none;border-bottom:1px solid;}
.thumbnail a, .thumbnail a:active,.thumbnail a:link,.thumbnail a:visited { border:none; }
.thumbnail a img { border: 1px solid #cdcdcd; }



a.i , a.i:active , a.i:link , a.i:visited { border:none;border-bottom:0px }

a:hover { color:#f1a02c; text-decoration: none; font-weight:bold; border:none;border-bottom:1px solid;}

table.simple{
border:0px;
}

table.simple td{
padding:none;border:0px;
}


/*

a:link { color:#ff6600;text-decoration: none; font-weight:bold;}

 a:active { color:#ff6600;text-decoration: none; font-weight:bold;}

 a:hover {color:#FF9933; text-decoration: none; font-weight:bold;}

 */

 

 

a.grey{ color: #333; font-weight: normal;}

.subtle a{  color: #333; font-weight: normal; text-decoration: none; border-bottom:0px;}


.subtle td{
vertical-align:middle;
}




ul, ol { display:block; margin:15px 0 15px 40px; }

ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }

ol { list-style-type:decimal; }

ol ol { list-style-type:upper-alpha; }

ol ol ol {list-style-type:lower-alpha; }

li { display:list-item; margin-bottom: 6px;}

ul li a { text-decoration:none; }



dl { margin:15px 0; }

dt { font-weight:bold; }

dd { margin-left:30px; }



fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }

legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }

abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }



blockquote { margin:15px 20px; font-style:italic; color: #777;}

blockquote a{ color: #777;}

blockquote div.right{

text-align:right;

font-style: normal;

}



cite, em, q, var { font-style:italic; }

code, samp  {font-family:monospace; font-size:110%; }



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 



li{  list-style-type: none; background: url('../img/misc/li.jpg') no-repeat  3px 6px; padding-left: 20px; margin-bottom: 6px;}





/** WRAPPER

 * Wrapper is the Very 

 * first inner DIV Layer in the 

 * body, wraps all the code and 

 * can be manipulated better than 

 * BODY because it is layer 

 * not set object

 *

 */

#wrapper {
	width:800px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



/** CONTAINER

 *

 * Is te lower section of the Page, 

 * both left and right panel childs

 *

 */

#container { 

  background: #fff;

  /*border-left:thin solid #bbb;

  border-right:thin solid #bbb;*/

  /*border-left:thin 1px !important;  */ /*firefox fix*/

  /* border-right:thin 1px !important; */  /*firefox fix*/

  border-top:none;

  border-bottom:none;

  margin-top: 50px;

  

}







/* Global Document Heading Descriptions */

h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; font-family: }

h1 { font-size:200%;  text-align: center;} 



h1#logo { font-size:280%; font-weight: normal;}

h2 { font-size:190%; font-weight: normal; line-height: 24px; }

h3 { font-size:120%; }

h4 { font-size:100%; margin-top: 20px; padding-bottom: 5px; margin-right: 15px;} 



h5 { font-size:100%; }





/* Main Content Pane :: Both (Parent) :: Links*/

/*

#container a {color:#ff6600;text-decoration: none; font-weight:bold;border-bottom:thin #FF9933 dashed;}

#container a:link {color:#ff6600;text-decoration: none; font-weight:bold;}

#container a:hover {color:#FF9933; text-decoration: none; font-weight:bold; border:none; }



*/



/* Right Panel Style */



#rightPanel {

	float: right; 

	padding: 0 0 0 0px; 

	margin-top: 15px;

	width:580px;

	z-index: 10;

	padding: 8px 18px 0 22px;

	//border-left: 1px solid #e3e3e3;  

}



#rightPanel li a { text-decoration: none; font-weight:bold;border-bottom:1px solid;}

#rightPanel li a:hover {color:#FF9933; text-decoration: none; font-weight:bold;border-bottom:1px solid;}



#featurePanel .homefeaturetable {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-top: 10px;

	margin-bottom: 25px;

	padding-top: 10px;

	padding-bottom: 50px;

}

#featurePanel .homefeaturetable td {

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





#special a { border:none;border-bottom:none;}

#special a { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:link { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:active { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:hover {color:#FF9933; text-decoration: none; font-weight:bold;}



/* LeftPanel Links*/



#header { position:relative; background-image:url('../img/misc/header.png');

	background-repeat: no-repeat; padding:0px; margin:0px;

	background-color: #333333; border:none;}



/* Can Add Overlapping Logo if not embedded in bg image */

#logo {

	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;

	position: relative; 

	overflow: hidden; 

	height: 132px;

	font-size:260%;

	margin: 0;

	line-height: 120px;

	text-align: left;

	

}

#logo a { 

	display: block; 

	color: #333333; 

	text-decoration: none;

}

#logo span { 

	display: block; 

	position: absolute; 

	left: 0; top: 0; 	

	z-index: 1; 

	width: 200px; 

	height: 120px;	



	cursor: pointer;

}



#slogan { position: absolute;left: 270px;line-height: 120px;	display: block;	height: 120px;	top: 0;}







.clear {clear: both;}







/* Page Form Style */

input.small{ width: 50px;}

input.normal{  width: 146px;}

input.sbutton {border:#555 solid thin; background:#FF9933;}

#searcharea {margin-right:20px;float:right;margin-top:3px;z-Index:5;}

.f-left {float:left;}

.f-right {float:right;}



/* Footer Background Images */

#footer {

background: url('../img/misc/footer.png') no-repeat; 

}

/* FOOTER */

#footer { 	

	clear:both; 

	height: 33px; 

	

	padding: 17px 16px 13px 16px; 

	color: #676767;

	margin-top: 00px;

	font-family:arial,verdana;

	font-size:11px; 

}

#footer p { 

	margin:0; 

	padding-top:20px; 

}

#footer a:visited, a:active,a:link{ 

	color:#333;

}		    

#footer a:hover { 

	color:#333;

	text-decoration:none;

}		



#footer img a{ 



	text-decoration:none;

}		    



    

#footer p.f-right {



margin-right:55px; /* 55 Leaves enough room for art deco in footer */



}

#footer p.f-left {



margin-left:25px; /* 55 Leaves enough room for art deco in footer */



}



#footer img {



border:none;

}







#rnav ul li {margin-left:2px;padding-left:1px;} 

#rnav ul li a {padding-left:4px;} 



#rnav ul li a { color:#FF9933;text-decoration: none; font-weight:bold;border:none;  border-left:3px solid #FF9933;}

#rnav ul li a:link { color:#FF9933;text-decoration: none; font-weight:bold; }

#rnav ul li a:active { color:#FF9933;text-decoration: none; font-weight:bold; }

#rnav ul li a:hover {color:#778; text-decoration: none; font-weight:bold; border-left:3px solid #889;}





#rnav ul li a.selected { 

	border-color:#778;

	color:#778;

	border-left:3px solid #778;

 

 }

 .unitMath{

	background:#FF9933;

 }

 .genMath{

	background:#ffc58a;

 }

 .unitMath02{

	background:#FF9933;

	padding: 2px;

	border: 1px solid #333333;

 }

 .genMath02{

	background:#ffc58a;

	padding: 2px;

	border: 1px solid #333333;

 }

table.invisible, table.invisible td{

border:none;

}

img.right{

float:right;

padding-left:20px;

padding-bottom:10px;

}

.right{

text-align:right;

}

.center{

text-align:center;

}