@charset "utf-8";
/* The Grays */

body {text-align:center; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:small;
background: url(IMAGES/bodyBg.jpg) top center repeat-x;  color: #0a67d5;}
.clearer {clear:both;}

a {color: #fda204;}
a:hover {color: #fcc566;}


#banner {background: url(IMAGES/newbanner.jpg) top center no-repeat; width: 1200px; height: 301px; margin:auto; }
#contentShell {}
#contentShellInner {width: 760px; margin: auto; padding: 0px 0px;}

.title {margin:auto; padding-top: 20px;  }
.titlelocation {margin-left: 20px; }

#outerNavBox { padding-left: 50px;}
#nav {text-align:left; width: 705px; margin:auto; padding-left: 25px;  }
#navContainer { float: right; margin-top: -30px; position:relative; }
#nav ul {margin:0; padding:0; list-style:none;}
#nav li {margin:0; padding:0; list-style:none; float: left;}
#nav a {color: #83a9d4; font-size: 1em; text-decoration:none; padding: 0px 20px 12px 20px;  display:block; white-space: nowrap; font-weight:bold;}
#nav a:hover { color: #0066FF; background: url(IMAGES/navHover.jpg) bottom center no-repeat;  }
#nav a.sel {color: #0066FF;   background: url(IMAGES/navHover.jpg) bottom center no-repeat; }


h1 {margin: 0; padding: 0; text-align: left;color: #0066FF; }
h2 {color: #0066FF;}
h3 {color:#0066FF;}
h4 {color: #0066FF;}

.text {width: 730px; margin:auto; white-space:normal; text-align: left;  }
.textContentLocation {padding: 15px 0px 25px 35px; text-align:justify; width: 685px; margin:auto; white-space:normal;  }
.textContent {padding: 15px 0px 25px 35px; text-align:justify; width: 685px; margin:auto; white-space:normal;  }

.table {border: 1px solid #84a9d5; margin-bottom: 10px; }
.table td {border: 1px solid #84a9d5;}

.map {margin: auto; text-align: left; margin: 30px 0px 30px 0px; }

.jobDetails { }

/************************************************************************* EXPANDING TEXT BOXES */

#container {text-align: left;  color:#000000; padding: 0; }

#container ul {margin:0; padding:0;list-style:none;}
#container li  {margin:0; padding:0; list-style:none;}

#header {margin: 0px 0 0 0; padding: 5px; border-bottom: 1px solid #2A2F34; width: 500px;}

#container h3 { width: 450px; background: url(images/h3Bg.jpg) top left no-repeat; height: 40px;  padding: 15px 0 0 20px; margin: 0px; position: relative; cursor: pointer;}

#container h3 a{ text-decoration: none; }	

#container h3 span {   font-weight: bold; font-size: 1.3em; background:#0066FF; padding: 2px 2px ; color:#FFFFFF; margin-left: 10px; }

/*#container h2{padding: 5px;  }*/

#heading { margin: 0px 0 0 0; padding: 0px 0 0 300px; font-size: 0.9em; color:#ffffff; text-decoration:none; margin-bottom:30px;    }

#heading a {text-decoration:none; color:#ffffff;background:#0066FF; padding: 3px 6px 3px 6px;}

div.collapse{ float: left; width: 566px; padding-top:0px;}	

div.collapse-container{ width:546px; padding: 10px 10px 10px 10px  ; background:  #ffffff; color: #84a9d5 }

/************************end expanding *********************************************************************/

#flashBusiness {float:right; background:url(IMAGES/1image.jpg) no-repeat; margin: 10px 0px 15px 15px;  position: relative;}


#footerContainer {margin:auto; padding-left: 50px;  background:url(IMAGES/footerBg.jpg) top center repeat-x; }
#footer { padding: 60px 0px 30px 30px;  width: 730px; margin:auto; text-align:left; color: #fff; }
#footer a {color: #aaa; text-decoration: none;}
#footer a:hover {color: #fff; 
}
#footer img {float:left; margin-top: -8px; margin-right: 10px; border: none;}


.left {text-align:left;  }
.leftabout {margin-left: 35px; }
.leftlocation {text-align: left; margin-top: 10px; }


