body { color: #000; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif;}
img { border: none;}
#featuresbox img, #features_list img, #rightnav img, #content img, #footer img {border: none;}  
h1 { font-weight: bold; color: #cc0033; font-size:115%; }
h2 { font-weight: bold; margin: 0.5em 0 0.5em 0; color: #003399; font-size:110%; border-top: 1px solid #483d8b; border-bottom: 1px solid #483d8b;}
h3 { font-weight: bold; margin: 0.5em 0 0.5em 0; color: #003399; font-size:105%;}
h4 { font-weight: bold; margin: 0 0 0.5em 0; color: #003399; font-size:90%;}
em {font-family: Comic Sans MS, sans-serif; font-style: italic; font-weight:normal; font-size: 95%;}
a:link {color: #cc0033; text-decoration: underline;}
a:visited {color:#000;}
a:hover { background: #f7e907; color: #000;}

.noborder {border: none;}
.hide_hinttext{ height:1px; width:1px; overflow:hidden; position:absolute; top:-60px;}
.listonerowborder ul {display:inline; list-style-type: none; margin: 0; padding: 0;}
.listonerowborder li { display: inline; list-style-type: none; margin: 0 3px 0 3px; padding: 0 3px 0 3px; border-right: 1px solid #000;}

#container { margin: 0 8px 8px 8px; width: 100%; color: #333; line-height: 130%;}
#skipcontent { font-size: 65%; margin: 0; padding: 0;}
#top { padding: 0.5em 0.5em 0.5em 0.5em; text-align:center; background: #eee;  border-left: gray 1px solid; border-right: gray 1px solid; border-top: gray 1px solid; border-bottom: #cc0033 7px solid; margin-right: 1em; margin-bottom: 1em;}

/*Header*/
#logoarea {background: #eee; padding: 0.5em; color: #cc0033; border-left: gray 1px solid; border-right: gray 1px solid; border-top: gray 1px solid; border-bottom: #cc0033 7px solid; margin-right: 1em; margin-bottom: 0.5em;}
.logocourse { margin-right: 0.5em; padding-right: 0.5em; background: #eee;}
#logocoursename { color:#cc0033; font-weight: bold; font-size: 110%;}
#logotagline { margin: 5pt 0 3pt 5pt; padding: 0 0 0 5pt; font-size: 95%; color: #003399;} 
#logotagline a { color: #003399;}
#logophone { color: #003399; margin: 5pt 0 0 5pt; padding: 5pt 0 0 5pt; font-weight: bold; font-size: 90%; text-align: right; font-family : Helvetica, sans-serif, "MS sans serif";}
.phone	{letter-spacing: 2pt;}

.cleardiv { clear: both; }

.redbar { padding: 0.2em; background: #cc0033; margin: 5px; height: 1px;}
#buttonsbar { padding: 0.2em; margin: 10px; text-align:center;}

#leftnav { padding: 0; float: left; margin: 20px 1px 0 0; width: 190px;}
#leftnavbox { border: gray 1px solid; padding: 0 0 1pt 0; background: #eee;}
#leftnavbox p{ margin: 5px;}
#login { font-weight: bold; font-size: 90%; padding: 0; color: #fff;  background: #003399; text-align:center; margin: 0;} /*padding-left: 15pt; padding-right; 15pt;*/
.loginformlink { font-size: 75%;}

.topnav_title { font-weight: bold; font-size: 105%; color: #fff; text-align:center; width: 142%; background: #cc0033; padding-top: 4pt; padding-bottom: 4pt;}
.topnav_space { font-weight: bold; font-size: 80%; color: #003399; padding-top: 1pt;}
.topnav_info { padding-right: 5pt; padding-left: 5pt; font-size: 70%;}
ol.topnavlist { padding:0; margin: 0; list-style-position: inside;}
li.topnav { padding: 5pt 3pt 5pt 3pt; font-weight: bold; font-size: 90%; text-decoration: none;}

.topnav a:link, .topnav a:visited {font-weight: bold; font-size: 75%; color: #000;  text-decoration: none;} 
.topnav a:active { font-weight: bold; font-size: 75%; color: #000;  text-decoration: none;}
.topnav a:hover { font-weight: bold; font-size: 75%; color: #000; background: #f7e907; text-decoration: underline;}
#topnav_selected { padding: 5pt; border-top: #003399 2px dashed; font-weight: bold; font-size: 70%; color: #cc0033; background: #fff; border-bottom: #003399 2px dashed; white-space: nowrap; }

#rightnav { padding: 8pt; float: right; margin: 50px 0 0; width: 180px; }
#rightnav p { margin: 0 0 1em;}
#rightnav h2, #leftnavbox h2 { margin: 0; border: none; padding: 0;}

#featuresbox { border: gray 1px solid; padding: 0 0 5pt 0; background:#fff;}
.features_title { font-weight: bold; font-size: 90%; padding: 0 0 4pt 0; margin: 0; color: #fff;  background: #003399; text-align:center;}
#features_list, #features_list2 { margin: 1pt; background:#fff; padding: 1pt;}
 {border: 0;}
#features_list li, #features_list2 li { list-style-image: url('dkbluetriangle.gif'); vertical-align: middle; padding: 2pt; font-size: 75%; background:#fff; list-style-position: inside;}
#features_list .selected { background: #eee; font-weight: bold;}
#features_list a, #features_list2 a  { padding-left: 3pt;}
.features_space { font-weight: bold; font-size: 80%; color: #003399; padding-top: 4pt; background:#fff;}
.features_info { padding: 5pt 2pt 2pt 2pt; font-size: 75%; background:#fff;}

.carrot {font-weight: bold; font-size: 14pt; color: #003399;}
.nocarrot { padding-left: 2pt; font-size: 14pt; color: #fff;}

#content { border: gray 1px solid; padding: 1em 1em 1em 3em; margin: 2px 135px 25px 175px; line-height: 1.2em;}
#content p {text-indent: 1em;}
#content li {margin-bottom: 0.5em;}
#content .mypage { font-size: 60%; padding-left: 38px; padding-top: 0; text-align: center;}
.mytopiclocation { font-size: 80%; padding-left: 38px; padding-top: 0;}
.mypagelocation {font-size: 80%; padding-left: 38px; padding-top: 0; text-align: center; font-weight: bold;}

/*Noteboxes*/
.notebox { color:#000; background:#ffeecc; padding: 0.5em; margin:0.5em;}
.notebox a { color:#000; background:#ffeecc;}
.notebox .red { color: #cc0033; font-weight: bold;}
.notebox h2 {color: #000; border: none; font-size: 100%; font-weight: normal;}

.examplebox { padding: 0.5em 1em 0.5em 1em; background: #d3e1f0; margin: 5px 55px 5px 30px; }
.example {font-size: 95%; font-weight: bold; color: #cc0033;}
.example a { text-decoration: underline; }

#certinfobox { width: 80%; background: #f5f5f5; border: 2px solid #ddd; padding: 3px; margin-bottom: 1em;}  
#certinfobox h2 {color: #003399; border: none; font-size: 100%; font-weight: bold;}

.certrequestform label {color: #cc0033;};

/*Quiz Results*/
.divideqresults li { border-bottom: 1pt solid #ddd; padding: 1em 0 0 0; margin: 0;}

.graybox{ background-color: #eee; color: #000; padding: 3pt 4pt 3pt 4pt; }

.backtop { text-align: right;}
.backtop a { font-size: 80%;text-decoration: underline;}
.topofpage {text-align: center;}
.topofpage a { font-size: 70%; text-decoration: underline; color: #000; font-weight: bold;}

.pagenav { text-align:center;}
.pagenavPrev { float:right;}
.pagenavNext { float:left;}
img.arrowtext {vertical-align:middle;text-decoration:none;}
.pageoflink {font-size : 75%;font-weight : bold; color: #000;text-decoration:none; }
.pageoftext { font-size : 75%;font-weight : bold; color: #000;text-decoration:none; text-align:center; }
.pageoftitle { white-space:nowrap;}

/*Div creates two columns, side-by-side content, i.e. used on home pagem bottom page navigation*/
.columntworow { margin: 0 50px 0 50px; padding: 0; vertical-align: top;}
.columntwoA { float: left; width: 42%; margin: 0; padding: 0;}
.columntwoB { float: right; width: 42%; margin: 0; padding: 0;}
 
#footer {clear: both; padding: 0.5em; font-size: 80%; margin: 1em 1em 0 0; text-align: center; background: #eee;  border-left: gray 1px solid; border-right: gray 1px solid; border-bottom: gray 1px solid; border-top: #cc0033 7px solid; color: #000; }
#footer a {text-decoration: underline; color: #000;}
.bottom_nav { padding: 0 0.5em 5px 0.5em; font-size: 100%; text-align: center;}
.copyright { font-size: 95%;}
.funding { font-size: 85%;}

.red { color: #cc0033; font-weight: bold;}
.green { color: #006600; font-weight: bold;}
.black {color: #000; font-weight: bold;}
.blue {color: #003399; font-weight: bold;}
.center {text-align: center;}

/*Label fields in forms*/
.required {font-weight: bold;}
fieldset {margin-bottom: 1em; padding-bottom: 1em;}
legend {font-weight: bold; color: #003399;}