/*EdgeOhio Style Sheet - Sept 2006*/
/* 1-10-10  roy  */

BODY {
color: #333;
background: #6378cb url('../img/bkgrd.jpg') repeat-x;
margin:10px; 
font: normal 11px/18px verdana, sans-serif;
}

img {
border: 0px;
}

p {
text-align: left;
margin: 7px 0px 0px 0px;
}

ul {
margin-left: 15px;
}

a:link {
color: #0000ff;
text-decoration: none;
}

a:visited {
color: #990066;
text-decoration: none;
}

a:hover {
color: #CC3300;
text-decoration: none;
}

H1 {
color:#dd8500;
font: bold 12pt arial, verdana, helvetica, sans-serif;
background: transparent;
}

h2 {
color:#993300;
font: bold 14px/17px arial, helvetica, sans-serif;
background: transparent;
margin: 7px 0px 0px 0px;
}

h3 {
color: #dd8500;
font: bold 11px/17px verdana, sans-serif;
background: transparent;
}

.PageTitles {
color: #333;
font: bold 10pt arial, sans-serif;
background: transparent;
}

/* template class tags*/

.Wrapper {
background: URL(../img/main-bk.jpg);
width: 814px;
margin: 0 auto;
overflow: hidden;
display: block;
vertical-align: top;
height:auto;
}

.TopOfPage {
clear: both;
width: 814px;
margin-bottom: 0px;
height: 144px;
vertical-align: bottom;
clear:both;
}

.ToolBar {
width: 814px;
height: 30px;
margin: 0 auto;
clear: both;
}

.MainBody {
background: transparent url(../img/body-curve.jpg) top left no-repeat;
width: 560px;
margin: 0px;
padding: 10px 20px 0px 30px;
vertical-align:top;
float: right;
}

.MainBody img {
margin: 5px;
}

/* DELETE? */ .IHETitles {
color:#dd8500;
font: normal 20pt ms trebuchet, serif;
background: transparent;
}

/*--- Modified Suckerfish CSS Dropdown!  ----*/

.ToolBar {
width:800px;
height: 26px;
text-align: center;
background: #25367C url(../img/nav-bg.jpg); 
margin-left:0px; 
margin-right:0px; 
margin-top:0px; 
margin-bottom:0px; 
padding-left:7px; 
padding-right:7px; 
padding-top:0px; 
padding-bottom:0px
}


ul#nav, ul#nav li ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

ul#nav li a {
text-decoration: none;
height: 26px;
line-height: 24px;
background: transparent;
display: block;
color: #ffffff;	
font-weight: bold;
}

ul#nav li a:hover {
text-decoration: none;
height: 26px;
line-height: 24px;
background: url(../img/nav-hover.jpg) repeat top left;
display: block;
color: #00225a;
font-weight: bold
}

ul#nav li { /* all list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li ul { /* second-level lists */
display: none;
position: absolute;
background: transparent;
width: 160px;
}

ul#nav li ul li {
border-top: 0px;
border-bottom: 1px solid #ffffff;
width: 160px;
float: left;
position: relative;
}

ul#nav li ul li a {
background: #a9cf37;
width: 160px;
font-weight: normal;
color: #00225a;
}

ul#nav li ul li a:hover {
background: #4858a3;
width: 160px;
font-weight: normal;
color: #ffffff;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/*----------------------------------------------------------------*/


/* CHANGE TO LEFT IN TEMPLATE? */ 
.RightMargin {
background: transparent url('../img/subnav-curve.jpg') top left no-repeat;
width: 204px;
margin: 0px;
padding: 0px;
vertical-align: top;
float: right;
}

.RightMargin p {
width: 170px;
margin: 10px 0px 10px 15px;
}

.sublinks {
margin: 14px 0px 0px 15px;
background: transparent url('../img/subnav-top.gif') top left no-repeat;
width: 180px;
padding: 0px;
}

.sublinks h3 {
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
border-bottom: 0px solid #ffffff;
padding: 6px;
margin: 0px;
}

img#subnavbottom {
background: transparent;
width: 180px;
margin: 0px 0px 0px 15px;
padding: 0px;
border: 0px;
}


