/*
	Inspiration:
	http://www.sidesh0w.com/
	Primary colors: dark blue (#00105c), medium blue (#18d), light blue (#75bef4)
*/	

/* Document Styles */

acronym{font-style: normal;border-bottom: 1px dotted #666}
.caution{color: red;font-weight: bold;}
.right{float: right;}
.left{float: left;}
.table{float: left;margin: 0;padding: 0 10px}
.clear{clear: both;}

/* Container Styles */
body{font-family: Verdana, Tahoma, sans-serif;font-size: 80%;font-style: normal;line-height: 1.6em;color: #000;margin: 15px;padding: 0;text-align: center;/* For IE */}
#header{padding:0;margin:0;}
#site{text-align: left;background-color: #fff}
/* Intro Styles */
#logo{background: url(http://www.deltastaffing.net/i/logobg.gif) repeat-x;border: solid #fff;border-width: 10px 10px 0;height: 100px !important;height: /**/ 110px;padding:0;margin:0}
.hide, #logo h6, #logo img, address{border: none;position: absolute;left: 0;top: 0;height: 0;overflow: hidden;width: 0}
#logo h2{/* Stop IE flickers */
background: url(http://www.deltastaffing.net/i/header.gif) no-repeat 0 0;padding:0;margin:0}
html>body #logo h2{background: none}
#logo h2 a{background: url(http://www.deltastaffing.net/i/header.gif) 0 0 no-repeat;display: block;height: 100px;width: 408px;text-decoration: none;text-indent: -1000em}
.serve{position:absolute;top:25px;right:30px;}

/* navigation */
#nav{background: #fff;border: #18d solid;border-width: 0 0 1px;margin-top: 0;width: 100%}
#nav:after{/* From http://www.positioniseverything.net/easyclearing.html */
	clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden}
/* Hides from IE-mac \*/
* html #nav{height: 1%} /* End hide from IE-mac */
#navmenu{width: 100%}
ul#tn{list-style: none;margin: 0;padding: 0 0 0 15px}
ul#tn li{display: inline;font-family: "New Century Gothic", "Trebuchet MS", Verdana, Geneva, sans-serif;line-height: 3em;letter-spacing: 2px;margin: 0;padding: .75em 0}
ul#tn a{color: #00105c;font-size: 1.1em;text-decoration: none;text-transform: uppercase;margin-left: 10px;padding: .75em 1em}
ul#tn a:hover{color: #18d}
body.home li#home a, body.employ li#employ a, body.about li#about a, body.apply li#apply a, body.contact li#contact a{color: #00105c;font-weight: bold;text-decoration: underline}
body.home li#home a:hover, body.employ li#employ a:hover, body.about li#about a:hover, body.apply li#apply a:hover, body.contact li#contact a:hover{cursor: default}
	
/* end navigation */
/* end intro styles */

/* Content and Text Styles */
#con{display: inline;	/* fix for WinIE "double margin" bug */
	float: left;height: 100%;margin: 0 -270px 0 0;padding: 0;width: 100%}
* html #con{margin-right: -300px;	/* fix for WinIE box model */
	ma\rgin-right: -270px}
#content{margin: 10px 270px 10px 10px;height: 100%;text-align: justify;text-justify: auto}
* html #content{margin-right: 300px;ma\rgin-right: 270px}
#content p{margin: 0;padding: 0.5em;}
#content a{color: #00105c;}
#content a:visited{color: #75bef4;}
#content a:hover{color: #18d;}

#content h1{padding: 6px 0 6px 15px;margin: 0;background: #fff url(http://www.deltastaffing.net/i/delta.gif) 0 50% no-repeat;font-size: 150%;font-family: Georgia, "Times New Roman", Times, serif}
#content h2, #content h3{margin: 0;padding: 6px 0;font-family: Georgia, "Times New Roman", Times, serif}
#content h2{font-size: 125%;}
#content h3{font-size: 110%;}
#content img{border: 1px solid #18d;margin: 5px;padding: 5px;background-color: #f1f1f1;}
	
#content #map img
{	background-color: transparent;}

#content ul{}
#content li{background: 6px 6px no-repeat;margin: 0;padding: 0 0 0 15px}
#content blockquote{font-size: 250%;line-height: 1em;font-family: Georgia, "Times New Roman", Times, serif;color: #ccc;margin: 10px;padding: 0 20px;background-color: #fff}
ul#sitemap li{background: #fff}
ul#sitemap ul li{background: #fff;font-weight:bold}
ul#sitemap ul ul li{background: #fff;font-weight:normal}
#content dt{font-style: italic;}
#content dd{padding: 0 0 10px 6px;}
.feedback, .meta, .feedback a, .meta a{	/* posting time and category, under entry, as well as comments link */
	font-size: 85%}
