/* ----------- BASIC FORMATTING ------------ */


img {
	border: 0;
	behavior:url('iepngfix.htc');/*FIX FOR PNG IN IE6*/
	}

h1, h2, h3 {
	font-weight:normal;
	margin: 0;
	padding: 0;
	}


body {
	/*background: url(images/background.gif) top center repeat-x #CFDEEA;*/
	margin: 0px;
	padding: 0px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
	background-color: #ffffff;
	text-align: center;
}

p{
font-size:12px;
line-height:16px;
}

img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #ab0534;
	text-decoration: underline;
}
a:hover {
	color: #1471B1;
	text-decoration: none;
}


/*TYPOGRAPHY------------*/

.red{
color:#ab0534;
}

.white{
color:#ffffff;
}

.blue{
color:#00446a;
}

.green{
color:#6f8a2c;
}

.rule{
color: #dee7ee;
}

#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

h2{
font-size:16px;
color:#00446a;
line-height:20px;
}

.serif{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
}

h3{
font-size:14px;
}

h4{
font-size:13px;
color: #003366;
}

.cmeTopicTitle{
font: normal 14px/16px Georgia, Times New Roman, serif;
color:#00446a;
}

/*LAYOUT------------*/

#container {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#head {
	width: 910px;
	height: 120px;
	background: url(images/head.png) no-repeat;
}

#head h1 {
	position: absolute;
	margin: 31px 0 0 36px;
	width: 221px;
	height: 87px;
	background: url(images/logo.png) no-repeat;
}
#head h1 a {
	text-indent: -2000px;
	width: 154px;
	height: 59px;
	display: block;
	background: url(images/logo.png) no-repeat;
}

.top_head_banner{
float:right;
width:200px;
height:120px;
background:url(images/top_head.gif) no-repeat right;
background-position:-12px 12px;
}

#menu {
	position: relative;
	top: 125px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
	z-index: 100;
	text-align:right;
	float: right;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0 8px;
	height: 22px;
}
#menu li a {
	padding: 5px;
	height: 22px;
	color:#ab0534;
	
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}


#main {
	margin: auto;
	background: url(images/bg_main_simple.gif) repeat-y;
	width: 910px;
	height: auto; 
	padding-top: 35px;
}

#mainSwirls {
	position: absolute;
	top: 120px;
	left: 258px;
	margin: auto;
	background: url(images/bg_swirls.png) no-repeat;
	width: 647px;
	height: 274px; 
}

#centerWrapper{
	position:relative;
	text-align: center;
	min-width: 620px;
	z-index: 120;
	margin-bottom:20px;
}

#content_left {
float:left;
padding:0 18px 30px 30px;
width: 205px;
height:auto;
}
#content_right{
position: relative;
padding:0px;
height:auto;
z-index: 100;
}

.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
border-bottom:1px #666666 dashed;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}


/*footer------------*/

#footer {
text-align:center;
font-size:10px;
color:#000033;
background-position:0px 0px;
padding-top:30px;
width: 910px;
height:116px;
background: url(images/footer.png) no-repeat;
behavior:url('iepngfix.htc');
}

#footer a {
	background: none;
	padding: 0px;
}



/*sidebar------------*/

ul {
margin: 0;
padding: 0px;
list-style-type: none;
}

.sidebar ul { 
display: block;
position: relative;
width: 211px; 
}

#sidebarTitle{ 
height: 46px;
background: url(images/sidebar_topCap.png) no-repeat left top;
behavior:url('iepngfix.htc');
}

#sidebarBody{
background: url(images/sidebar_middle_long.png);
behavior:url('iepngfix.htc');
padding: 0px 15px 0px 15px;
vertical-align: top;
}

#sidebarFooter{
height: 37px;
background: url(images/sidebar_bottomCap.png) no-repeat left bottom;
behavior:url('iepngfix.htc');
}


.header{
	text-align:left;
	position: relative;
}

.sidebar td h3{
font-size:16px;
margin:15px 0px 0px 15px;
}

/*TABLE TAB------------*/

#tableTab{
position:relative;
margin: 0 auto;
z-index:300;
}

.tab{
border-top: 1px solid #9f9f9f;
border-right: 1px solid #9f9f9f;
border-left: 1px solid #9f9f9f;
padding:5px;
}

td.tab{
	background-image:url(images/tabBackie.gif);
	background-repeat: repeat-x;
}

.tab h2{
	font-style:normal;
	text-transform: uppercase;
	margin:0;
	color:#ffffff;
	font-weight: normal;
	}
	
