html
{
font-size:80%;
}
BODY {
/**/
 
 font-size : x-small;
    voice-family : "\"}\"";
    voice-family : inherit;
    font-size : small;
    background-color:#FFFFFF;
    background-image: url('images/tile3.jpg');


 margin: 0px;
 font-family: "trebuchet ms", arial;
 color: #000066;
 margin-top: 8px;
    font-size : 1em;
}
body.brochureWare{
 margin-left : 5px;/*5*/
 margin-right : 5px;/*5*/
}

#page {
 width: 96%;
 text-align: left;
 background-color:#FFFFFF;
 border:1px solid silver;
 border-top:0px solid silver;
 border-bottom:3px solid silver;
 border-right:3px solid silver;
}

/* New stuff added as part of re-brand */
#page
{
color:#1A2E4D;
}
h2,
h3,
#page a, 
#breadcrumb #breadcrumbLocation span.breadcrumbtext a,
#tabsnav li.active a:link span,
#tabsnav li.active a:visited span,
#tabsnav li.active a:hover span,
#tabsnav li.active a:active span,
#leftnav li a
{
color:#2C2B72;
}
/* borders for nav list */
#leftnav ul li
{
border-bottom:1px solid silver;
}
h2
{
color:#7F7F7F;
}
h2.small, h2.smallRight, h3
{
color:#2C2B72;
}



/* ********************************* product navigation styles ************************** */
 #tabsnav {
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding-left: 10%;
  white-space:nowrap;
 }
 #tabsnav {
  font-size: x-small;
  voice-family: "\"}\""; 
    voice-family:inherit;
    font-size: small;
 }
 html>body #tabstnav {
  font-size: 1em;
  margin: 0px;
  padding: 0px;
 }
 
 #tabsnav UL {
  padding: 0px;
  margin: 0px;
  list-style-position: inside;
  height: 28px;
 }
 #tabsnav UL LI { 
  display: inline;
  padding: 0px 0px 0px 0px;

  background-repeat: repeat-x;
  height: 28px;
  margin: 0px;
  
 }
 #tabsnav UL .active { 
  background-color: #ffffff;
  background-image: none;
 }
 #tabsnav UL LI SPAN {
  float: left;
  cursor: hand;
  display: block;
  height: 28px;
  text-align: center;
 }
 #tabsnav UL LI .tabLeft {
  background-image: url('images/tableft.gif');
  width: 13px;
  height: 28px;
 }
 #tabsnav UL .active .tabLeft {
  background-image: url('images/tablefton.gif');
  width: 13px;
  height: 28px;
 }
 #tabsnav UL LI .tabMiddle{
 

  background-image: url('images/tabbg.gif');
  line-height: 22px;
  
   
 }
 #tabsnav UL LI .tabMiddle{
  line-height: 26px;
  voice-family: "\"}\""; 
    voice-family:inherit;
    line-height: 22px;
 }
 html>body #tabsnav UL LI .tabMiddle {
   line-height: 22px; 
 }
 #tabsnav UL LI .tabMiddle IMG{
  margin-top: 6px; 
 }
 #tabsnav UL .active .tabMiddle{
  border-bottom: 1px solid #b4f0b4;
  border-top: 1px solid #660066;
  background-image: none;
  background-image: url('images/tabbgon.gif');
  color: #ff0000;
  font-size:13px;

 }
 #tabsnav UL LI .tabRight {
  background-image: url('images/tabright.gif');
  width: 14px;
  height: 28px
 }
 #tabsnav UL .active .tabRight {
  background-image: url('images/tabrighton.gif');
  width: 14px;
  height: 28px
 }
 #tabsnav UL LI .tabRightEnd {
  background-image: url('images/tabrightend.gif');
  width: 13px;
  height: 28px
 }
 #tabsnav UL .active .tabRightEnd {
  background-image: url('images/tabrighton.gif');
  width: 13px;
  height: 28px
 }
 #tabsnav UL LI A, 
 #tabsnav LI A:link, 
 #tabsnav LI A:visited, 
 #tabsnav LI A:hover,
 #tabsnav LI A:active 
 {
  text-decoration: none;
  color: #000000;
  font-size:13px;
 }
  #tabsnav LI A:hover
  {
  text-decoration: none;
  color: red;
  font-size:13px;
 }

 
/* ***************************** breadcrumb Navigation ************************* */
 
#breadcrumb {
 border-left: 1px solid #C6C9DB;
 border-right: 1px solid #C6C9DB;
 border-Top: 8px solid #cdcdfb;
 background: #eeeeee;
 border-bottom: 12px solid #cdcdfb;

}
/* the following class fixes the width of the fades in IE5*/
#breadcrumb {
  width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 110px;
}
html>body #breadcrumb {
  border-left: 1px solid #C6C9DB;
  border-right: 1px solid #C6C9DB;
} 
#breadcrumbLocation {
 padding: 15px;
 padding-left: 7px;
 font-size: 11px;
 width: 100%;

}
.light{
  float:left;
}
.light img{
  vertical-align:middle;
  margin-right:5px;
}
#newsline{
border: 1px solid #ccc;
padding: 4px 10px;
float: right;
width: 425px;
}

