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

h1{color:#000; font-size:20px; padding:0 0 10px 0;}
h2{color:#f60 !important; font-size:22px; padding:5px 0 10px 0;}
h3{color:#282828; font-size:16px; padding:0 0 0 0;}
h4{color:#000; font-size:14px; padding:0 0 10px 0;}
h5{color:#000; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| 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;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{width:950px; margin:8px auto; text-align:left;}

#Header{}
#flashcontent {width:950px; height:530px; overflow:hidden; font: verdana,arial,helvetica,sans-serif;}
#Main{padding:5px 5px 0 5px;}
	#Login{float:left; width:288px; height:201px; border-right:1px solid #202020}
	#JobSearch{float:left; width:310px; height:201px; padding:0 0 0 25px; border-right:1px solid #202020;}
	#HotJobs{float:left; width:288px; height:201px; padding:0 0 0 25px; font-size:13px;}
	
#Footer{color:#666; font-weight:bold; padding:4px 0; border-top:4px solid #282828;}

/***********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;}