/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#747474; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000; text-align:center;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#7f588c; font-weight:bold; text-decoration:underline;}
	a:hover, a.current {text-decoration: none; font-weight:bold}
p { font-size:11px; padding:0 0 10px 0;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#4f3757;}

h1{color:#4f3757; font-size:18px; padding:0 0 10px 0;}
h2{color:#7f588c; font-size:18px; padding:0 0 10px 0;}
h3{color:#4f3757; font-size:16px; padding:0 0 10px 0;}
h4{color:#7f588c; font-size:14px; padding:0 0 10px 0;}
h5{color:#4f3757; font-size:12px; padding:0 0 10px 0;}
h6{color:#7f588c; font-size:10px; padding:0 0 10px 0;}

/***********Reusabel classes**************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%; clear:both;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.padd{ padding:8px 10px 10px 20px;}
.padd2{ padding:14px;}
.padd3{ padding:14px 14px 14px 28px;}
.purpleLine { border:1px solid #b9b9b9; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/***********Wrappers**************/			/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:906px; background:#747474 url(images/bg_slice.jpg) repeat-y; margin-top:14px; text-align:left}
#Top{ background:url(images/top.jpg) no-repeat; width:906px; height:32px;}
#Bottom{ background:#747474 url(images/bottom.jpg) no-repeat; width:906px; color:#cacaca;}
	#Bottom ul{ list-style:none; text-transform:lowercase; width:590px; float:right; padding:20px 18px}
	#Bottom li{ float:right; color:#cacaca; font-size:11px; padding:0 3px;}
	#Bottom li a{ color:#cacaca; text-decoration:none;}
	#Bottom li a:hover{ color:#fff; text-decoration:underline;}
	#Bottom li a.current{ color:#fff; text-decoration:underline;}
	#Bottom span { float:left; width:260px; color:#cacaca; font-size:11px; padding:20px 0 20px 18px}

/***********HP**************/
#HpWrapper{ width:838px;}
#HpLeft{ float:left; width:446px; padding:88px 4px 0 0;}
#HpPic{ background:url(images/hp_pic.jpg) no-repeat; width:377px; height:513px; float:left; margin:20px 0;}
#HpNav{ width:446px;}
	#HpNav ul{ list-style:none; text-transform:uppercase; padding:0 0 8px 30px;}
	#HpNav li{ float:left; color:#a7a9ac; font-size:11px; padding:0 4px;}
	#HpNav li a{ color:#a7a9ac; text-decoration:none; font-weight:normal}
	#HpNav li a:hover{ color:#4f3757; text-decoration:underline; font-weight:normal}
#HpLogo{ background:url(images/hp_logo.gif) no-repeat; width:446px; height:326px;}
#HpNews{ background:url(images/hp_news.gif) no-repeat; width:446px; height:95px; margin:10px 0 0 0;}

/***********SUB**************/
#SubWrapper{ width:838px; border:1px solid #b9b9b9; margin:0 0 0 34px;}
#SubLeft{ float:left; width:505px; padding:20px 4px 0 16px;}
#SubLogo{ background:url(images/sub_logo.gif) no-repeat; width:505px; height:83px;}
#Nav {width: 505px; height: 24px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left;}					
	#Nav li a span {display: none; }				
	#Nav li a {height: 24px; display: block; float: left; padding: 0;}					
	#Nav li a.home {width:69px; background: url(images/nav_home.gif) no-repeat top;}
	#Nav li a.about {width:74px; background: url(images/nav_about.gif) no-repeat top;}		
	#Nav li a.emp {width:83px; background: url(images/nav_emp.gif) no-repeat top;}					
	#Nav li a.job {width:88px; background: url(images/nav_job.gif) no-repeat top;}				
	#Nav li a.search {width:93px; background: url(images/nav_search.gif) no-repeat top;}	
	#Nav li a.contact {width:98px; background: url(images/nav_contact.gif) no-repeat top;}
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }
#SubNav{ background:url(images/sub-nav_bg.jpg) no-repeat; height:26px; width:505px;}
	#SubNav ul{ list-style:none; text-transform:uppercase; padding:5px 0 8px 30px;}
	#SubNav li{ float:left; color:#fff; font-size:11px; padding:0 4px; font-weight:bold}
	#SubNav li a{ color:#fff; text-decoration:none; font-weight:bold}
	#SubNav li a:hover{ color:#fff; text-decoration:underline; font-weight:bold}
	#SubNav li a.current{ color:#fff; text-decoration:underline; font-weight:bold}
#SubCopyArea{ width:503px; border:1px solid #b9b9b9; margin-top:14px; margin-bottom:20px;}
#SubCopy{ padding:16px;}
	#SubCopy ul { padding:0 0 10px 16px; margin:0; font-size:11px}
	#SubCopy li { padding:0 0 4px 0; margin:0}
#SubRight{width:286px; float:left; margin:20px 0; padding:0 0 0 10px}
#SubPic{ padding:0 0 10px 0;}
	#SubPic .p01 { background:url(images/sub_pic_01.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p02 { background:url(images/sub_pic_02.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p03 { background:url(images/sub_pic_03.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p04 { background:url(images/sub_pic_04.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p05 { background:url(images/sub_pic_05.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p06 { background:url(images/sub_pic_06.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p07 { background:url(images/sub_pic_07.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p08 { background:url(images/sub_pic_08.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p09 { background:url(images/sub_pic_09.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p10 { background:url(images/sub_pic_10.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p11 { background:url(images/sub_pic_11.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p12 { background:url(images/sub_pic_12.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p13 { background:url(images/sub_pic_13.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p14 { background:url(images/sub_pic_14.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p15 { background:url(images/sub_pic_15.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p16 { background:url(images/sub_pic_16.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p17 { background:url(images/sub_pic_17.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p18 { background:url(images/sub_pic_18.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p19 { background:url(images/sub_pic_19.jpg) no-repeat; width:286px; height:275px;}
	#SubPic .p20 { background:url(images/sub_pic_20.jpg) no-repeat; width:286px; height:275px;}
#Test{ width:286px; background:#7f588c url(images/test_bg.jpg) repeat-x; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; margin-bottom:10px}
	#Test p{ line-height:18px}
	#Test span{ float:right; padding:0 4px 10px 0;}
	#Test img { float:right; padding:0 0 10px 0; clear:both} 
	
#SideBar{ width:286px; background:#929599 url(images/sub-side_bg.jpg) no-repeat; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; margin-bottom:10px; text-align:left}
	#SideBar h4 {color:#fff;}
	#SideBar p {color:#fff;}
	#SideBar a {color:#fff;}
	#SideBar ul { padding:0 0 10px 16px; margin:0}
	#SideBar li { padding:0 0 4px 0; margin:0}
	#SideBar img { float:right; padding:0 0 10px 0; clear:both}
#Number{ color:#929599; font-size:14px; font-weight:bold; float:right}
	#Number span{ color:#7f588c; font-size:18px;}

#More1{height:28px; width:119px; background: url(images/btn_readmore.gif) no-repeat top; float:right; clear:both; margin-bottom:10px; cursor:pointer}
#More2{height:28px; width:119px; background: url(images/btn_more.gif) no-repeat top; float:right; clear:both; margin-bottom:10px; cursor:pointer}
#BtnSearch{height:28px; width:119px; background: url(images/btn_search.gif) no-repeat top; float:right; clear:both; margin-bottom:10px; cursor:pointer}

#More1:hover{ background-position:bottom;}
#More2:hover{ background-position:bottom;}
#BtnSearch:hover{ background-position:bottom;}

/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.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;}