.sublinks a.menu:link, 
.sublinks a.menu:visited {
color: #ffffff;
background: none;
font: normal 11px verdana, sans-serif;
height: 26px;
line-height: 26px;
text-decoration: none;
text-align: left;
display: block;
margin: 0;
padding: 0px 6px;
clear: both;
}


.sublinks a.menu:hover {
background: url(../img/subnav-hover.jpg);
color: #fff;
font: bold 11px verdana, sans-serif;
height: 26px;
line-height: 26px;
text-decoration: none;
text-align: left;
display: block;
margin: 0;
padding: 0px 6px;
clear: both;
}



.sublinks2 {
background: transparent url('../img/subnav-top2.gif') top left no-repeat;
width: 180px;
padding: 0px;
}

.sublinks2 h3 {
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
border-bottom: 0px solid #ffffff;
padding: 6px;
margin: 0px;
}


#RightHotBox img#subnavbottom2 {
background: transparent;
width: 180px;
padding: 0px;
border: 0px;
}


.sublinks2 a.menu:link, 
.sublinks2 a.menu:visited {
color: #ffffff;
background: none;
font: normal 11px verdana, sans-serif;
height: 26px;
line-height: 26px;
text-decoration: none;
text-align: left;
display: block;
margin: 0;
padding: 0px 6px;
clear: both;
}

.sublinks2 a.menu:hover {
background: url(../img/subnav-hover2.jpg);
color: #fff;
font: normal 11px verdana, sans-serif;
height: 26px;
line-height: 26px;
text-decoration: none;
text-align: left;
display: block;
margin: 0;
padding: 0px 6px;
clear: both;
}

a.Button {
font: bold 14px Arial, Helvetica, sans-serif;
background: url(../img/button.gif) top left no-repeat;
text-align: center;
height: 22px;
width: 180px;
display: block;
line-height: 22px;
margin: 10px 0px 0px 15px;
}

a.Button:hover {
font: bold 14px Arial, Helvetica, sans-serif;
color: #ffffff;
background: url(../img/buttonhov.gif) top left no-repeat;
text-align: center;
height: 22px;
width: 180px;
display: block;
line-height: 22px;
margin: 10px 0px 0px 15px;
}

.SiteFooter {
background:URL(../img/footer.gif) top left no-repeat;
font: normal 10px/16px verdana, sans-serif;
text-align:center;
margin: 0 auto;
clear: both;
width: 814px;
margin: 0 auto;
padding: 0px;
height: 80px;
line-height: 125px;
overflow: hidden;
}


/* hotbox class tags */

/* DELETE? */ .MainHighlightBox {
width: 520px;
background: #f6f2d8;
border: solid 1px #66669a;
padding: 4px;
font: normal 10pt arial, sans-serif;
text-align: left;
}

#RightHotBox {
float: right;
width: 180px;
margin: 45px 0px 10px 10px;
}

#RightHotBox .text {
background: #ebad4f url(../img/righthotbox.jpg) bottom left repeat-x;
border: solid 1px #8d4e0d;
width: 170px;
padding: 5px;
margin: 0px 0px 10px 0px;
}

#RightHotBox p {
font: bold 12px/18px Arial, Helvetica, sans-serif;
margin: 0px;
}

#RightHotBox img {
border: solid 1px #8d4e0d;
margin: 0px 0px 10px 0px;
}  

div#OrgClimateSurvey{
float: right;
margin: 45px 0px 10px 10px;
text-align:center;
}

div#OrgClimateSurvey img{
padding:0;
margin:0;
}

.homesurvey {
margin: 10px 0px 0px 15px;
padding: 141px 0px 0px 18px;
width: 162px;
height: 29px;
background: url(../img/home-survey.gif) top left no-repeat;
}

.homesurvey a, .homesurvey-right a {  
color: #24357b;
width: 140px;
height: 22px;
line-height: 22px;
display: block;
background: url(../img/surveylink.gif) bottom left repeat-x;
text-align: center;
margin: 0px;
border-right: 1px solid #a9cf37;
border-left: 1px solid #a9cf37;
}

