/* 
Custom Site Design for Executive Resources
by Tyler C. Gore www.tylergore.com
for Logical Developers www.logicaldevelopers.com
*/


/*  text image replacement is used throughout this site.
	The text is set to visible: none, and replaced by background image.
	This makes the text more searchable, and will also allow it to be easier to make
	a printer-friendly stylesheet if desired */


body, html {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;

}

body {
	text-align:center;
	margin:0px;
	color:#333333;
	background: #FFFFFF url(images/er_bg.gif) repeat-x top;
}

a:link    {
	color: #F2540F;
	text-decoration: underline;
}   
a:visited {
	color: #666666;
}  
a:hover, a:active {
	text-decoration: underline;
	color: #0099FF;
} 

#container {
	text-align:left;
	width:960px;
	margin:0px auto;
	padding:0;
	height: auto;
}

/* float classes */

.right {
float: right;

}

.left  {
float: left;

}


/* BANNER */
#banner {
	height:227px;
	margin:0;
	padding:0;
	background: url(images/er_banner3.gif) no-repeat center top;
}

#banner h1,h2 {
	padding:0;
	margin:0;
	display:none;
	}
	
	#banner a {
	border: none;
	text-decoration: none;
	}
	
	#banner a:hover{
	border: none;
	}
	
	#banner img.spacer {
	width: 960px;
	height: 200px;
	border: none;
	margin: 0px;
	padding: 0px;
	}


/* Top Nav */
#top_nav {
	margin: -30px 0px 0px;
	overflow: hidden;
	padding: 0px;
	color: #FFFFFF;
	position: relative;
	font-size: 2em;
}
 /* html #top_nav {
	height: 1%;
}
*/

#top_nav ul{
	text-align: left;
	margin: 0px;
	padding: 7px 0px 0px 5px;
	}

#top_nav ul li {
	margin: 0 5px 0 0;
	list-style-type: none;
	padding: 0px;
	display: inline;
}
#top_nav ul li a {
	padding: 0 15px 0px;
	text-decoration: none;
	color: #FFFFFF;
}
#top_nav ul li a:hover, #top_nav ul li a:active, #top_nav ul li.current_page_item a {
	text-decoration: underline;
}

/* END top nav */
	
/* MAIN CONTENT everything below top nav and above footer */
#main {
	width:960px;
	height: auto;
	margin: 50px auto;
	padding: 0px 0px 0px 8px;
 background: url(images/er_content_bg.gif) repeat-y center 50px; 
}


/* CONTENT Area to left */
#content {
	margin: 0px;
	width: 720px;
	padding: 0px 5px;
	position: relative;
	top: 0px;
	font-size: 2em;
}


/* h3 has orange lozenge as background */
#content h3  {
	color: #F2540F;
	background: url(images/er_or_hdr.gif) no-repeat left top;
	height: 36px;
	width: 190px;
	margin: 0px 0px 0px -5px;
	padding: 7px 0px 0px 14px;
	font-weight: normal;
	font-size: 18px;
	display: block;
	text-align: left;
	text-transform: lowercase;
}

/* h4 large blue type using span makes color orange */
#content h4 {
	color: #1F3747;
	font-weight: normal;
	padding: 0px;
	font-size: 180%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 8px;
}

#content h4 span {
	color: #F2540F;
}

/* H5 for subheaders within text */

#content h5 {
	font-size: 115%;
	color: #1F3747;
	margin-bottom: 5px;


}

#content ul {
	margin: 0px 30px 0px 15px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content li {
	list-style: square;
	padding-bottom: 8px;
	font-size: 100%;
	line-height: 150%;
}


#content p {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 160%;
	padding: 0px 0px 12px;
	color: #333333;
	font-size: 115%;
}

#content img {
	padding: 0px;
	border: 2px solid #1F3747;
	margin: 3px 0 3px 0px;
	display: block;


}

#content img.right {
	margin-left: 10px;


}

#content img.left {
	margin-right: 10px;


}

#content img.border_orange {
	border-color: #F2540F;


}


#content img.no_border {
border: none;

}

#content blockquote {
	font-size: 110%;
	margin: 4px 15% 10px;
	padding-bottom: 3px;
	line-height: 140%;
	color: #535353;


}

/* added to put gap between sections on index page */
#content div.section {
	padding: 0px;
	margin: 50px 0px 0px;


}


/* special floating div with graphic on home page */
#content div.floating {
	height: auto;
	width: 300px;
	float: right;
	margin-left: 15px;
	text-align: center;
	margin-top: 0px;
}

#content div.floating p {
	font-size: 90%;
	font-weight: bold;
}

#content div.floating img {
float: none;
border: none;

}





/* RIGHT MENU NAVIGATOR */

/* floated to right, needs display inline to keep IE from screwing it up */
#rightmenu {
	width: 200px;
	height: auto;
	margin: 0px;
	float: right;
	display: inline;
	padding: 0px;
	font-size: 1.7em;
}


/* sub areas in right menu */

/* added for IE6 bug  need to declare inline-block before block to prevent gaps */
#rightmenu ul ul li a {
	display: inline-block;
}

/* added for IE6 bug  need to declare inline-block before block to prevent gaps */
#rightmenu ul ul li h2 {
	display: inline-block;
}


#rightmenu ul  {
	height: auto;
	margin: 0 0 40px;
	padding: 0;
	
}

#rightmenu ul li {
	list-style: none;
}

	
#rightmenu ul li h2 {
	color: #F2540F;
	background: url(images/er_or_hdr.gif) no-repeat left top;
	height: 36px;
	width: 197px;
	margin: 0px 0px 12px;
	padding: 7px 0px 0px;
	font-weight: normal;
	font-size: 18px;
	display: block;
	text-align: center;
	text-transform: lowercase;
}
	
#rightmenu ul li ul{
	margin:0 0 0 0px;
	padding:0 0px 0px 9px;
	}

#rightmenu ul li ul li {
	padding: 0;
	list-style-type:none;
	text-decoration:none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	display: block;
	}
	
	
#rightmenu ul li ul li a {
	text-decoration: none;
	color: #0A2133;
	display: block;
	vertical-align: middle;
	margin-bottom: 15px;
	text-indent: -8px;
	padding-left: 8px;
	}
		
#rightmenu ul li ul li a:hover, #rightmenu ul li ul li a:active  {
	text-decoration: underline;
	color: #F56F1F;
	}
		

/* FOOTER TO WHOLE PAGE */
#footer{
	width: 100%;
	height: 188px;
	clear: both;
	margin: 0px;
	padding-top: 0px;
	border-top: 8px solid #1F3747;
}


 div#address {
	text-align: left;
	margin-left: auto;
	margin-top: 15px;
	width: 960px;
	margin-right: auto;
	padding-right: 8px;
	padding-left: 8px;
	

}
 div#address p {
	font-weight: normal;
	font-size: 1.7em;
	color: #1F3747;
	margin: 0px;
	padding-bottom: 4px;
}


/* forms */

/*

form#form1 {
	color: #134779;
	font-weight: bold;
	font-size: 10px;
	margin: 25px 0px;
	padding: 0px;
}


form#form1 input.field {
	border: 1px solid #134679;
}

form#form1 textarea {
	border: 1px solid #134679;
}

form#form1 input.btn {
	border: 1px solid #134679;
	background: #134779;
	color: #FFFFFF;
}

*/