.noFormat td{
border: 0;
}

/*TABLES!!! FUN!!!------------*/

#cmeTable{
border: 1px solid #9f9f9f;
}

.cmeList {
	margin-top:10px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
}
.cmeList a:link {
	text-decoration:underline;
	color:#6f8a2c;
}
.cmeList a:visited {
	text-decoration:none;
	color:#6f8a2c;
}
.cmeList a:hover {
	text-decoration:none;
	color:#CCCCCC;
}
.cmeList a:active {
	text-decoration:none;
	color:#003399;
}
.cmeList .columnHeader {
	background-color:#e4e4e4;
	font-weight:bold;
	color:#cc6600;
}
.cmeList td {
}

.cmeList .headerTitle {
	font-size:12px;
	color:#cc6600;
}
.cmeList .rowEven {
	background-color:#ffffff;
}
.cmeList .rowOdd {
	background-color:#f1f6fa;
}


.cmeList .chooseTopic {
	text-align:left;
	vertical-align:middle;
	width:50%;
  	color: #00446a;
}

.cmeList .pdfIcon {
	text-align:center;
	vertical-align:middle;
}

.cmeList .titleCol .readPDF {
	text-align:left;
	width:15%
}

.cmeList .takeTest {
	text-align:center;
	vertical-align:middle;
	width: 20%;
}

/*USER STATUS AREA------------*/

.area {
	float:left;
	width:300px;
	border: 1px solid #9f9f9f;
	margin: 15px 10px 0 0;
	display:block;
	height: 15px;
	padding:5px;
	background: url(images/statusBar_backie.gif) repeat-x;
}

.credits{
	float:left;
	width:175px;
	border: 1px solid #9f9f9f;
	margin-top:15px;
	display:block;
	height: 15px;
	padding:5px;
	background: url(images/statusBar_backie.gif) repeat-x;
}


/*LOGIN AREA------------*/


#login{
	position: relative;
	margin:0 auto;
	text-align: left;
	} 
	
#loginTitle{ 
height: 30px;
background: url(images/loginTop.png) no-repeat left top;
behavior:url('iepngfix.htc');
width: 424px;
}

#loginBody{
background: url(images/loginMiddle.png);
behavior:url('iepngfix.htc');
padding: 0px 30px 0px 30px;
vertical-align: top;
width: 424px;
}

#loginFooter{
height: 30px;
background: url(images/loginBottom.png) no-repeat left bottom;
behavior:url('iepngfix.htc');
width: 424px;
}

.loginform{
display: inline;
}


/*FORMATS THE FORM------------*/

#form {
	padding: 0px;
	margin: 0px;
}
.fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
.fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 12px 0;
	width: 260px;
}

.send input {
	width: 64px;
	height: 20px;
	margin: 0px;
    cursor: pointer;
	display:none;
	text-align:center;	
	}

.send label{
	display: block;
	width: 115px;
	height: 35px;
	padding: 0px;
	text-align:center;
	}


/*ROADBLOCKS------------*/

#roadblockTable{
position:relative;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
z-index:300;
width:620;
}

#roadblockTable td{
padding:15px;
}

#sponsorArea td{
text-align:center;
padding: 0px 0px 0px 0px;
}

#sponsorArea td img{
margin: 15px 0px 0px 0px;
}

#roadblockHeader td{
text-align:left;
}

.topicHeader{
padding: 5px;
background-color:#e1e2e3;
color:#00446a;
}


/*Standard BUTTONS------------*/

div#stdBtn {
	position : relative;
	width : 120px;
	height : 40px;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	margin:0 auto;
}


