/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#eb7a00;text-decoration: none; font-weight:bold}
	a:hover, a.current { text-decoration: underline; font-weight:bold}
p { font-size:11px; padding:0 0 18px 0; line-height:17px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#001b5f;}

h1{color:#eb7a00; font-size:20px; padding:0 0 10px 0;}
h2{color:#001b5f; font-size:18px; padding:0 0 10px 0;}
h3{color:#eb7a00; font-size:16px; padding:0 0 10px 0;}
h4{color:#001b5f; font-size:14px; padding:0 0 10px 0;}
h5{color:#eb7a00; font-size:12px; padding:0 0 10px 0;}
h6{color:#001b5f; font-size:10px; padding:0 0 10px 0;}

/***********Classes******************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.wrapall{position:relative; width:916px; clear:both}
.formpadding td{padding: 0 0 10px 0;}
.whiteLine{ border:1px solid #fff; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.purpleLine{ border:1px solid #8287c0; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.xsmtxt { font-size:8px;}
.smtxt { font-size:10px;}
.medtxt { font-size:14px; font-weight:bold}
.largetxt { font-size:16px;}
.paddingleft{ padding:6px 18px 0 6px; text-align:left}
.paddingright{ padding:0 12px 0 3px; text-align:left}
.blue{ color:#001b5f}
.orangepadding{ padding:0 0 0 10px; text-align:left}


/***********Wrappers / IDs**************/
#ConceptWrapper{ width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff; text-align:left}

#HpPageWrapper{ background:url(images/hp_bg_slice.jpg) repeat-x; text-align:left}
#HpWrapper{ background:url(images/hp_header.jpg) no-repeat; width:916px; text-align:left}
#HpBannerText{ clear:both; float:left; width:268px; padding:0 0 0 216px; margin-top:82px;}
#HpBannerText h4{ text-indent:0px; line-height:20px; font-size:16px}
#HpBannerText span{ font-size:18px; font-weight:bold}
#HpSide{ padding:48px 0 10px 80px; width:270px; float:left}
#HpBubble{ background:url(images/hp_bubble.gif) no-repeat; height:169px; width:169px; cursor:pointer; margin:0; padding:0; float:right}
#HpBubble h4 { padding:68px 10px 0 10px; text-align:center;}
#HpCopy{ padding:78px 0 14px 20px; float:left; width:520px;}
#Hpbottomcopy{ width:916px; clear:both}
#HPheader{ background:url(images/hp_header.png) no-repeat; height:60px; widows:426px; padding:0 0 10px 2px;}

#SubPageWrapper{background:url(images/sub_bg_slice.jpg) repeat-x; position:relative;}
#SubWrapper{background:url(images/sub_header.gif) no-repeat; width:916px; position:relative;}
#SubSide{padding:0; width:308px; height:400px; float:left;}
#Home{ height:64px; width:180px; cursor:pointer; float:right; margin-top:20px;}
	#SidePicJob{ background:url(images/sub_pic_5.png) no-repeat; height:390px; width:308px; float:left; }
	#SidePicEmployers{ background:url(images/sub_pic_1.png) no-repeat; height:390px; width:308px; float:left; }
	#SidePicAbout{ background:url(images/sub_pic_4.png) no-repeat; height:390px; width:308px; float:left; }
	#SidePicSearch{ background:url(images/sub_pic_2.png) no-repeat; width:308px; float:left;}
	#SidePicContact{ background:url(images/sub_pic_6.png) no-repeat; height:390px; width:308px; float:left; }
#SubBubble{ background:url(images/sub_bubble.gif) no-repeat; padding:0; height:135px; width:135px; float:right; margin-top:220px; cursor:pointer}
#SubBubble h5 { padding:53px 4px 0 4px; text-align:center; color:#001b5f; font-size:11px;}
#SubBubble2{ background:url(images/sub_bubble_contact.gif) no-repeat; padding:0; height:135px; width:135px; float:right; margin-top:220px; cursor:pointer}
#SubBubble2 h5 { padding:53px 4px 0 4px; text-align:center; color:#001b5f; font-size:11px;}
#SubMainContentHolder{padding:48px 0 0px 16px; float:left; width:574px; position:relative;}
	/*Job Board Hacks*/#SubMainContentHolder table table .hbfrmitem{line-height:26px !important;}
#SubCopy{ padding:0 0 10px 0; float:left; width:380px;}
#SubCopy img{float:left;}
	#SubCopy ul{ font-size:11px; padding:0 0 0 40px; list-style:url(images/dot_orange.gif); margin:0px 0 14px 0;}
	#SubCopy li{ padding:0 0 4px 0px;}
#SubOrange{ width:181px; float:left}
	#SubOrange .about{ background:url(images/sub_side_headline_about.gif) no-repeat; width:181px; height:16px; overflow:hidden}
	#SubOrange .js{ background:url(images/sub_side_headline_js.gif) no-repeat; width:181px; height:16px; overflow:hidden}
	#SubOrange .employers{ background:url(images/sub_side_headline_employers.gif) no-repeat; width:181px; height:16px; overflow:hidden}
	#SubOrange .search{ background:url(images/sub_side_headline_contact.gif) no-repeat; width:181px; height:16px; overflow:hidden}
	#SubOrange .contact{ background:url(images/sub_side_headline_contact.gif) no-repeat; width:181px; height:16px; overflow:hidden}
	#SubOrange a {color:#fff;text-decoration: none; font-weight:bold}
	#SubOrange a:hover, a.current {text-decoration: underline; font-weight:bold}
#SubOrangeTop{ background:url(images/sub_side_col_top.gif) no-repeat; width:181px; height:20px; overflow:hidden}
#SubOrangeMiddle{ background-color:#f89832; width:161px; padding:10px}
#SubOrangeBottom{ background:url(images/sub_side_col_bottom.gif) no-repeat; width:181px; height:20px;}


/***********Nav**************/
#Nav{position:relative; float:right; width:540px; padding:0 34px 0 26px; _width:550px; _padding:0;}
#Nav ul{list-style:none; padding:80px 0 0 0;}
#Nav li{float:left; padding:0 0 0 20px; font-size:13px; disply:inline;}
#Nav li a{ color:#333; text-decoration:none; font-weight:bold}
#Nav li a:hover{ color:#1c3f95; text-decoration:underline; font-weight:bold}
#Nav li a.current{ color:#1c3f95; text-decoration:underline; font-weight:bold}

.lavaLamp li{list-style:none; display:block;}
.lavaLamp li.back {background: url(images/dot_orange.gif) no-repeat; background-position:5px 5px; z-index:8; position:absolute; _top:80px; height:30px;}
.lavaLamp li.current {background: url(images/dot_orange.gif) no-repeat; background-position:5px 5px; z-index:8;}
.lavaLamp li a {z-index:10; position:relative; overflow:hidden;}   
	.lavaLamp li a:hover {border: none;}  

/***********Bottom**************/
#Bottom { width:828px; clear:both;}
#Footer { width:828px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555; padding:0; float:left}
#Footer span {font-size:11px}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}

/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}