/* CSS Document */

html, body
{
	background-color:#aad1e2;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:88%;
	color:#666666;
	margin:0;
	padding:0;
	background-image:url(IMAGES/bodyshadow.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.page
{
	width:880px;
	margin:0px auto 0 auto;
	padding:0;
	background-color:#fff;
}

.innerpage
{
	width:840px;
	padding:0 20px 0 20px;
	margin:0 auto 0 auto;
	background-color:#fff;
	background-image:url(IMAGES/appletontop.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.topcontainer
{
	width:840px;
	height:368px;
}


.mainNav 
{
    clear:both;
    float:left;
	width:840px;
	margin:0px;
	padding-top:4px;
	font-size:110%;
}

.mainNav ul 
{
    margin:0;
    padding:0; 
    display:inline;                       
}

.mainNav ul li 
{
    list-style:none; display:inline; 
    float:left;
    padding:0;   
	margin-right:5px;
}

.mainNav ul li a 
{
    float:left; 
    display:block;
    padding: 1em 0.4em 1em 0.4em;
    margin-right:2px;
    text-decoration:none;                       
	font-weight:bold; 	  
	width:110px;
	color:#005482;
	text-align:center;
}              

.mainNav ul li a:hover 
{              
	float:left; 
    display:block;
    margin-top:0px;
    text-decoration:none; 
	font-weight:bold; 
	background-color:#eff2de;                   
}

.mainNav ul li.on a 
{              
    text-decoration:none;	
	color:#005482;  
	font-weight:bold; 	
	background-color:#eff2de; 
}


.flashbanner
{
	width:836px;
	height:287px;

}

.contentContainer
{
	width:840px;
}

.textContainer
{
	float:left;
	width:625px;
	padding-top:10px;
	padding-bottom:25px;
}

.textContainer h1
{
	font-size:230%;
	font-weight:lighter;
	color:#fff;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:2px;
	margin-top:5px;
	background-image:url(IMAGES/header.jpg);
	background-repeat:repeat-y;
}	

.textContainer h2
{
	font-size:110%;
	color:#05588a;
	padding:0;
	margin-top:0;
}	

.textContainer p
{	
	padding-right:10px;
}

.rightbox
{
	width:191px;
	float:right;
	height:326px;
	color:#fff;
	text-align:center;
	margin-top:70px;
}

.rightbox h1
{
	font-size:150%;
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
}
 
.rightbox p
{
	font-size:120%;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
}	



.appleton{
	font-family:Helvetica, Verdana, Arial, sans-serif;   color: #338fd0; text-decoration: none;}
a:link.appleton {
	font-family:Helvetica, Verdana, Arial, sans-serif; 	color: #338fd0; text-decoration: underline;}
a:visited.appleton{
	font-family:Helvetica, Verdana, Arial, sans-serif; color: #338fd0; text-decoration: underline;}
a:hover.appleton{
	font-family:Helvetica, Verdana, Arial, sans-serif; color: #338fd0; text-decoration: none;}
a:active.appleton{
	font-family:Helvetica, Verdana, Arial, sans-serif; 	 color: #338fd0; text-decoration: none;}

p.Micro {font-family: Helvetica, Verdana, Arial, sans-serif;  font-size:100%; color:#888888;}
table.Micro {font-family:Helvetica, Verdana, Arial, sans-serif;  color:#338fd0; border-collapse:collapse;}
tr.MicroHeader {font-weight:bold; color:#0e5885; padding:5px; text-align:left;}
tr.MicroItem { padding:5px;}
tr.MicroAltItem { padding:5px;}



#applyform { width:400px; border:0; margin: 0; padding:10px; text-align: right; border: #bdc0a3 solid 1px; }

#applyform form { margin: 0; padding: 0; }

#applyform fieldset { border: 0; padding: 0; margin: 0; }

#applyform label { vertical-align: top; line-height: 1.6em; }

#applyform ol { list-style: none; margin: 0; padding: 0; }

#applyform li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-bottom: #bdc0a3 solid 1px; border-top: #FFFFFF solid 1px; }

#applyform input { width: 17em; padding: 2px; font-size: small; font-family: Helvetica, Verdana, Arial, sans-serif;  }

#applyform input.radio { width: auto; margin-right: 2em; }

#applyform input.Submit { width: 10em; }

#applyform textarea { width: 17em; padding: 2px; font-size: small; font-family: Helvetica, Verdana, Arial, sans-serif; }



#applyform file { width: 15em; padding: 2px; font-size: small; font-family: Helvetica, Verdana, Arial, sans-serif; border: #bdc0a3 solid 1px; }

#applyform li.startinput { border-top: none; padding-top: 0; }

#applyform li.submitinput { padding-top: 2em; }

#applyform li.endinput { border-bottom: none; padding-bottom: 0; color: #c11933; }

#applyform p { margin: 0; }



/**************************FOOTER************************/

#btm_footer { padding-top: 20px; padding-bottom: 50px; }

#footer { position: relative; background:#FFFFFF; clear:both; font-size:90%; height: 40px; margin-top: 10px; margin-right: 0;
margin-bottom: 0; margin-left: 10px; padding-bottom: 10px; }

#hays_footer { background:#FFFFFF url(images/footerShad.gif) repeat-x; padding-top: 10px; padding-right: 53px; padding-bottom: 10px; padding-left: 43px; }

#innerFooter { font-size: 0.85em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; }

#innerFooter a { margin: 0 0px; color:#0099FF;}

#innerFooter a:hover, #innerFooter a:focus {  }

#innerFooter a img { border: none; float: left; margin: -10px 22px 0 -40px; position: relative; }

#innerFooter a.hayslogo { border: none; }



/*******************SHARE**************************************/

.share { height:20px; width:197px; float:right; margin-top:-5px; padding-top: 4px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }

.addthis_button_expanded { padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}

#share_icons { padding-top: 0px; padding-right: 9px; padding-bottom: 0; padding-left: 4px; float: left; }



.clearer
{
	clear:both;
}