a.srollover {
	display: block;
	width: 115px;
	height: 35px;
	background: url(images/stdBtn.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.srollover {
	background-position: -115px 0;
}

a.srollover_green {
	display: block;
	width: 115px;
	height: 35px;
	background: url(images/stdBtn_green.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.srollover_green {
	background-position: -115px 0;
}


/*LONG BUTTONS------------*/

div#longBtn {
	position : relative;
	width : 231px;
	height : 40px;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	margin:0 auto;
}


a.lrollover {
	display: block;
	width: 231px;
	height: 35px;
	background: url(images/btn_long.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.lrollover {
	background-position: -231px 0;
}

/*LARGE BUTTONS------------*/

div#largeBtn {
	position : relative;
	width : 180px;
	height : 76px;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	margin:0 auto;
}


a.lrgrollover {
	display: block;
	width: 180px;
	height: 76px;
	background: url(images/btn_large.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.lrgrollover {
	background-position: -180px 0;
}


/*EXAM BUTTONS------------*/

div#examBtn {
	position : relative;
	width : 118px;
	height : 28px;
	margin:0 auto;
}


a.nextRollover {
	display: block;
	width : 118px;
	height : 28px;
	background: url(images/ExamButton_next.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.nextRollover {
	background-position: -118px 0;
}

a.prevRollover {
	display: block;
	width : 118px;
	height : 28px;
	background: url(images/ExamButton_prev.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.prevRollover {
	background-position: -118px 0;
}

a.finishRollover {
	display: block;
	width : 118px;
	height : 28px;
	background: url(images/ExamButton_finish.gif) no-repeat 0 0;
	text-decoration: none;
	padding-top:10px;
}

a:hover.finishRollover {
	background-position: -118px 0;
}




/*Exam------------*/

#examHeader{
position:relative;
height:30px;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
width:746px;
margin-bottom:15px;
}

#examArea{
position:relative;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
z-index:300;
width:746px;
}

ol#choices {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-position: inside; /* inside hilites the whole list item including the letter, but wraps under letter. outside wraps good but letter no hilite*/
	list-style-type: upper-alpha;
	list-style-type: none;
}

ol#choices li {
    padding: .3em;
    border: 1px dashed #fff;
}

ol#choices li:hover {
    cursor: pointer;
    padding: .3em;
    border: 1px dashed #888;
}

* html #choices li.sfhover { /*for ie js*/
    cursor: pointer;
    padding: .3em;
    border: 1px dashed #888;
}

#questionArea{
	background-color:#f1f6fa;
	padding:10px;
}

p#question_number {
	margin:0;
	font-size:11px;
	color:#55652d;
	font-weight: bold;
}

p#question_display {
	margin:0;
	font-size:14px;
	line-height: 18px;
	text-align: left;
	color:#00446a;
}

.examNavLeft{
padding:10px;
}

.examNavRight{
padding:10px;
}

#examProblem td{
text-align:right;
padding:10px;
}

/*ProgramEval------------*/

#programEval{
position:relative;
height:30px;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
width:746px;
margin-bottom:15px;
text-align:left;
}

#programEval td{
padding:10px;
vertical-align:top;
}

.evalQuestHeaders td{
	background-color:#f1f6fa;
	height:20px;
	}
	
.evalQuestions td{
	width: 50%	}
	
ol#choices {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-position: inside; /* inside hilites the whole list item including the letter, but wraps under letter. outside wraps good but letter no hilite*/
	list-style-type: upper-alpha;
	list-style-type: none;
}

ul#choices li {
    padding: .3em;
    border: 1px dashed #fff;
}

ul#choices li:hover {
    cursor: pointer;
    padding: .3em;
    border: 1px dashed #888;
}

* html #choices li.sfhover { /*for ie js*/
    cursor: pointer;
    padding: .3em;
    border: 1px dashed #888;
}

/*Answer Review------------*/

#answerReview{
position:relative;
height:30px;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
width:746px;
margin-bottom:15px;
text-align:left;
}

.answersHeader td{
border-bottom:1px solid #CCCCCC;
}

.arHeader {
vertical-align:bottom;
background:#f2eded;
padding:0;
}

.answers td{
border-bottom:1px solid #CCCCCC;
}

#answerReview td{
padding:10px;
vertical-align:top;
}

#arChoices ul{
margin-top: 0px; list-style-position: outside; list-style-type: none;
}

#arAnswers ul{
	list-style-type: none;
	text-transform: uppercase;
}

#arQuestion{
width:30%;
}

.correct_green{
color:#99FF66;
}

.correct{
background-color:#99FF66;}

.incorrect{
background-color:#FF0033;}

/*Score------------*/


#score{
position:relative;
height:30px;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
width:746px;
margin-bottom:15px;
text-align:left;
}

#score td{
padding:10px;
vertical-align:top;
}

#score img{
float:left;
margin-right:20px;
}

#scoreArea{
padding:5px 5px 10px 5px;
border: 1px dotted #cccccc;
background-color:#f2eded;
}

.percentage{
font-size:300%;
}

.congradulations h2{
	margin:0;
	padding:0;
	font-size:200%;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
}

.congradulations h3 h4{
	margin:0;
	padding:0;
	font-style: normal;
	font-weight: normal;
}

#lowerNav{
position:relative;
margin:0 auto;
border: 1px solid #9f9f9f;
background-color:#ffffff;
width:746px;
margin-bottom:15px;
text-align:left;
}

#lowerNav td{
padding-top:5px;
padding-bottom:5px;
}