@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */


/* ***Main Layout Styles*** */
body { background: #242F69; font-family: Arial, Helvetica, sans-serif; }
#wrapper { width: 940px; margin: 0 auto; }
/* ***MAIN AND CONTENT*** */
#header { background: url(../images/build/bg-header-main2.jpg) no-repeat 38px 77px; float: left; width: 940px; }
#header-left-image { float: left; width: 193px; height: 222px; }
#header-logo { float: left; width: 217px; height: 79px; padding: 85px 0 0 10px; }
#header-right-image { float: right; width: 181px; height: 125px; padding: 0 10px 0 0; }
/* ***COURSES*** */
#header-course { background: url(../images/build/bg-header-course.jpg) no-repeat 38px 76px; float: left; width: 940px; }
#header-globe { float: left; width: 185px; height: 232px; }
#header-logo-top { float: left; width: 318px; height: 68px; padding: 44px 0 4px 5px; }
#header-logo-bottom { float: left; width: 387px; height: 68px; padding: 45px 0 0 5px; }

#container { float: left; width: 888px; padding: 0 0 0 52px; }
#content { background: #ffffff; float: left; width: 856px; padding: 0 15px 0 15px; }
#content-home { background: url(../images/build/bg-quote-column.jpg) repeat-y; float: left; width: 886px; }
#content-home-bottom { background: #ffffff url(../images/build/bg-homepage-bottom.jpg) no-repeat top; float: left; width: 856px; padding: 15px; }


/* styles for the organization access billing page */

.organization-content {float:left; width:856px;}
.left-organization-content {float:left; width:556px; padding-right:30px;}
.right-organization-content {float:left;  width:260px;  text-align:center; padding:10px 0 0px 0px;  background-color:#d6eacf; border:1px solid #cae2c2;}
.right-organization-content p {color:#6ba845;}
.roc-spacer {padding:10px;}

.employers-list {padding:0px 0 0 0; margin:0;}
.employers-list li {padding:0 0 15px 0; background-color:white; margin:0; list-style-type:none;}
.employers-list li.spacer {background-color:#FFF; height:5px;}

.org-list {padding:0; margin:0; font-size:14px;}
.org-list li {list-style-type:none; padding:0px 0px 10px 4px;   }

.org-chunk {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0 20px 0;}
.org-chunk-blank {float:left; width:100%; padding:20px 0 20px 0;}

.nav-divide {float:left; border-bottom:1px solid #242f69; padding-bottom:30px;}

/* ***Text Styles*** */
h1 { color: #242F69; font-size: 24px; font-weight: normal; padding-bottom: 5px; }
	h1.h1green { color: #6BA845; }
h2 { color: #6BA845; font-size: 22px; font-weight: normal; padding-bottom: 8px; }
h3 { color: #242F69; font-size: 22px; font-weight: bold; padding-bottom: 8px; }
h4 { color: #242F69; font-size: 16px; font-weight: bold; padding-bottom: 8px; }
h5 { color: #242F69; font-size: 16px; font-weight: bold; padding-bottom: 8px; }
h6 { color: #333333; font-size: 14px; font-weight: bold; padding-bottom: 8px; }
.course-title { float: left; width: 460px; padding-bottom: 10px; }
.title-nav { float: left; width: 854px; }
p { font-size: 12px; padding-bottom: 12px; }
ul, ol { padding: 5px 30px 10px 30px; font-size: 12px; }
ul li, ol li { padding-bottom: 5px; }
p.lrg-text { font-size: 18px; font-weight: bold; }
.sml-text { font-size: 10px; }
.sml-title { font-size: 12px; }
p.text-right { text-align: right; }
a { color: #558D3F; text-decoration: underline; }
a:hover { color: #4A8FCA; text-decoration: none; }
.red { color: #FF0000; }
.symbol { font-size: 14px; }
.two-col-cont { float: left; width: 856px; }
ul.two-col { float: left; width: 350px; }
ul.two-col li { padding-bottom: 7px; }

.large-cont { float: left; width: 500px; padding-bottom: 25px; }
.small-cont { float: right; width: 300px; }
#print-record { background: #f7f7f7; width: 448px; padding: 20px 20px 20px 30px; border: solid 1px #cccccc; }
	#print-record p { padding: 0 10px 0 0px; }

ul.objectives { float: left; width: 350px; list-style: none; font-size: 12px; padding: 0 20px 0 10px; }
ul.objectives li { background: url(/images/build/bullet-checkmark-sm.jpg) no-repeat left 2px; float: left; width: 350px; padding: 0 0 12px 23px; }

/* ***Navigation Styles*** */
ul#top-nav { float: right; width: 340px; height: 16px; font-size: 11px; color: #ffffff; list-style: none; padding: 20px 0 15px 150px; text-align: right; }
ul#top-nav li { float: left; padding: 0 4px 0 4px; }
ul#top-nav li.wbullet { margin-top: 0; margin-top: 4px\9; *margin-top: 0; }
ul#top-nav li a { color: #ffffff; text-decoration: none; }
ul#top-nav li a:hover { color: #4A8FCA; }

ul#main-nav { background: #ffffff url(../images/build/bg-nav-content.jpg) repeat-x; float: left; width: 705px; height: 46px; list-style: none; padding: 0 40px 0 0; margin: 0px; }
ul#main-nav li { float: left; list-style: none; font-size: 18px; padding: 5px 20px 0 20px; }
	ul#main-nav li.less-padding { padding-left: 12px; }
ul#main-nav li a { color: #FFFFFF; text-decoration: none;}
ul#main-nav li a:hover { color: #D6EACD; text-decoration: none; }



/* ***Additional Styles*** */
ul.content-list { float: left; width: 836px; list-style: none; padding: 0 10px 15px 0; }
ul.content-list li { float: left; width: 400px; }
ul.content-list li.left { padding-right: 20px; }
ul.content-list li.right { padding: 0 0 0 10px; }
ul.content-list li.right ul { width: 380px; list-style: disc; padding: 0 0 0 20px; }
ul.content-list li.right ul li { float: none; width: 380px; padding: 0 0 3px 0; }
.imgleft { float: left; padding-right: 15px; }
.imgright { float: right; padding-left: 15px; padding-bottom: 15px; }
.img-frame { background: url(/images/content/img-frame.jpg) no-repeat; float: left; display: inline-block; width: 390px; height: 290px; padding: 15px 0 0 18px; }

ul.four-col { float: left; width: 856px; list-style: none; padding: 0; }
ul.four-col li { float: left; width: 194px; padding: 0 10px 0 10px; }
ul.four-col li h1 { font-size: 14px; font-weight: bold; }
.ce-broker { margin: 0 auto; width: 230px; height: 66px; }


/* ***Home Page Left Side*** */
#left-home { float: left; width: 342px; }
#left-content { float: left; width: 312px; }
.quote { background: url(/images/build/bg-quote-mark.png) no-repeat 5px 35px; float: left; width: 328px; padding: 10px 0 15px 0; border-top: solid 1px #EFEFEF; }
	.quote h1 { color: #242F69; font-weight: bold; padding: 0 0 0 20px; }
	.quote p { font-size: 14px; line-height: 18px; color: #666666; padding: 15px 0 0 40px; }
	
/* ***Home top-left GREEN Button*** */	
	
	
.quote2{width:300px; height:40px; background-color:#6aab47; margin-left:5px; margin-top:15px; padding-left:10px; border:2px solid #6aab47; border-radius:10px; box-shadow: 2px 2px 5px #888888;}
.quote2 p{padding:0; line-height:2.5; font-weight:bold; font-size:14px; color:#fff;}	
	
#text-wrap { background: url(/images/build/bg-home-corner.jpg) no-repeat left bottom; float: left; width: 339px; padding-bottom: 10px; margin: 10px 0 0 -11px; }
.text-provide { background: #D2D3D5; float: left; width: 339px; border-right: solid 1px #cccccc; padding: 0 0 10px 0; }
	.text-provide ul { float: left; width: 328px; list-style: none; color: #2F2F2F; padding: 10px 0 0 0; }
	.text-provide ul li { background: url(/images/build/bullet-checkmark.jpg) no-repeat 10px 0px; float: left; width: 283px; font-size: 12px; padding: 0 15px 9px 30px; }
h2#title-provide { background: url(/images/build/bg-title-provide.jpg) no-repeat; float: left; width: 124px; height: 33px; margin-left: 11px; font-size: 18px; font-weight: bold; padding: 5px 0 0 7px; }



/* ***Logos on home page styles********* */

.access-content-logos{width:500px; /*height:125px;*/ padding:15px 0 20px; margin-left:30px; background-color:#fff; text-align:center;}

.logo-top{margin-right:46px;}

.logo-bottom{margin-right:25px; margin-top:20px;}


/* ***Home bottom-right GREEN Button*** */	

.access-button{width:485px; height:80px; background-color:#6aab47; margin-left:auto; margin-right:auto; margin-top:30px; padding-left:10px; border:2px solid #6aab47; border-radius:10px; box-shadow: 2px 2px 5px #888888;}

.access-button-text1{float:left; width:120px; height:30px; background-color:#fff; border-radius:0 0 5px 5px; margin-top:-2px;}

.access-button-text1 p{ font-size:14px; font-weight:bold; color:#6aab47; text-align:center; line-height:2;}

.access-button-text2{width:360px; height:70px; float:left; margin-top:5px; }

.access-button-text2 p{line-height:1; color:#fff; margin-left:10px; font-weight:bold;}

.access-button-text2 a:link{text-decoration:none; color:#fff;}

.access-button-text2 a:visited{color:#fff;}

.access-button-text2 a:hover{color:#D6EACD;}

.access-button-text2 a:active{color:#D6EACD;}

/* ***Logos on all pages styles********* */

.logo-container{
	width:405px;
	height:auto;
	margin-top:20px;	
}

.logo-container img{
	margin-left:40px;
	margin-top:10px;		
}

.logo-container2{
	width:405px;
	height:auto;
	margin-top:20px;	
}

.logo1{float:left;}

.logo2{float:right;}

.idph{display:block; margin-left:auto; margin-right:auto;}
h2.roc {font-size:18px;}

/* ***Home Page Right Side*** */
#right-home { background: #ffffff; float: left; width: 544px; padding: 10px 0 0px 0; }
ul.lrg-list { float: left; width: 544px; padding: 0; list-style: none; }
ul.lrg-list li { float: left; font-size: 16px; color: #5F8246; font-weight: bold; padding: 0 30px 0 30px; }
#state-inst { background: #D1E3F1; float: left; width: 530px; }
#state-cont-top { background: url(/images/build/bg-state-top3.jpg) no-repeat top; float: left; width: 500px; padding: 58px 15px 0 15px; }
	.state-title { font-size: 14px; font-weight: bold; color: #666666; padding-bottom: 5px; }
	.state-text { color: #666666; padding: 0 25px 10px 25px; }
#state-cont { background: #E4EFF7; float: left; width: 530px; }
#state-cont-bottom { background: url(/images/build/bg-state-bottom.jpg) no-repeat bottom; float: left; width: 500px; padding: 0 15px 15px 15px; }
h1#title-states { background: url(/images/build/bg-title-states.jpg) no-repeat; float: left; width: 185px; height: 28px; font-size: 18px; font-weight: bold; padding: 3px 0 0 10px; }
.home-page-course { float: left; padding: 24px 0 24px 12px; }
ul.state-list { float: left; width: 480px; list-style: none; padding: 5px 0 0 20px; }
ul.state-list li { float: left; padding: 0; }
	ul.state-list li#state-ca { padding: 0 25px; }
	ul.state-list li#state-fl { padding: 8px 0 0 25px; }
	ul.state-list li#state-ia { padding: 10px 25px 0 0; }
	ul.state-list li#state-ky { padding: 10px 20px 0 20px; }
	ul.state-list li#state-nv { padding: 0 0 0 15px; }
	ul.state-list li#state-ny { padding: 6px 25px 0 0; }
	ul.state-list li#state-wa { padding: 9px 0 0 20px; }
	ul.state-list li#state-az { padding: 0 25px 0 0; }
	ul.state-list li#state-tx { padding: 0 20px 0 20px; }
.access-content { float: left; width: 544px; /*height: 280px;*/ }

.states {width: 200px; float: right;}

table { width: 819px; padding: 10px 0 10px 0; margin: 10px 20px 20px 20px; font-size: 12px; color: #1A1A1A; border-collapse: collapse; border: solid 1px #DFDFDF; }
table td { padding: 8px; vertical-align: top; }
table td.title { font-size: 14px; font-weight: bold; }
table tr.alt td { background: #f7f7f7; border-top: solid 1px #DFDFDF; border-bottom: solid 1px #DFDFDF; }
table tr.all td { background: #F8F9FF; }


p.question { font-size: 14px; font-weight: bold; padding-top: 10px; }
.q { font-size: 24px; font-weight: bold; color: #6FADDF; }
.a { font-size: 18px; font-weight: bold; color: #A2EF95; }
.answer { padding: 10px 30px 0px 30px; }
p.top { float: right; text-align: right; width: 836px; font-size: 10px; font-weight: bold; padding: 0 10px 5px 10px; border-bottom: solid 1px #DFDFDF; }
p.bottom { border-bottom: none; }

#map { float: left; width: 380px; height: 230px; }
.content-cont { float: left; width: 856px; padding-bottom: 15px; }
p#forgot-password { padding: 15px 120px 12px 0; }

form#contact, form#register { float: left; width: 500px; padding: 15px; border: solid 1px #DFDFDF; margin-bottom: 20px; }
form#access { float: left; width: 230px; padding: 15px; margin: 0 25px 0 25px; border: solid 1px #DFDFDF; margin-bottom: 20px; }
.form-line { float: left; width: 500px; padding-bottom: 15px; }
.form-half { float: left; width: 230px; padding-right: 20px; }
	form#access .form-half { padding-bottom: 10px; }
	.form-line-bottom, form#access .form-line-bottom { padding-bottom: 0px; }
label { float: left; width: 230px; font-size: 11px; color: #666666; }
	label.long { width: 450px; }
	label.check-label { width: 350px; padding-top: 3px; }
.input-text { float: left; width: 200px; padding: 2px; font-size: 12px; color: #333333; }
.select { float: left; width: 200px; padding: 2px; font-size: 12px; color: #333333; }
	.long { width: 450px; }
	.short { width: 50px; }
.textarea { float: left; width: 450px; height: 100px; padding: 2px; font-size: 12px; color: #333333; }
.checkbox { float: left; width: 20px; height: 20px; padding: 2px; }
.radio { float: left; width: 20px; height: 20px; padding: 2px; }
ul.form-list { width: 450px; padding: 15px 20px 5px 20px; list-style: none; }
ul.form-list li { float: left; width: 450px; padding-bottom: 3px; }
#clear { float: left; }
#submit { float: right; padding: 0; margin: 0; }
#login { float: left; }
.req { color: #ff0000; }

#register-text { float: right; width: 300px; }

ul.course-nav { float: left; width: 385px; list-style: none; font-size: 11px; font-weight: bold; padding: 10px 0 10px 0; }
ul.course-nav li { float: right; padding: 0 5px 0 5px; font-size: 11px; font-weight: bold; }

.cont-left { float: left; width: 410px; padding: 0 20px 20px 0; }
.enter-course { padding: 0 0 10px 10px; }
.but-find-course { float: right; width: 357px; height: 34px; padding: 0 20px 20px 0; }

.cont-right { float: left; width: 410px; padding: 0 0 20px 10px; }
table.course { float: left; width: 410px; font-size: 12px; color: #1A1A1A; border-collapse: collapse; margin: 0 0 15px 0; padding: 0; }
	table.head { border: solid 1px #242F69; padding: 0; margin: 0; }
table.course th { background: #242F69; color: #ffffff; font-size: 20px; padding: 6px 6px 4px 6px; }
table.course tr td { background: #F2F7F9; padding: 6px; }
	table.course tr.alt td { background: #E1F2F9; }
	table.course td.subtitle { text-align: right; font-weight: bold; font-size: 14px; vertical-align: top; }

.home-page-course table.course { width: 470px; margin: 0; }
.home-page-course table.course th { padding: 10px 10px 8px 10px; }
.home-page-course table.course tr td { padding: 10px; }

ul#versions { float: right; width: 400px; list-style: none; padding: 15px 10px 15px 0; }
ul#versions li { float: right; height: 34px; padding: 0; }
ul#versions li#available { height: 28px; font-size: 18px; color: #6AAB46; padding: 6px 5px 0 0; }
ul#versions li a { float: right; height: 34px; }
ul#versions li#online a, ul#versions li#online a:active, ul#versions li#online a:visited { background: url(/images/build/but-online.jpg) no-repeat; float: left; width: 78px; }
ul#versions li#online a.active, ul#versions li#online a.active:active, ul#versions li#online a.active:visited { display: none; }
ul#versions li#mail-order a, ul#versions li#mail-order a:active, ul#versions li#mail-order a:visited { background: url(/images/build/but-mail-order.jpg) no-repeat; float: left; width: 113px; }
ul#versions li#mail-order a.active, ul#versions li#mail-order a.active:active, ul#versions li#mail-order a.active:visited { display: none; }
.hidden-page { display: none; }

a.audio-btn {height:31px; width:119px; float:right; position:relative; bottom:8px; margin-bottom:-5px;}

#footer { background: url(../images/build/bg-footer.jpg) no-repeat; width: 886px; height: 98px; padding: 0 0 15px 0; margin-right: 2px; float: right; }
#footer-left { float: left; width: 165px; height: 78px; padding: 15px 0 0 20px; margin: 0;}
#footer-nav-cont { float: left; width: 440px; height: 78px; padding: 15px 0 0 0px; margin: 0; text-align: center; font-size: 10px; }
#footer-right { float: right; width: 236px; height: 78px; padding: 15px 20px 0 0; margin: 0; }

ul.footer-nav { float: left; list-style: none; }
	ul.line-one { width: 395px; padding: 0 0 0px 45px; }
	ul.line-two { width: 440px; padding: 0 0 20px 0px; }
ul.footer-nav li { float: left; font-size: 12px; padding-left: 10px; }
ul.footer-nav li.gbullet { margin-top: 0; margin-top: 4px\9; *margin-top: 0; }
ul.footer-nav li a { color: #6aab46; text-decoration: none; }
ul.footer-nav li a:hover { color: #4A8FCA; }


#copyright { font-size: 10px; padding-bottom: 0px; }
#modernearth a { float: right; clear: both; padding: 0 0 5px 0; }
#binary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; padding: 0 0 5px 0; }


/* *** Error Styles *** */
p.error { background: #FFFFFF; font-weight: bold; color: #A05353; font-size: 11px; }
p.submission { background: #FFFFFF; font-weight: bold; color: #2663CF; font-size: 11px; }

#header-right-image2 { float: right; width: 375px; height: 125px; padding: 0 10px 0 0; }