.homesurvey a:hover, .homesurvey-right a:hover {  
color: #24357b;
background: url(../img/surveylink.gif) top left repeat-x;
}

.homesurvey-right {
margin: 10px 0px 10px 0px;
padding: 141px 0px 0px 18px;
width: 162px;
height: 29px;
background: url(../img/home-survey.gif) top left no-repeat;
}

/* DELETE? */ .HotBox {
width: 172px;
background: #d4ea94;
border: solid 1px #fff;
padding: 4px;
text-align: left;
font: normal 9pt arial, sans-serif;
color: #333;
}

.HotBox2 {
width: 170px;
background: #ebad4f url(../img/hotbox2.gif) top left repeat-x;
border: solid 1px #8d4e0d;
padding: 4px;
margin: 14px 0px 0px 15px;
text-align: left;
font: normal 11px/15px verdana, sans-serif;
color: #003366;
}

.HotBox2 a {  
color: #24357b;
width: 168px;
height: 22px;
line-height: 22px;
display: block;
background: url(../img/surveylink.gif) bottom left repeat-x;
text-align: center;
margin: 0px;
padding: 0px;
border-right: 1px solid #a9cf37;
border-left: 1px solid #a9cf37;
}

.HotBox2 a:hover {  
color: #24357b;
background: url(../img/surveylink.gif) top left repeat-x;
}

.EventColumn1 {
text-align: center;
vertical-align: top;
width: 100px;
font: normal 11px/17px verdana, sans-serif;
}

.EventColumn2 {
vertical-align: top;
width: 365px;
text-align: left;
font: normal 11px/17px verdana, sans-serif;
color: #333;
}

Table#Forms {
width: 490px;
border-collapse: collapse;
background: transparent;
vertical-align: top;
}

Table#Forms td {
vertical-align: top;
background: transparent;
}

.Input1 {
width: 120px;
text-align:right;
padding:2px;
}

.Input2 {
width: 370px;
text-align:left;
padding: 2px;
}

.TestimonialName {
color: #006a83;
font: italic 12px/15px arial, sans-serif;
text-align: right;
}

.HomeBoxes {
background: transparent url(../img/3box-rpt.jpg) left bottom repeat-y;
width: 560px;
height: 322px;
display:block;
}

.HomeBoxes div {
width: 560px;
display:block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.HomeBoxes img {
margin: 0px;
padding: 0px;
font: 1px;
line-height: 1px;
}

.HomeBoxes div p {
color: #000000;
padding: 10px;
float: left;
width: 160px;
margin: 0px;
text-align: center;
}

.HomeBoxes p a:link, .HomeBoxes p a:active, .HomeBoxes p a:visited{
font: bold 20px/28px Geneva, Arial, Helvetica, sans-serif;
color: #24357B;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding: 0px;
height: 80px;
}

.HomeBoxes div p a.learnmore {
	height:20px;
	margin-bottom:10px;
}

.HomeBoxes p a:hover {
font: bold 20px/28px Geneva, Arial, Helvetica, sans-serif;
color: #24357B;
text-decoration: none;
letter-spacing: 1px;
display: block;
}

.HomeBoxes p a span {
display: none;
}

div.HRCI {
width:200px;
font-size:9px;
line-height:1.4em;
text-align:center;
}

ul.HRCIdisclaimer {
display:block;
border:1px solid #CCCCCC;
padding:10px;
width:340px;
height:100px;
margin:15px 0 20px 0;
line-height:1.4em;
font-size:9px;
}

ul.HRCIdisclaimer li{
display:block;
float:left;
list-style:none;
width:inherit;
}

ul.HRCIdisclaimer li.DisclaimerText{
width:230px;
}

ul.HRCIdisclaimer li.HRCIlogo{
width:106px;
}

ul.HRCIdisclaimer li.DisclaimerText h1{
margin:0;
font-size:12px;
color: #dd8500;
}

div#sidebarLinks {
width:200px;
text-align:center;
margin:15px 0;
}

div#sidebarLinks img{
margin-top:15px;

}