/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */
/* ----- comment styles well for better reference later! ----- */
/* ----- STYLES COMMON TO ALL PAGES ----- */
/*main holding container comes first */
#uber {
	width: 960px; background: url(/images/bkgnd_uber.jpg) top left repeat-y; 
	margin: auto auto; padding: 0px 5px; position:relative;
}
/* floating left clear trick */
#clear {
	clear: left; height: 0px; margin: 0; padding: 0;
}
/* floating logo for link home on all pages */
#floatlogo {
	position: absolute; overflow: hidden; top: 0px; left: 5px; width: 267px; height: 326px; z-index: 500;
	border: 0; margin: 0; padding: 0;
}
/* top area navigation text links */
#topnav {
	position: absolute; text-align: right; top: 17px; right: 173px; width: 500px;
	color: #FFF; text-transform: uppercase; font:11px Arial,Helvetica,Verdada,sans-serif;
}
/* search box */
#searchbox {
	position: absolute;  top: 12px; right: 18px; width: 150px; text-align: right;
}
/* main nav div */
#nav {
	position: absolute; bottom: 0; right: 0; width: 693px; height: 55px; overflow: hidden;
}
/* bottom div holding the sponsor area */
#bottom {
	position: relative;
	width: 960px;
	height: 158px;
	margin: auto;
	/*	border-top: 5px solid #FFF; */
	background: url(/images/bkgnd_bottom.jpg) top left no-repeat;
	clear: left;
	display: block;
	float: left;
}
/* platinum sponsors logos, contact blurb, flag in the botom area */
#platinum {
	position: absolute; top: 39px; left: 18px; height: 73px; width: 710px; overflow: hidden;
}
#contact {
	position: absolute; top: 39px; left: 754px; width: 200px; height: 111px; overflow: hidden;
	color: #333; font:11px/14px Arial,Helvetica,Verdada,sans-serif;
}
#flag {
	position: absolute; top: 39px; left: 906px; height: 27px; width: 23px; overflow: hidden;
	background: url(/images/icon_flag.gif) top left no-repeat;
}
/* footer div holds the copyright and esolutions logo */
#footer {
	width: 960px;
	height: 71px;
	position: relative;
	margin: auto;
	background: url(/images/bkgnd_footer.jpg) top left no-repeat;
	float: left;
	display: block;
}
/* copyright notice and esolutions logo in footer */
#copyright {
	font:11px Arial,Helvetica,Verdada,sans-serif;
	padding-left: 15px;
	padding-top: 10px;
}
#esolutions {
	position: absolute; width: 292px; height: 35px; top: 15px; left: 654px;
}
/* ----- STYLES FOR HOME PAGE ONLY ----- */
#homebanner {
	width: 960px; height: 220px; overflow: hidden; margin: auto auto; border-bottom: 5px solid #FFF;
	background: url(/images/bkgnd_homebanner.jpg) top left no-repeat; text-align: right;
}
/* the top of the three columns and the events button */
#top3col {
	position: relative; height: 43px; width: 960px; margin: auto auto;
	background: url(/images/bkgnd_top3col.jpg) top left no-repeat;
}
#btnevents {
	position: absolute; top: 23px; left: 505px; height: 16px; width: 168px; overflow: hidden;
}
/* three columns divs below */
#col3holder {
	width: 960px; margin: auto auto; background: url(/images/bkgnd_col3holder.gif) top left repeat-x #E4E3E3;
	margin: 0; padding: 0; float: left;
}
/* left highlight column */
#left {
	width: 235px; float: left; padding-left: 18px; padding-top: 17px;
	font:11px/13px Arial,Helvetica,Verdada,sans-serif;
}
#pictureholder {
	float: left; border: 1px solid #C3BFBF; width: 180px; overflow: hidden; text-align: center;
	margin: 0; padding: 1px;
}
.picture {
	width: 120px; border: 1px solid #FFF; width: 120px; overflow: hidden;
}
#description {
	padding-left: 10px; float: left;
}
/* middle events column */
#middle {
	width: 409px; float: left; padding-left: 14px; border-right: 1px solid #C3BFBF; padding-right: 9px;
	text-align: right;
}
#eventa {
	padding: 17px 0px 12px 21px; width: 388px;
	font:13px/17px Arial,Helvetica,Verdada,sans-serif; color: #333; text-align:left;
}
#eventb {
	padding: 12px 0px 12px 20px; width: 388px;
	border-top: 1px solid #C3BFBF; border-left: 1px solid #C3BFBF;
	font:13px/17px Arial,Helvetica,Verdada,sans-serif; color: #333; text-align:left;
}
/* right links and button column */
#right {
	width: 239px; float: right; padding-right: 19px; font:13px Arial,Helvetica,Verdada,sans-serif; padding-top: 17px;
}
#right li {
	padding-top: 6px; padding-bottom: 5px; border-bottom: 1px dotted #CBCBCB;
	list-style-type:none; margin: 0; color: #004B82;
}
#right li a:link, #right li a:visited, #middle a:link, #middle a:visited {
	color: #004B82; text-decoration: none;
}
#right li a:hover, #right li a:active, #middle a:hover, #middle a:active {
	color: #004B82; text-decoration: underline;
}
.buttonhome {
	margin-bottom: 5px;
}
/* ----- STYLES FOR CONTENT PAGES ONLY ----- */
/* header above the two column content area */
#contentheader {
	position: relative;
	width: 960px; height: 106px; margin: auto auto; overflow: hidden;
	background: url(/images/bkgnd_header.jpg) top left no-repeat;
}
#contentpage {
	width: 960px; margin: auto auto; background: url(/images/bkgnd_contentpage.gif) top left repeat-y;
	color: #333; font:12px/16px Arial,Helvetica,Verdada,sans-serif; position: relative; float: left;
}
#btnprint {
	position: absolute; top: 22px; right: 14px; height: 16px; width: 65px; z-index: 1000;
}
#btnemail {
	position: absolute; top: 22px; right: 79px; height: 16px; width: 64px; z-index: 1000;
}
/* a container to float left for the clear to hold the two columns of content */
#contentfloat {
	float: left;
}
/* right content area */
#contentright {
	padding-top: 38px; width: 596px; padding-right: 69px; float: right;
}
#contentright li {
	padding-left: 20px;
}
/* left navigation column on content pages */
#contentleft {
	padding-top: 215px; float: left; width: 230px; padding-left: 20px;
}
#contentleft ul {
	margin:0px; padding:0px;
}
#contentleft li {
	padding-top: 6px; padding-bottom: 5px; border-bottom: 1px dotted #015A9C;
	list-style-type:none;  color: #006699; padding-left:7px;
}
#contentleft li a:link, #contentleft li a:visited {
	color: #006699; text-decoration: none; 
}
#contentleft li a:hover, #contentleft li a:active {
	color: #666; text-decoration: none; font-weight: bold;
}
.leftnavon {
	color: #666; font-weight: bold;
}
/* Burlington Job site page specific styles */
#contentrightJob{
position:relative; z-index:1001;
margin-left: 17px;padding-top:3px; padding-bottom:25px;width: 693px; float: left;  background:url(/images/bkgnd_jobsContent.gif) repeat-y; 
}
#contentrightJob #jobTestimony{	
	display:block; padding-top:1px;
}
#contentrightJob #jobHeadings{
	display:block; padding-top:1px; padding-bottom:10px;
}
#contentrightJob #jobButtons{
margin-left:32px;
}
#contentrightJob #jobButtons #Create{
margin-right:14px;
}
#contentrightJob #jobButtons #Find{
margin-right:31px;
}
#contentrightJob #innerLeft
{
float:left;display:inline;margin-left:32px;margin-top:10px;/*width:424px;*/
border: 1px solid #BDBDBD;border-width: 0 1px 0 1px;
background:url(/images/bkgnd_jobBoxes.gif) no-repeat bottom left; 
}
#contentrightJob h1{
font-size:12px;
color:#333333;
border-bottom: solid 1px #BDBDBD;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 18px;
margin-bottom:16px;
text-align:left;
}
#contentrightJob #innerLeft p{
padding-left:16px;padding-right:16px;
}
#contentrightJob #innerLeft ul{
list-style-image:url(/images/jobsite_listIcon.gif); margin:0px; padding: 0px;
}
#contentrightJob #innerLeft li{
 margin-left:28px; 
 margin-top:12px;
 padding-right:16px;
}
#contentrightJob #innerLeft .viewMore{
text-align:right; padding-top:35px;
}
#contentrightJob #innerLeft #jobWelcome{
float:left;width:205px; margin-right:14px;
border-top: solid 1px #BDBDBD;border-right: solid 1px #BDBDBD;
}
#contentrightJob #innerLeft #jobPostings{
float:left;width:203px;
border-left: solid 1px #BDBDBD;
border-top: solid 1px #BDBDBD;border-left: solid 1px #BDBDBD;
}
#contentrightJob #sponsorBox
{
float:left;display:inline;margin-left:30px;margin-top:10px;width:190px; height:300px;
}
#contentrightJob #sponsorBox
{
float:left;display:inline;margin-left:30px;margin-top:10px;width:190px;border: solid 1px #BDBDBD; text-align:center; 
}
/* 
****************
JOBSITE NAV 
****************
*/
.menu {
position:relative; z-index:1002;
padding-top: 221px; float: left; width: 230px; padding-left: 20px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
width: 230px;
padding:0;
margin:0;
list-style-type:none;
position:relative;
}
.menu li {
width:223px;
display:block;
background:transparent;
height:20px;
padding-top: 6px; padding-bottom: 5px; border-bottom: 1px dotted #015A9C;
list-style-type:none;  color: #006699; padding-left:7px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}
.menu :hover > a {
color:#666666; 
background:#DDEEFE;
font-weight:bold;
}
.menu ul li ul :hover > a {
color:#1D4D7D; 
background:#93B6D6;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-5px;
width: 175px;
left:100px;
border-top:solid 1px #0C5991; 
border-left:solid 1px #0C5991;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#93B6D6;
}
.menu ul ul li{
position:relative;
z-index:20000;
border-bottom:solid 1px #0C5991;
border-right:solid 1px #0C5991;
padding-left: 24px;
width: 151px;
background: url(/images/jobsite_subListIcon.gif) no-repeat 10px center #93B6D6;
}
.menu ul li a:hover{
color:#666666; 
background:#DDEEFE;
font-weight:bold;
}
.menu ul ul li a{
font-weight:bold; color:#1D4D7D;
}
.menu ul ul li a:hover{
color:#1D4D7D; background-color:#93B6D6; text-decoration:none;
}
.menu ul.jobLink1 {top:-1px;}
.menu ul.jobLink2 {top:31px;}
.menu ul.jobLink3 {top:63px;}
.menu ul.jobLink4 {top:95px;}
.menu ul.jobLink5 {top:127px;}
.menu ul.jobLink6 {top:169px;}
/* ----- NAV BUTTONS CSS AND FUNCTIONS ----- */
#navtab1 a {
		display: block; width: 75px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab1.gif) 0 0 no-repeat; text-decoration: none;}
