BODY {
	text-align: center;	
	min-width: 740px;
	font-size : 90%;
	height : auto;
	width: auto; 
	background-color: #fff;
}
TH, TD, UL, OL, P {
	font : normal normal normal .9em Arial, Helvetica, sans-serif;
	height : auto;
	letter-spacing : normal;
	line-height : 1.2em;
}

BODY, TH, TD, UL, OL, P{
	font-family :  Arial, Helvetica, sans-serif;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	letter-spacing : normal;
	/*line-height : 1.2em;*/
}
html { height: 100%; margin-bottom: 1px; }

LI {
	font-size : 1em;
	line-height : 1.2em;
	padding-bottom : 4px;
}
A:link {
	text-decoration: underline;
	color: #0000FF;
}
A:Visited {
	text-decoration: underline;
	color: #0066CC;
}
A:Hover, A:Active {
	text-decoration: none;
	color: #660000;
}
#contenttop {
	position: relative;
	text-align : left;
	background: #fff;
	margin: 10px auto auto auto;
	width: 740px;
	min-width: 740px;
	padding-bottom: 10px;
}
img.homesm {
	float: left;
	padding-right: 10px;
	display: inline;
}
.hometitle {
	font-weight: bold;
}

li.featured {
	 background: #FFFFFF; 	 
	 border: 1px solid #990000;
	 padding-right: 6px;
	 padding-left: 6px;
	 margin-bottom: 10px;
	 font-size: 1em;
}
div#column1 {
	position: absolute;
	top: 0;
	left: 2px;
	width: 200px;
	max-width: 200px;
	padding-right: 6px;
}
div#column2 {
margin-left: 207px;
padding-left: 1em;
background: #fff;
}

div.boxhome {
	padding: 0;
	margin-bottom: 1em;
	}
div.boxhome span.head2 {
color: #ffffff;
padding: 0 0 0 4px;
margin: 0;
}
div#column1 div.boxhome .item {
	display: block;
	padding: 6px 4px 6px 4px;
	background: #fff;
	margin: 1px 0 0 0 ;
	font-size: .85em;
	color: #000;
}
div#column2 ul {
	font-size: .85em;
	margin-bottom: 0px;
}
div#column2 li.tn {
	min-height: 4em;
	margin-bottom: 11px;
}
div#contenttop li.more {
	list-style: none;
	text-align: right;
	min-height: 1.2em;
	margin-bottom: 11px;
}

/* pagearea -- contains all page content other than "toppage" - usually sidenav and content, sometime just content2*/

#pagearea {
	position: relative;
	left: 0;
	display: block;
	width: 740px;
	min-height: 400px;
	padding-left: 0px;
	padding-top: 10px;
	margin: 0px auto 0px auto;
	z-index: 0;
}

/* content2 -- content area when there is no sidenavbar*/
#content2 {
	position: relative;
	top: 0;
	right: 0;
	display: block;
	text-align : left;	
	background: #fff;
	margin: 0px;
	width: 740px;
	max-width: 740px;
	padding: 0px 10px 0px 10px;	
}

#bc {
	margin: 0 0 15px 0;
	font-size : 0.75em;
	color: #0000FF;
}


.pubtitle {
	font-size : 1em;
	font-weight : bold;
	line-height : 1.1em;
	color: #0000FF;
}
ul.intranav {
	font-size : .85em;
	font-weight : normal;
	line-height : 14px;
}

.box {
font-size : .85em;
font-weight : normal;
line-height : 14px;
color: #003399; 
margin: 10px;
width: 250px;
float: right;
border: #D5B95C 1px solid;
}

.boxfeature {
display: none;
}

.boxtext {
	clear: both;
	padding: 6px;
	font-weight: normal;
	color: #000;
	background-color: #FFFFFF;
}

.blue {
border: 1px #003399 solid; 
background: #003399; 
color: #ffffff;
}

.gold {
border: 1px #D5B95C solid; 
background: #D5B95C; 
color: #ffffff;
}

.lightblue {
border: 1px #99CCFF solid; 
background: #99CCFF; 
color: #ffffff;
}


.head1 {
	font-size : 1.1em;
	font-weight : bold;
	line-height : 1.2em;
	color: #353299;
}

.head2 {
	font-size : 1em;
	font-weight : bold;
	line-height : 1.3em;
	color: #353299;
}
.head3 {
	font-size : 1.1em;
	font-weight : bold;
	line-height : 1.2em;
	color: #666666;
}
div.title {
	font-size : 1.2em;
	font-weight : bold;
	color: #666666;
}
div.subtitle {
	font-size : 1.0em;
	font-weight : bold;
	color: #353299;
}
.format {
	font-size : .75em;
	color: #660000;
}
.top {
	font-size : .75em;
	text-align : right;
}