.highlight{
color: #EB0000 !important;
margin-right: 10px;
}


#logoleft{
border: 0px solid #ccc;
padding: 4px 10px;
float: left;

}


#logoright{
border: 0px solid #ccc;
padding: 4px 10px;
float: right;
width: 400px;
}


#dropdowns{

padding: 4px 10% ;
float: center;
margin-bottom: 1px;
width: 100%;
	}

#dropdowns form{
                border: 1px solid #ccc;
				width: 650px;
				border-left: 1px solid #c6c6c6;
				border-right:  1px solid #c6c6c6;
				padding: 0 7px;
}

#dropdowns form #D1{
				width:125px;
				vertical-align:top;


}

#dropdowns form #D2{
				width:125px;
				vertical-align:top;
}

#dropdowns form #tform{
				width:125px;
				vertical-align:top;
}

 

#breadcrumb{
padding: 0;
margin: 0;
margin-bottom:4px;
	}
#breadcrumbLocation{
padding-bottom: 0;
	}
#warnings #newsline{
width: 720px;
	}
.breadcrumbtext {
 color: red;
}
div.menu{
 background-color : #ffffff;
 float : left;
 padding-top : 0px;
 position : relative;
 top : 0px;
 left : 0px;
}
.content{
 text-align: left;
}
.mainContent{
 float : left;
 padding-left : 10px;
 width : 395px;
}
.mainContentFullWidth{
 float : left;
 padding-left : 10px;
 width : 564px;
 margin-right:-3px;
}
.copyright {
 margin-top: 5px;
 clear: both;
 color: #C6C9DB;
 border: 1px solid #C6C9DB;
 border-top: none;
 padding-left: 3px;
}
 
 
 #newsline A:hover
  {
  text-decoration: underline;
  color: red;
 
 }
 
 

#content{
  float: left;
  width:60%;
   padding: 0px 0px 0px 0px;


}



  
#ocr{
  float: left;
  width: 20%;
  margin-top: 5px;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
text-align: justify;
}

#ocr a {
	display: block;
	text-decoration: none
	padding: 2px 2px 2px 2x;

}

#ocr a:hover{
	
	 background-image: url('images/tileheadline2.jpg');
}



#sec{
  float: left;
   margin-top: 5px;
    width: 40%;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
text-align: left;
margin-left: 15px;
font-size: 90%;
    background-image: url('images/tile3.jpg');
}




#coursetitle{
border: 1px solid #ccc;
padding: 4px 10px 4px 4px;
float: center;
width: 95%;
    
     margin-top: 5px;
	}

#coursetitlenav{
border: 1px solid #ccc;
padding: 4px 10px 4px 4px;
float: center;
width: 95%;
    background-image: url('images/tileheadline2.jpg');
    text-align: left;
    font-size: 90%;
   
	}
	
#coursetitlenav a {
	display: block;
	text-decoration: none
	padding: 2px 0px 2px 2x;
	
}


#coursetitlenav a:hover{
	
	 background-image: url('images/tileheadline2.jpg');
}

#coursetitlenav ul a:link , #coursetitlenav ul a:visited 
{
text-decoration: none;
display: block;

}

#coursetitlenav ul li{
padding: 0px 0px 0px 0px;

}

#ocrnav{
border: 1px solid #ccc;
padding: 4px 4px 4px 4px;
float: left;
width: 30%;
    background-image: url('images/tile2.jpg');
    text-align: left;
    font-size: 90%;
    margin-left : 10px;
    margin-bottom : 10px;
  
	}
	
#ocrnav a {
	display: block;
	text-decoration: none
	padding: 2px 2px 2px 12px;
	
}


#ocrnav a:hover{
	
background-image: url('images/tileheadline3.jpg');
}




#ocrnav ul a:link , #ocrnav ul a:visited 
{
text-decoration: none
display: block;

}




#featrst{
  float: left;
  padding: 30px 0px 10px 10px;
  width: 80%;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 0px 0px;
}




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

.feature{
	padding: 10px 10px 10px 10px;
	font-size: 100%;
	text-align: justify;

}

.feature h4{
	padding: 10px 0px 5px 0px;
	text-align: center;
}

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

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

#navBar{
  float: left;
	width: 18%;
	margin: 0px 0px 0px 0 px;
	padding: 0px;
	
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	
	}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/


#sectionLinks{
	position: relative;
	margin : 8px 0px 2px 0px;
	
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	
}

#sectionLinks h3{
	padding: 2px 0px 2px 2px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 0px 0px 0px 10px;
}

#sectionLinks a:hover{
	
	background-image: url('images/tileheadline2.jpg');
	
}


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

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited 
{

display: block;

}
#navBar ul {list-style: none; margin: 0; padding: 0	;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #EEE ;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;   }