#navtab1 a:hover {background-position: 0px -55px;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 75px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab1.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab2 a {
		display: block; width: 142px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab2.gif) 0 0 no-repeat; text-decoration: none;}
#navtab2 a:hover {background-position: 0px -55px;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 142px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab2.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab3 a {
		display: block; width: 89px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab3.gif) 0 0 no-repeat; text-decoration: none;}
#navtab3 a:hover {background-position: 0px -55px;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 89px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab3.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab4 a {
		display: block; width: 102px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab4.gif) 0 0 no-repeat; text-decoration: none;}
#navtab4 a:hover {background-position: 0px -55px;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
		display: block; width: 102px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab4.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab5 a {
		display: block; width: 90px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab5.gif) 0 0 no-repeat; text-decoration: none;}
#navtab5 a:hover {background-position: 0px -55px;}
#navtab5on, #navtab5on a, #navtab5on a:hover {
		display: block; width: 90px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab5.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab6 a {
		display: block; width: 94px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab6.gif) 0 0 no-repeat; text-decoration: none;}
#navtab6 a:hover {background-position: 0px -55px;}
#navtab6on, #navtab6on a, #navtab6on a:hover {
		display: block; width: 94px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab6.gif) 0px -55px no-repeat; text-decoration: none;}
#navtab7 a {
		display: block; width: 101px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab7.gif) 0 0 no-repeat; text-decoration: none;}
#navtab7 a:hover {background-position: 0px -55px;}
#navtab7on, #navtab7on a, #navtab7on a:hover {
		display: block; width: 101px; height: 55px; margin: 0; padding: 0; float: left;
		background: url(/images/navtab7.gif) 0px -55px no-repeat; text-decoration: none;}
/* ----- Links and Typography ----- */
#topnav a:link, #topnav a:visited {text-decoration:none; color:#FFF; padding: 0px 10px;}
#topnav a:hover, #topnav a:active {text-decoration:underline; color:#FFF; padding: 0px 10px;}