body {
	background-color: #999999; 
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
body#v2 {background-color: #FFF;}
img {border: none;}
/* ---------- GENERAL LAYOUT ---------- */
#wrapper {
	width: 746px;
	margin: 0px auto;
	background: url(../images/wrapper-bg.jpg) repeat-y;
	padding: 0px 7px 10px;
}
body#v2 #wrapper {background-image: none;}
#container {margin: 0px 25px;}
/* ---------- MASTHEAD ---------- */
#masthead {
	width: 746px;
	height: 180px;
	line-height: 0px;
	background: url(../images/masthead.jpg) no-repeat;
}
body#v2 #masthead {
	width: 746px;
	height: 173px;
	line-height: 0px;
	background: url(../images/masthead.jpg) no-repeat center -7px;
	margin-bottom: 5px;
}
body#v2 #logo {
	width: 350px;
	height: 118px;
	text-indent: -9999em;
	display: block;
	float: left;
}
#topphotos {
	height: 118px;
	width: 300px;
	float: right;
	background: url(../images/topphoto/rotator.php) no-repeat right top;
}
#ocrra-logo {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}
body#v2 #ocrra-logo {
	float: right;
	margin-top: 8px;
	margin-right: 15px;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}
#ocrra-logo a {display: block;}
#ocrra-logo a.home {color: #48AA43; text-decoration: none; margin-top: 8px; font-weight: bold;}
#ocrra-logo a.home:hover {color: #445686;}

	/* ---------- TOP NAVIGATION ---------- */
	#topnav {
		height: 42px;
		width: 746px;
		float: right;
		margin-top: 51px;
	}
	body#v2 #topnav {
		height: 42px;
		width: 746px;
		float: right;
		margin-top: 0px;
	}
	#topnav ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		float: right;
	}
	#topnav li {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	#topnav ul a {
		background-repeat: no-repeat;
		color: #FFF;
		display: block;
		font-size: 12px;
		font-weight: bold;
		line-height: 17px;
		padding: 0px 3px;
		height: 17px;
		text-decoration: none;
		background-color: #47AA42;
		margin-left: 8px;
	}
	#topnav ul a#navGettingStarted {width: 134px;}
	#topnav ul a#navApplyNow {width: 55px;}
	#topnav ul a#navBlueRibbon {width: 206px;}
	#topnav ul a#navCertifiedBlueRibbon {width: 245px;}
	#topnav ul a#navProgramBenefits {width: 154px;}
	#topnav ul a#navBenefits {width: 75px;}
	#topnav ul a#navRequirements {width: 106px;}
	#topnav ul a#navContact {width: 76px;}
	
	#topnav ul a#navGettingStarted:hover, #topnav ul a#navApplyNow:hover {background-color: #445686;}
	#topnav ul a#navBlueRibbon:hover {background-color: #026666;}
	#topnav ul a#navCertifiedBlueRibbon:hover {background-color: #026666;}
	#topnav ul a#navProgramBenefits:hover {background-color: #346633;}
	#topnav ul a#navBenefits:hover {background-color: #346633;}
	#topnav ul a#navRequirements:hover {background-color: #0277C4;}
	#topnav ul a#navContact:hover {background-color: #0278BE;}
	
/* ---------- CONTENT ---------- */
#content {
	color: #333;
	font-size: 13px;
	line-height: 18px;
}
#content2 {
	color: #444;
	font-size: 14px;
	line-height: 22px;
}
#content p, #content2 p {margin: 0px 0px 18px;}
#content h1, #content2 h1 {
	margin: 10px 0px 20px;
	color: #0277C4;
	padding-bottom: 5px;
	font-size: 24px;
}
#content h2 {
	color: #0277C4;
	margin: 20px 0px 4px;
	font-size: 18px;
}
#content2 h2 {
	color: #0277C4;
	margin: 20px 0px 4px;
	font-size: 22px;
}
#content h3 {
	margin-top: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
}
#content2 h3 {
	margin-top: 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}
#content2 em.hilite {color: #48AA43; font-style: normal; font-size: 16px;}

#content ol li {margin-bottom: 10px;}
#content ol ul li {margin-bottom: 5px;}

#content2 ol {list-style-type: none; padding: 0px; margin: 0px;}
#content2 ol li {
	margin: 30px 0px 10px;
	background: url(../images/bullet1.jpg) no-repeat left top;
	padding: 7px 0px 0px 34px;
}
#content2 ol li+li {
	background: url(../images/bullet2.jpg) no-repeat left top;
}
#content2 ol ul li {margin-bottom: 5px;}

#content a, #content2 a {color:#903; text-decoration: none;}
#content a:hover, #content2 a:hover {color:#4BAA44;}