.meta{text-align: left;margin: -5px 0 0;padding: 0;}
.feedback{text-align: right;margin: 5px 0;padding:0;border-bottom: 1px solid #eee;}
#bottomnav{/* bottom page navigation, prev and next links */
margin:5px;padding:0;
background-color:#fff;
text-align:center;}

/* end content and text styles */

/* sidebar */
#sidebar{display: inline;	/* fix for WinIE "double margin" bug */
	float: right;margin: 10px 10px 0 0;padding: 0;
 	width: 250px;font-family: Georgia, Garamond, Times New Roman, serif;line-height: 1.4em}
#sidebar p{text-indent: 6px;}
html>body #sidebar{height: auto;display: table-cell}
#sidebar a{color: #00105c;}
#sidebar a:hover{color: #18d;}
#topside, #midside, #botside{margin: 0 0 10px;padding: 6px}
#topside{background: url(http://www.deltastaffing.net/i/top_sidebar.jpg) top left repeat-y;}
#midside{background: url(http://www.deltastaffing.net/i/mid_sidebar.jpg) top left repeat-y;}
#botside{background: url(http://www.deltastaffing.net/i/bot_sidebar.jpg) top left repeat-y;}

#topside h4, #midside h4, #botside h4{margin: 0;padding: 6px 0 3px 15px;}

#topside h4{background: url(http://www.deltastaffing.net/i/star.gif) 0 50% no-repeat;}
#midside h4{background: url(http://www.deltastaffing.net/i/pencil.gif) 0 50% no-repeat;}
#botside h4{background: url(http://www.deltastaffing.net/i/resume.gif) 0 50% no-repeat;}

#topside ul, #botside ul{list-style: none;margin: 0;padding: 3px 0 0}
#topside li, #botside li{list-style: none;background: url(http://www.deltastaffing.net/i/arrow.gif) 12px 6px no-repeat;padding: 0 0 0 31px;text-indent: -6px}
#midside ul{margin: 0;list-style: none}
#midside li{list-style: none;padding: 0 .4em 0 .6em}
#topside p, #midside p, #botside p{margin: 0;padding: 5px 0 0;}


/* footer */
#footer{clear: both;color: #aaa;font-size: 90%;padding: 10px;margin: 10px 0 0;text-align: center;border-top: 1px #18d solid;background-color:#fff}
#footer a{color:#bbb;}
#footer a:hover{color: #18d;}


/* form styles */
/* contactform for the contact us, submit resume, apply for this job pages, */
/* Success, notice and error boxes
-------------------------------------------------------------- */
.warning,
.notice, 
.yay    { display:block;padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.warning      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.yay    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
#contactform legend, #onlineresume legend{font-family: Georgia, serif;font-weight: bold;font-size: 125%}

#onlineresume fieldset{display: block;margin: 0 0 3em 0;padding: 0 1em 1em 1em;border: 0 solid #fff;border-top: 1px solid #000}
#onlineresume fieldset.radio{margin: 1em 0 2em 0;}
#onlineresume fieldset.radio input{clear: both;float: left;width: auto}
#onlineresume fieldset.radio label{font-weight: normal;}
#onlineresume input{display: block;width: 15em}
#onlineresume input.submit{clear: both;background:#369;border:#ddd;color:#fff;font-weight:bold;margin:10px 0;padding:5px;width:auto;}
#onlineresume label{float: left;display: block;margin: 1em 1em 0 0;font-weight: bold}
#onlineresume select{display: block;}

#contactform fieldset{display: block;margin: 0 0 1em 0;border: 0 solid #FFFFFF;border-top: 1px solid #000000;padding: 0 1em 1em 1em}
#contactform fieldset.radio{margin: 0 0 0 -1em;border: 0 solid #FFFFFF}
#contactform fieldset.radio input{position: static;clear: both;float: left}
#contactform fieldset.radio label{position: relative;top: -1.25em;display: inline;width: auto;margin: 0 0 0 8em;font-weight: bold;font-weight: normal}
#contactform fieldset.radio legend{float: left;font-weight: bold;}
#contactform input{position: relative;top: -1.4em;left: 10em;display: block;}
#contactform input.submit{position:static;clear:both;background:#369;border:#ddd;color:#fff;font-weight:bold;margin:10px 0;padding:5px;width:auto;}
#contactform label{clear: both;float: left;display: block;width: 8em;margin-top: -1em;font-weight: bold}
#contactform label.first{margin-top: 1em;}
#contactform select{position: relative;top: -1.4em;left: 8em;display: block}