/* Stylesheet written by Trish Roque, for The Source Group Hot Jobs subdomain */


* {
	padding: 0;
	margin: 0;
}

body {
background: #e7e494;
font-family: "Trebuchet MS", Helvetica, sans-serif;	
margin: 0;
padding: 0;
color: #333;
text-align: center;
}

#header {
background: url(images/header2.gif) center repeat-y #e7e494; 
margin: 15px 0 0 0;
/* padding: 5px 0 3px 0 ; */  padding: 0;
position: relative;
/*overflow: hidden;*/
}

#navbar {
background: url(images/navbar2.gif) bottom no-repeat; width: 876px; height: 90px;
z-index: 1;
margin: 0 auto;
padding:  0;
text-align: left; padding:0;
position: relative;
} 

#yellowBar {background: url(images/yellowStripe2.gif) center repeat-y #3e6079; margin:0; padding:0; height: 8px;}

h1, h2, h3 {color: #192747}

h1 {margin: 0 0 5px 10px ; font-size: 22px; padding-top: 10px;}
h2 {margin: 10px 0 5px 20px; font-size: 20px; }
h3 {margin: 8px 0 5px 30px; font-size: 18px;}
h4 {margin: 10px 0 5px 30px; font-size: 16px;}

p {font-size:90%; margin-left: 30px; margin-bottom: 10px; padding: 3px;}

p.cite {font-size: 70%;}
p.opening {font-weight: bold; font-size: 92%;}

ul, ol {margin-left: 60px; margin-bottom: 15px; font-size:90%;}
ul li {list-style-type: circle;
list-style-position: inside;}

ol li {
list-style-type: inherit;
list-style-position: inside;}


/*#content ul {margin-left: 50px;}*/


#SGIlogo {float: left; position: relative; margin: 5px 0 0 50px;}

#hotjobs {float: right; position: relative; top: 25px; right: 150px;    }



div.clear {
clear: both;
height: 0;
line-height: 0;
} 




#mainBody {background: url(images/mainBG.gif) center repeat-y #3e6079 ;
margin: 0 ; padding: 0;}

#container { margin: 0px auto; padding: 0;  text-align: left; position: relative; 
width: 780px; }

#content {width: 720px; margin: 0 auto; padding: 20px; }

#minheight {height: auto !important; 
min-height: 300px;}

#topContent {width: 780px; padding: 15px 0px; }

.topLeftContent {width: 390px;  position: relative; float: left ;}

#mainContent { padding: 20px 10px 5px 15px; }

.greyBoxContainer {width: 360px;  float: right;  padding: 40px 10px 10px 10px;}

p.greyBox {font-size: 20px; font-weight: bold; color: #2b4c67; }

.boxTop {background: url(images/greyBoxTop.gif) no-repeat top; width: 355px; height: 27px;}
.boxMid {background: url(images/greyBoxMid.gif) repeat-y;  padding: 5px 5px 10px 15px;}
.boxBtm {background: url(images/greyBoxBtm.gif) no-repeat bottom; width: 355px; height: 24px;}

#bottomContent {width:740px;   margin: 0 auto ; padding: 5px;}
.btmBorder { border-top: 2px solid #2d4355; width: 520px; height: 5px; margin: 15px auto;}

img.arrow {border: none; margin-right: 8px; padding: 3px;}

#footer{background: url(images/footer.gif) center repeat-y #e7e494; padding: 0; height: 60px;
margin: 0 0 20px 0; 
font-size:93%;
color: #192747;
}

#footer p {text-align: center; padding: 15px; }

img.borderleft {padding: 3px; border: 1px #444817 solid; margin: 5px 40px 10px 25px; }