/* CSS Document */
/*Formatting for all pages*/

/*remove unnecessary padding*/

*html{
margin:0;
padding:0;
height:98%
}
html, body #wrapper{
margin:0;
padding:0;
height:98%;
min-height:98%;
}
html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }
   #wrapper {
   position: absolute;   
   top: 0;   
left:1%;
right:1%;
 width:98%;
border:1px solid #660000;
 
   }
body{
margin:0;
font-family:"Trebuchet MS", Verdana, Arial;
color:#000066;
height:98%;
}
h4{
color:#000066;
line-height: 0.5px;
font-size: 1.2em;
font-weight:bold;
text-align:center;
font-style:italic;
clear:both;
}
#container{
margin:0 auto;
padding:0;
width: 100%;

border-bottom:0;
 margin-bottom: 4em; /*Modify value as needed for
                         footer height.*/
height: auto;
}

/*contained in navbar.jsp - also contains navigation bar*/
#header{
background-image:url(/media/images/logo5smHealth.gif);
background-position:top right;
background-repeat:no-repeat;
height:11em;
}

/*Main top Navigation Bar*/
#navlist{
margin-left: 0;
margin-top:0px;
padding: 3px 0;
border-bottom: 1px solid #660000;
font-family: "Trebuchet MS", Verdana, Arial;
color:#903;
}

#navlist li{
list-style: none;
margin: 0;
display: inline;
color:#903;
}

#navlist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #660000;
border-bottom: none;
background: #ccf;
text-decoration: none;
color:#903;
font-weight:bold;

}

#navlist li a:link { color:#000; }
#navlist li a:visited { color: #000; }

#navlist li a:hover{
color: #FFF;
background:#000099 ;
border-color:#660000;
}
/*makes current page same as hover*/
body#home a#homeP,
body#about a#aboutP,
body#employers a#employersP,
body#candidates a#candidatesP,
body#policies a#policiesP,
body#links a#linksP
 {
color: #fff;
background:#000099;
} 
/*generic links*/

a{
color:#990066;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#9999FF;
text-decoration:underline;
font-weight:bold;
}
/*page layout*/
#content{
padding:10px 20px 20px 20px;
margin: 0 auto;
width:90%/*80%*/;

}

#tempIndexContent{
padding: 10px;
padding-bottom:50px;
margin:auto;
width:80%;
}


#footer{
background:#CCF;
color:#000;
text-align:center;
font-family: "Trebuchet MS", Verdana, Arial;
font-weight:bold;
clear:both;
width:98%;
margin:0 auto;

}
#altFooter{

	color:#000;
	position:absolute;
    bottom:0;
	/*left:50%;
	margin-left:-49%;*/
	margin: 0 auto;	
     width:100%;
    /* Height of the footer */ 
   text-align:center;     
   font-weight:bold;
   font-size:1.2em;
   font-style:italic;
   padding-top:10px;
   
}

#altFooterAddress{
  background:#CCF;
  width: 100%;
  	color:#000;
	font-weight:bold;
	font-style:normal;
	font-size:.8em;
	
	
	
  }
#altIndexFooter{
	position:absolute;
   bottom:0;
     background:#CCF;
	 color:#000000;
   width:100%;   
   text-align:center;
  /* padding-bottom:10px;*/
   font-weight:bold;

	
}


/*Page specific formatting*/

#indexContent{
padding-top:0;
background-image:url(/media/images/news4.jpg);
background-position: top right;
background-repeat:no-repeat;
margin-top:-32px;

}



#contentOther{
width:90%;
padding:10px 20px 20px 20px;
padding-top:0;

}


/*text on index page*/

#quote{
font-family:"Trebuchet MS", Verdana, Arial;
font-size: 2em;
font-style:italic;

}
 /*pictures on pages*/
#candidatePic{
float:right;
width:260px;
}
#aboutPic{
float:right;
margin-right:10px;
width:150px;
}
#indexPic{
float:right;
padding:0;
margin-left:10px;
}


#empPic{
float:right;
margin-top:60px;
padding:0;
text-align: center;
}
#submitPic{
float:right;
margin-right:10px;
width:300px;
}

.floatright { 
float: right;
margin-left:10px;
 }

#sideText{
margin-bottom:10px;
float:left;
}

#formBox{
width: 600px;
margin: 0 auto;
}

/*right side navigation on candidates page*/

#sideNav { 
width: 180px;
margin:0 auto;

 }

#sideNav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:"Trebuchet MS", Verdana, Arial;
font-weight:normal;
}

#sideNav a
{
display: block;
padding: 3px;
width: 180px;
background: #ccf;
border-bottom: 1px solid #000;
color:#000;
font-weight:bold;
}

#sideNav a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#sideNav a:hover
{
color: #FFF;
background:#000099 ;
border-color:#000;
}
/*news link on index page*/
#news{
float:right;
margin-top:-17px;
}

a#current {
background-color:#000099;
color:#FFF;
} 

#linksCandidate{
width: 35%;
padding-left:30px;
float:left;

}
#linksEmp{
width:50%;
padding:0 0 0 20px;
float:right;

}
td.link{
	background:#CCF;
	color: #000;
}
td a{
color:#000;
}

td a:hover{
color:#FFF;
text-decoration:underline;
font-weight:bold;
}
#sitemap{
float:right;
margin-top:-25px;
}
#sitemap a{
color:#000;

}
#sitemap a:hover{
color:#990066;
}

form th {
	text-align: right;
	width: 200px;
	padding: 5px 0 5px 0;
}

form table,
form td,
form th {
    border: 0;
}

form input[type="text"],
form textarea,
form select {
    border: 1px solid #009;
    background-color: #CCF;
    color: #000;
    width: 25em;
    display: inline;
}

form input#form-submit,
form input#form-reset {
    float: left;
    width: 5em;
    margin: 0 2px;
}

form textarea {
    height: 6em;
}

form input[type="text"]:focus,
form input[type="text"]:hover,
form textarea:focus,
form textarea:hover {
    background-color: #f5f5ff;
}

#errorbox {
	color: red;
	font-weight: bold;
}
input.error {
	border: 1px solid red !important;
	background-color: #FFFFD5 !important;
	color: red !important;
}

label.error { color: red; padding-left: .5em; vertical-align: top; }

/* jquery inputHintOverlay */

.inputHintOverlay { color: #999; font-size: 12px; }