#reqTable {border-collapse: collapse;}
#reqTable th, #reqTable td {border: 1px solid #CCC; padding: 5px;}
#reqTable th {
	text-align: left;
	line-height: 18px;
	font-size: 13px;
}
#reqTable td {font-size: 12px;}
#reqTable td a {
	color: #FFF;
	background-color: #4AA941;
	display: block;
	padding: 0px 5px;
	text-align: center;
}
#reqTable td a:hover {color: #FFF; background-color:#01568D;}

.apply-buttons {width: 630px; height: 100px; margin: 20px auto;}
.apply-buttons.oneCol {width: 250px; margin: 0px 0px 20px 20px; float: right; height: auto;}
.apply-buttons a {display: block; height: 90px; width: 250px; text-indent: -9999em; background-repeat: no-repeat; background-position: 0px 0px; outline: none;}
.apply-buttons a#applyButton {background-image: url(../images/apply-now2.png); float: left;}
.apply-buttons a#helpButton {background-image: url(../images/need-help.png); float: right;}
.apply-buttons a:hover {background-position: 0px -90px;}


.captionR {
	float: right;
	margin-left: 10px;
	font-style: italic;
	font-size: 11px;
}
.overline {border-top: 1px dotted #444;}
.underline {border-bottom: 1px dotted #444;}
h2.overline {padding-top: 15px;}

.indent {margin-left: 25px;}
/* ---------- FORM ---------- */
#ocrraForm div, #ocrraForm fieldset div {clear: both; padding-bottom: 8px;}
#ocrraForm label {
	float: left; 
	width: 150px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}
#ocrraForm label.narrow {width: 50px;}
#ocrraForm input, #ocrraForm textarea {width: 450px; float:left;}
#ocrraForm input.narrow {width: 192px;}
#ocrraForm ul textarea {width: 600px; height: 100px; margin: 10px 0px; float: none;}
#ocrraForm fieldset {margin: 20px; padding: 10px;}
#ocrraForm fieldset legend {font-size: 16px; font-weight: bold; color: #0277C4;}
#ocrraForm fieldset label {
	float: none; 
	width: auto;
	text-align: left;
	margin-right: 0px;
	font-weight: normal;
}
#ocrraForm fieldset input { 
	width: auto;
	float: left;
	margin-right: 10px;
}
#ocrraForm button { 
	border: 1px solid #0277C4;
	background-color:#CCC;
	color: #000;
	padding: 5px;
	display: block;
	cursor: pointer;
}
#ocrraForm button:hover { 
	border: 1px solid #FFF;
	background-color:#0277C4;
	color: #FFF;
}
#ocrraForm table.yesNo td {vertical-align: top;	padding: 4px;}
#ocrraForm td.yesNo {width: 50px;}
#ocrraForm .yesNo h3 {margin: 15px 0px 0px;}
#ocrraForm .yesNo label {
	float: none;
	width: auto;
	margin-right: 0px;
}
#ocrraForm .yesNo input {
	float: none;
	width: auto;
	margin: 0px;
}
/* ---------- BUSINESS SCROLL ---------- */
#homeR {
	float: right;
	width: 300px;
	margin: 0px 0px 15px 50px;
}
.scroller-box {
	width: 300px;
	border: 1px solid #CCC;
	margin: 20px 0px;
	padding-bottom: 10px;
}
#content2 .scroller-box h3 a {
	color: #015389;
	background-color: #CCC;
	padding: 10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 15px;
	margin: 0px 0px 5px;
	display: block;
}
#content2 .scroller-box h3 a:hover {
	color: #FFF;
	background-color: #015389;
}
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 64px;
	width: 300px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}
.scrollable .items div {}
#content2 .scrollable .items div a {padding: 10px; color: #0277C4; font-size: 12px; line-height: 12px; display: block;}
#content2 .scrollable .items div a:hover {color:#4AA941;}
#content2 .scrollable .items div span {padding: 10px; font-size: 12px; line-height: 12px; display: block;}

	
a.checkbox {
	background: url(../images/checkbox.gif) no-repeat 0px 0px;
	padding: 5px 0px 0px 35px;
	display: block;
}
#content2 a.checkbox:hover {background-position: 0px -100px; color: #000;}

/* ---------- FOOTER ---------- */
#footer {
	width: 746px;
	margin: 0px auto;
	text-align: center;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	padding: 23px 7px 0px;
}
body#v2 #footer {background-image: none;}
#footer a {color: #666; margin: 0px 12px;}
#footer .hidden {margin-top: 60px;}
#footer .hidden a:link, #footer .hidden a:visited {color: #FFF; text-decoration: none;}
#footer .hidden a:hover, #footer .hidden a:active {color: #036; text-decoration: none;}
.imgR {float: right; margin: 0px 0px 10px 10px;}
.clear {clear: both; margin: 0px; padding: 0px;}
.printNo {text-align:center;}