/*toppage is fixed width and contains:  CAPRiName & Topnav, top banner (middle layer on which has logo, page header, search box and items within it), and mainnav (third layer of navigation)*/ 
#toppage {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 740px;
	background-color: #ffffff;
	color: #353299;
	text-align: left;
	margin: 0px auto auto auto;
	height: auto;
	z-index: 0;
}

		/*topnav contains toplink */	
			.toplink {
	margin:  auto 0px auto 0px;
	padding: 0px;
	z-index: 3;
	
	font-size: 11px;
			}
			/*toplink contains anchor tags */	
				.toplink  A:link, .toplink A:Visited  {
					text-decoration: none;
					background-color: #ffffff;		
					color: #353299;
					padding : 2px 6px 2px 6px;
					z-index: 4;
				}
				.toplink A:Hover,  .toplink A:Active {
					text-decoration: none;	
					background-color: #FFFFB3;
					padding : 2px 6px 2px 6px;
				}
				
				
/*topbanner contains logo, headname (all variations), search */	
#topbanner {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 740px;
	min-width: 740px;
	z-index: 1;
	height: 7.5em;
	min-height: 7.5em;
}

		#tbleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 510px;
	max-width: 510px;
		}
		
		#tbright {
		position: relative;
		top: 0;
		left: 0;
		width: 220px;
		margin-left: 520px;
		height: 72px;
		min-height: 72px;
		}			
/* mainnav -- contains toplinks and their anchor tags*/	
#mainnav {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 740px;
	background-color: #99CCFF;
	text-align : center;
	font-size : 0.85em;
	margin: 0px 0px 3px 0px;	
	font-weight : bold;
	line-height: 2.3em;
	padding-right: 0px;
	padding-bottom: 2px;
	z-index: 3;
}


/* content -- content area when there is a sidenavbar*/
#content {
	float: right;
	display: block;
	width: 550px;
	max-width: 550px;
	min-height: 400px;
	padding: 0px 10px 0px 5px;
	margin: 0px auto auto 5px;
	text-align : left;	
	background: #fff;
}	
/* sidenav -- contains sidelinks*/
#sidenav {
	float: left;
	width: 20%;
	padding-left: 3px;
	border-right: 1px solid #D5B95C;
}
	/* sidelink -- contains anchor tags*/
	.sidelink {
	display: block;
	font-size : 11px;
	line-height : 1.6em;
	font-weight : bold;
	text-align : left;
	padding-right: 3px;
	color: #353299;
	}
		#sidenav A:link, #sidenav A:Visited  {
			color: #353299;	
			background-color: #ffffff;
			text-decoration: none;
			padding : 0px 2px 0px 2px;
			margin : 1px 2px 1px 1px;
		}		
		#sidenav A:Hover, #sidenav A:Active {			
			color: #ffffff;	
			background-color: #0066CC;
			text-decoration: none;
			padding : 0px 2px 0px 2px;
			margin : 1px 2px 1px 1px;
		}

/*div#bottom contains copyright link, feedback form link, and go to top link*/
div#bottom {
clear: both;
position: relative;
top: 0;
right: 0;
display: block;
background: #fff;
width: 740px;
height: 70px;
padding: 10px 0px 10px 0px;
z-index: 1;
}
		
.top, .copy {
	font-size : .75em;
	line-height : auto;
	color: #000;
	}
.copy {
	text-align: center;
	padding-top: 5px;	
}

.top{
	text-align : right;
	padding-right: 5px;
}						
H3  {
	font-size : .9em;
	font-weight : bold;
	line-height : 1.2em;
	color: #336633;
}
H2 {
	font-size : 1.0em;
	font-weight : bold;
	line-height : 1.0em;
	color: #336633;
}
H1 {
	font-size : 1.2em;
	font-weight : bold;
	line-height : 1.2em;
	color: #353299;	
}

UL.mainlist {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	width: 98%;
	max-width: 98%;
}
UL.mainlist LI {
	padding-bottom: 5px;
}
UL.nbnested {
	list-style: none;
	margin-left: 30px;
	padding: 5px 0 0 0;
	font-size: 1em;
}
.small {
	font-size : .85em;
	line-height : 1.3em;
}

UL.publist LI {
	padding-bottom: 5px;
	list-style: none;
}

