body{
	font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#000000;
	line-height: 1.166;	
	margin: 10px auto 10px auto;
	padding: 0px;
	background-color:#000000;
	background-image:url(../images/bodybg.jpg);
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color:#990000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#banner{position:absolute;
top: 220px;
left:10%;
z-index: 500;
text-align:left;
width:750px;
height:10px;
background-color:#000;
background-image:url(../images/bg.gif);
}

#topNav
{position:absolute;
top: 230px;
left:10%;
z-index: 500;
text-align:left;
width:750px;
height:22px;
background-color:#990000;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 10%;
	width:750px;
	height:190px;
	}
	
	/****Inner masthead***/
	#banner2-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:188px;
	height:220px;}

#banner2-02 {
	position:absolute;
	left:188px;
	top:0px;
	width:187px;
	height:220px;}

#banner2-03 {
	position:absolute;
	left:375px;
	top:0px;
	width:188px;
	height:220px;}

#banner2-04 {
	position:absolute;
	left:563px;
	top:0px;
	width:187px;
	height:220px;}

	/****Inner masthead ends****/




#subframe {
position:absolute;
			top:252px;
			left:10%;
			width:744px;
			background-color:#fff;
			vertical-align:top;
			border:3px solid #903;
						}
						

/*****content styles****/
#content{
top:1px;
left:10px;
background-color:#fff;
float:left;
margin-left:10px;
width:700px;
	padding: 20px 0px 20px 20px;
	z-index:100;
	
}



#content p {

font-size:12px; 
padding-bottom:10px;

}



/************** header tag styles **************/



 h1{
	font: bold 12pt Arial, sans-serif;
	color:#000;
	margin:0px;
	padding: 0px 20px 0px 0px;
	top: 30px;
	text-align:center;
}

 h2{
 font: bold 12px Arial,sans-serif;
 color:#003399;
 margin-top: 20px;
 padding: 0px;
 text-align:center;
}

 h3{
 font: bold 12px Arial,sans-serif;
 color:#990033;
 margin: 0px;
 padding: 0px;
}

 h4{
 font: 11px Arial,sans-serif;
 color: #000;
 font-weight:bold;
 display:inline;
 margin: 0px;
 padding: 0px;
}

 h5{
 font: 100% Arial,sans-serif;
 color: #000066;
 margin: 0px;
 padding: 0px;
}



/************** image styles *****************/

.imgright {
position:relative;
float:right;
margin:5px;
}

.imgoffright {
position:relative;
float:right;
margin:5px 170px 5px 5px;
}

.imgsideright {
position:relative;
float:right;
}

.imgleft {
position:relative;
margin:5px 10px 5px 5px;
float:left;
}

/************** utility styles *****************/

#utility{
	font-family: Verdana,sans-serif;
	font-size:11px;
	position: absolute;
	top:25px;
	left: 540px;
	color: #919999;
}

#utility a{
	color:#000066;
}

#utility a:hover{
	text-decoration: underline;
}



/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}



/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000066;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/*******classes*******/
.books {
font-variant:small-caps;
font-weight:bold;
}
.edition {
font-size:9px;
font-style:italic;
}

.bold {
font-weight:bold;
}

li {
font-size:11px;
margin-bottom: 10px;}

.scrollbox {
height:200px;
overflow:auto;
border:1px solid #000066;
padding:2px;
}

.super {
		vertical-align: super;
		font-size:8px;
		line-height:85%;
		}
.sub {	vertical-align: sub;
		font-size:8px;
		line-height:85%;
		}
		
.req{font-size:9px; line-height:85%; color:#990000; font-style:italic}
		
.creamtext {color:#FDEEC5; font-size:11px; padding:5px;}

#highlight {background-color:#990033; width:300px; color:#fff; font-weight:bold; padding: 2px;}
#highlight a{background-color:#990033; width:300px; color:#fff; font-weight:bold; padding: 2px; line-height:1.5;}
#highlight a:hover{background-color:#990000; width:300px; color:#fff; font-weight:bold; padding: 2px; line-height:1.5;}

.center {text-align:center}
/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 10px;
	font-style:italic;
	line-height:1.4;
	color:#903;
	padding: 10px 10px 10px 10px;
	text-align:center;
}

#siteInfo a{font-size: 9px;
font-style:italic;
	color:#903;
	text-decoration:underline;}

#siteInfo a:hover {font-size: 9px;
font-style:italic;
	color:#993333;
	text-decoration:underline;}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*********tables**********/
.reqtable {font-size:10px; }
 
td{padding:4px; }

td li {font-size:10px;}

#content td {border:1px solid #069;}

/********************* end **********************/
