﻿body { margin:0; padding:0; width:100%; height:100%; }

#airlock { width:992px; margin: 4px auto; }

.clear { clear: both; width: 80%; }
.spacer10 { clear:both; height:20px; min-height:25px; }
.spacer20 { clear:both; height:20px; min-height:25px; }
.rightalign { float: right; }
.leftalign { float: left; }
#header #logo { float: left; }
#header #banner { float: left; margin-left:10px; }
#topnavbar { float: left; width: 100%; height: 24px; }
.headbutton { display:block; }
#contMain { width:73%; }
.col1 { width:600px; float:left; }
#newscol1 { width:67%; float:left; }
.col2 { width:200px; float:right; }
.col3 { width:200px; }
.col4 { width :100%; clear:both; }
#info1 { width: 200px; float:left; }
#info2 { width: 200px; float:left; }
#info3 { width: 200px; float:left; }
#col5 { width:100%; height: 22px; clear:both; }
#contSub { width:27%; float:right; }
#navline { width: 100%; float: left; }
#line { height: 9px; width: 100%; }
#maincontent { width:630px; float:left; margin:10px 0; padding:0 5px; border-right:dotted 3px #5AC8D9; }
#directory_maincontent { margin-left: 1%; width: 84.3%; float: left; margin: 10px 0 0 1%; }
#rightCol { width:330px; float:left; margin:10px 5px; }

#leftCol { width:480px; float:left; margin:10px 5px 10px 0; }
#midCol { width:260px; float:left; margin:5px 5px; padding:5px 0; }
#rightCol2 { width:220px; float:left; margin:10px 0 10px 5px; }
label { margin-left:5px; }

/* GOT TO HERE */

/* *****************************************************************
   LOADS MORE WORK TO BE DONE HERE TO SEPARATE OUT LAYOUT FROM STYLING
   ***************************************************************** */

#blockleft { position:relative; float:left; clear:both; width:400px; bottom:0; margin:12px; padding:12px; }
#blockright { position:relative; float:left; width:400px; bottom:0; margin:12px; padding:12px; }

#maincontent_directory { margin-left: 1%; width: 86.0%; float: left; margin: 10px 0 0 1%; }
#csleft { float: left; width:65%; margin:0; padding:0; }
#csleft1 { float: left; width:60%; margin:0; padding:0; }
#csright { width: 33%; float: right; margin:0; padding:0; }
#csright2 { width: 30%; float: right; margin:0; padding:0; }
#latestjobs_left { float: left; width:49%; margin:0; padding:0; }
#jobsearch_left { float: left; width:40%; margin:0 0 20px 0; padding:0; }
#jobsearch_right { width:153px; clear:right; text-align:center; }
#jobsearch_right input { }
#jobsearch_left fieldset{ margin-left:10px; border:none; padding:0; }
#jobsearch_left input { float:right; margin:0; padding:0; }
#jobsearch_left select { float:right; margin:0; padding:0; }
#latestjobs_left { float: left; width:49%; margin:0; padding:0; }
#latestjobs_right { width:49%; float: right; margin:0; padding:0; }
#careeradvice_left { float:left; width:355px; margin:0 10px 0 0; padding:0; }
#careeradvice_right { width:355px; float:left; margin:0; padding:0; }

#showcaseleft { float:left; width:470px; margin:0 10px 0 0; padding:0; }
#showcaseright { width:240px; float:left; margin:0; padding:0; }

#showcaseright #filter label { font-size:90%; }
#showcaseright #filter .bigboldtext a { color:#ffffff !important; font-size:80%; padding:0; margin:0; }

.modulefooter img { float: right; }
.modulefooter p { margin: 0; padding: 0; height: 10px; }
.bigtext { float:left; padding-left: 10px; margin-top: -1px; font-size: 80%; }

/* ************************************************
   V3 STUFF
   ************************************************ */
.articleLeft  { clear:both; float:left; width:720px; padding:4px 8px 0 0; }
.articleRight { float:left; width:240px; border-left:dotted 3px #5AC8D9; padding:4px 0 0 8px;}

#strapLine { clear:both; width:992px; margin:0px 0; padding:0; }
/*
#customLine {
	display:block; margin:0; padding:0; width:992px; height:36px;
	vertical-align:bottom;
}
.customLineTable td { white-space:nowrap; }
*/

#majorCol { width:720px; float:left; margin:5px; padding:0 5px 0 0; }
#minorCol { width:230px; float:left; margin:5px; padding:0; }

#socialMediaStrip { float:left; width:80px; min-height:420px; padding:0; margin:0; /*border:solid 10px transparent;*/
                    background:transparent url(../images/backgrounds/bgSocialMedia.gif) no-repeat; 
                  }

