/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/ {
	padding: 0;
	margin: 0;
	/*border: 0;*/
}
body, html {
	color: #000;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	text-align: center; /*** Centers the design in old IE versions ***/
	background-color:#FFF;
}
body {
	font-size: 70%;
}
p {padding: 7px 0 7px 0;}
p.signature {padding-left:20px;}
p.centerme {text-align:center;}

a {color: #000099; outline: none;}
a:hover {
	color: #0000FF;
	text-decoration: none;
}
a:active {outline: none; }


h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding-bottom: 5px;
}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {
	font-size: 1.2em; 
	text-align:left; 
	margin:.5em 0;
}
h1 a, #header h2 {
	color: #fff;
}
.clear {
	clear: both;
}

.error, .message {
	margin:0em auto;
	width:420px;
	font-weight:bold;
	text-align:left;
	display:block;
}
.error { 
	background: #f0e4e2 url(/images/exclamation.gif) 0 7px no-repeat;
	border:1px solid #921b00;
	color: #921b00;
	padding:1em 2em 1em 4em;
}

.message {
	background: #cceec0 url(/images/notification.gif) 4px 7px no-repeat;
	border: 1px solid #2f7018;	
	padding:1em 2em 1em 5em;
	color: #2f7018;
}

.highlight {
	background: transparent url(/images/highlighter_lrg.gif) repeat-x top left;
	margin: 0 -10px 0 -5px;
	padding: 0 10px 0 5px;
}

#mainContainer {
	width: 910px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	/*background: #FFF;*/
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	margin-top:5px;
	border-top:1px solid white;
	position:relative;
}
* html #mainContainer {
	height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
	background: #FFF url(/images/header-bg.jpg) 0 0 repeat-x;
	position:relative;
	height:116px;
	/*border:1px solid transparent;*/
}
#header #seal {
	position:absolute; 
	top:12px; 
	left:20px; 
	margin:0; 
	padding:0;
}

#header a {text-decoration:none;}
#header a:hover {color:White;}
#header ul a:hover {color: #FFF; text-decoration:underline;}

#header h1 {
	top:12px;
	left:110px;
	display: block;	
	position:absolute;
	z-index: 1; 
	background: #6285af url(/images/govjobscentral.jpg) 0 0 no-repeat;
	text-indent:-2000px;
	height:62px;
	width:476px;
	padding-bottom: 0;
}
#header h1 a {
	display:block;	height:62px;
}

#header h2 {
	text-indent:-2000px;
}
#header h3 {
	position:absolute; 
	top:25px; 
	right:60px; 
	margin:0; 
	padding:0;
	color:white;
	font-size:.9em;
	display: block;
	width:200px;
	text-align:center;
}
#header h3 strong {display:block; font-size:1.7em;}
#header h3 strong a {color:white; text-decoration:underline;}
#header h3 strong a:hover {text-decoration:none;}

#header ul {
	text-align:right;
	margin-top:61px;
	margin-right:5px;
}
/*
#header li.home {background-color:#009980;}
#header li {
	display: inline;
	padding: 0px 15px 0;
	border-left:1px solid #fff;
}
#header li.home { border:0;}

#header li a {color:#fff; text-decoration:underline;}
#header li a:hover {color:Yellow;}
*/

#header ul li {
	display: inline; /* Fix IE Step Down */
}

	#header ul li a:link, #header ul li a:visited {
		display: block;
		height: 19px;
		float: right;
		background: url(/images/navtab-right.jpg) top right no-repeat; 
		margin: 0 1px;
			
			font-family: "verdana", sans-serif;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			color: #2d5588;
	}

		#header ul li a span {
			display: block;
			height: 15px;
			float: left; /* IE 6 Fix */
			padding: 4px 10px 0px 10px;
			background: url(/images/navtab-left.jpg) top left no-repeat;
		}
		
		#header ul li a:hover, #navbar ul li a:active, #header ul li.active a {
			background-position: bottom right;
		}
		
		#header ul li a:hover span, #header ul li.active a span  {
			background-position: bottom left;
			color: #fff;
			text-decoration:underline;
			cursor: pointer; /* Remind IE which cursor to use! */
		}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 240px;
	padding-right: 0px;
	background:#fff;
	background: url(/images/main-bg2.jpg) top left repeat-y;
}

* html .outer {
}
.inner {
	width: 650px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
	border:0px solid red;
}
* html .inner {
	width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 910px;
	margin-left: -240px; /*** Same length as .outer padding-left but with negative value ***/
	border:0px solid red;
}

* html .float-wrap {
	/*** No need for hacking IE on this layout ***/
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#content {
	float: right;
	width: 650px;
	position: relative; /*** IE needs this  ***/
	border:0px solid green;
	padding-bottom:20px;
}

* html #content {
}
.contentWrap {
	padding: 5px;
}

#homepage .contentWrap {
	padding-right:0;
	background:url(/images/search-form-bg.jpg) 30px 170px no-repeat;
}

.contentWrap ol, .contentWrap ul {
	margin: 3px 0 5px 35px;
	text-align:left;
}
.contentWrap li {
	padding-bottom: 2px;
}
#form {
	margin:0 0 0 105px;
}
/*************************
CENTER COLUMN
**************************/
#content h1 {
	text-align:center;
	color:#2f466e;	
	font: bold 2.5em/1.2em Arial, "Verdana", sans-serif; 
	padding-top:.5em;
}
#content h2{
	text-align:center;
	color:#2f466e;
	font: bold 2.5em/1.2em "Arial Black", "Verdana", sans-serif; 
	font-weight:bold;
	padding:.5em 0 1em;
	letter-spacing:-.1px;
}

#content h3 {	
	font: bold 1.5em/1em "Arial Black", "Verdana", sans-serif; 
	padding-top:1em; 
	color:#223557;
	background:url(/images/dots-long.gif) bottom left repeat-x;
}

#content p, #content dl, #content ul, #content ol, #content blockquote{
	font: normal 16px "Times", "Times New Roman", sans-serif; 
	
}
#content dl ul {font-size:1em;}

#successes div {
	width:200px; 
	float:left;
	border:1px solid #444;
	padding:1em;
	margin:1em;
	color:#444;
}


/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
	float: left;
	width: 220px;
	min-height: 250px;
	padding-left: 10px;
	position: relative; /*** IE needs this  ***/
	padding-bottom:30px;
}
* html #left {
	/*height: 250px;*/
	position: relative;  /*** IE needs this  ***/
	margin:0px;
}
#left ul {
	padding-bottom: 4px;
	padding-left:20px;
	text-align:left;
	list-style-image: url(/images/arrow.gif);
	list-style-type:inherit;
}
#left li {
	padding: 2px 0;
	margin-left:10px;
}

#left h2{ 
	color:#005588;
	font: bold 1.4em "Arial Black", "Verdana", sans-serif; 
	letter-spacing:-.1px;
	padding:0; margin:0;
	background:url(/images/dots-long.gif) bottom left no-repeat;
	margin:20px 0 5px;
}
#left .morelink {
	display:block; 
	font-weight:bold; 
	text-align:right;
	padding-top:10px;
}

/*************************
RIGHT COLUMN
**************************/

#right {
	float: right;
	width: 240px;
	padding: 10px;
	min-height: 250px;
	position: relative; /*** IE needs this  ***/
	border:0px solid red;
	color:#444;
	margin-top:10px;
	display:none;
}
* html #right {
	margin-right: -220px; /*** IE gets this margin. ***/
	height: 250px;
}
#right ul {
	list-style: none;
	padding-bottom: 4px;
}
#right li {
	padding-bottom: 2px;
}
.quote {margin-bottom:10px;}

/**************************
FOOTER
**************************/
#footer {
	width: 910px;
	margin: 0 auto;
	text-align: center;
	text-align: center;
	font-size:.9em;
	background:#00528a url(/images/footer.jpg) 0 0 repeat-x;
	color:#fff;
	height: 100px; 
}

#footer ul {
	list-style: none;
	padding-top:25px;
}
#footer li {
	display: inline;
	padding:0 5px;
	border-left:1px solid #ddd;
}
#footer li.first {border-left:0px;}

#footer li a, #footer a {
	font: normal 1em "Lucida Grande", "Verdana", sans-serif; 
	color:#fff;
}
body #footer p {padding:1em 0 0; text-align:center;}
#footer #bodybottom {display:none;}
#footer #supporttroops {float:right; padding:10px 30px 0 0;}

/**************************
ONE COLUMN
**************************/

#oneColumn #left{display:none;}
#oneColumn #right{display:none;}
#oneColumn .outer {padding:0; padding-left:5px; background:url(/images/main-onecolbg2.jpg);}
#oneColumn .inner {width:100%;}
#oneColumn .float-wrap {margin:0; width:100%; }
#oneColumn #content {float:none; margin:0 auto; width:880px; }

#oneColumn #content table { font-size:1.1em;}
#oneColumn #footer #bodybottom {display:block;}
#oneColumn #footer #supporttroops {padding-top:2px;}
#oneColumn #footer ul {margin-top:0;padding-top:.4em; text-align:center;}

#oneColumn #content h3 { padding:0;background:none; font-size:1em;}
#oneColumn .contentWrap {text-align:center; margin:0 20px;}
#oneColumn th, #oneColumn td, #oneColumn p, #oneColumn ul {text-align:left;}
#oneColumn table {margin-left:auto; margin-right:auto;}

/**************************
NARROW ONE COLUMN
**************************/


.narrow#oneColumn #content {width:700px; text-align:left;}
.narrow#oneColumn #content h3 {font-size: 1.7em; padding:20px 0; }



.narrow#oneColumn #content ul li {
	list-style-image: url(/images/redbox.gif);
	line-height: 14pt;
	padding-left: 5px;
	margin-left:20px;
}

#oneColumn #content li li {
	margin-left:0;
}

#oneColumn #content ul.smallchecks li {
	list-style-image: url(/images/checkmark.gif);
	padding: 0 0 10px 10px;
	font-size:1.1em;
}

#oneColumn #content ul.bonuses li {
	background: url(/images/checkmarkbox.gif) 0 0 no-repeat;
	list-style: none;
	padding: 7px 0 30px 50px;
	font-size:1.2em;
	font-weight:bold;
	margin-left:0;
}

ul.bonuses span {
	color: #BA0000;
}


.steps {
	margin: 10px 0 40px;
	padding: 0;
}
.steps li {
	list-style: none;
	margin: 0 0 20px;
	padding: 3px 0 6px 110px;
}
.steps li li {list-style:inherit; margin:0; padding:0;}

.step1 {
  background: url(/images/step1.gif) no-repeat;
}
.step2 {
  background: url(/images/step2.gif) no-repeat;
}
.step3 {
  background: url(/images/step3.gif) no-repeat;
}

#oneColumn #content ol.steps h4 {
	font-size:1.3em;
	margin: 0 0 5px;
	padding:0;
}


/**************************
RIGHT COLUMN
**************************/
#rightColumn #left{display:none;}
#rightColumn .outer {padding:0; padding-left:5px;background:url(/images/main-onecolbg.jpg);}
#rightColumn .float-wrap {
	width: 640px;
	margin-left: 0px; 
}
#rightColumn .inner {width:100%;}
#rightColumn #right {display:block;}



/**************************
FORMS
**************************/

table {border-collapse: collapse;}

.odd {background-color:#ddd;}

#oneColumn #content ul.pager {
	text-align:center; 
	margin:5px auto; 
}

.pager li.selected {font-size: 13px; padding: 0px 2px;}

#oneColumn #content .pager li {
	display: inline;
	padding: 0px 1px;
	font: 11px/12px normal "Verdana";
	margin:0;
}
#oneColumn #content .pager .fromto {padding-right:80px;}
#oneColumn #content .pager .pageofpage {padding-left:100px;}

/**************************
Front Page Search */
/**************************/

#frontjobsearch {
	width:350px; 
	margin:30px 0 30px 50px;
}
#frontjobsearch thead th h2 {padding-top:0; padding-bottom:15px;}
#frontjobsearch tbody th {width:110px; font-size:12px;}
#frontjobsearch tbody th label {padding-left:10px;}
#frontjobsearch tbody td input,
#frontjobsearch tbody td select {
	width:200px;
	margin:5px 0;
	font-size:16px;
}
#frontjobsearch tfoot td input{
	font-size:16px;
	margin-top:10px;

}

/**************************
Search Results */
/**************************/


#searchBox {
	background:url(/images/top-blue-bg.jpg) 0 0 repeat-x;
	width:854px;
	border:1px solid #387196;
	padding:10px 10px 0 10px;
	color:#fff;
	font-size:8px;
	height:140px;
	vertical-align:top;
}

#content #searchBox h3 {
	color:#fff; 
	font-size:12px;
	display:inline;
	background-image:none;
}

#content #searchBox #searchForm {margin:0 100px 0 10px; width:375px; float:left;}
#searchBox input, #searchBox select {font-size:10px;}
#searchBox th {font-weight:normal; padding-top:5px;}
#searchBox #searchForm .firstRow th  {padding:0;}
#searchForm thead th {padding:0 0 5px;font-weight:bold;font-size:12px;}


#saveProfile {width: 300px; margin-right:50px;}
#saveProfile th, #saveProfile td {border:1px solid #e4d488; color:#000;}
#saveProfile thead th {
	background-color:#c1a831;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	text-transform:uppercase;
}
#saveProfile tbody th {
	background-color:#ebe0ac;
}
#saveProfile tbody td {background-color:#f8f2d8;}

#searchBox #saveProfile tfoot th {font-size:12px; font-weight:bold; padding:7px 0 1px;}
#searchBox #saveProfile tfoot th, #searchBox #saveProfile tfoot td {
	border:0; 
/*	background-color:none;*/
	color:#fff;
}
#searchBox a {color:#fff;}


.small#searchBox {
	height:50px;
	text-align:center;
}

#content .small#searchBox #searchForm {margin:0 auto; float:none;width:630px;}
.small#searchBox td, .small#searchBox th, .small#searchBox label {padding:0 5px; text-align:left;}
.small#searchBox #searchForm {width:550px;}

/**************************
Standard Table */

.standard {margin:5px 0;}

.standard td, .standard th {
	border:1px solid #ccc; 
	font: 11px/13px normal "Courier New", Courier, "Sans Serif";
}

.standard thead th, .standard tfoot th {
	border:1px solid #ccc; 
	background-color:#ccc; 
	font-family: "Courier New";
	border-bottom:1px solid #aaa;
}

.standard td, .standard th {
	padding:2px 10px;
}

.standard caption {
	text-align:left;
	padding:10px 10px 5px;
}


/**************************
Job Detail */

#job-details {width:450px; margin:0 50px 0 10px; float:left;}

#job-details td  {
	border:1px solid #ccc; 
	font: 11px/13px normal "Courier New", Courier, "Sans Serif";
}

#job-details td, #job-details th {
	padding:2px 10px;
}
#job-details th {
	border:1px solid #ccc; 
	background-color:#ccc; 
	font-family: "Courier New", Courier, "Sans Serif";
	border-bottom:1px solid #aaa;
}
#job-details h3 {
	font: 1em/1em bold "Courier New", Courier, "Sans Serif";
}

#saveYourSearch {
	border:2px solid #deb700;
	padding:10px;
	width:300px;
	float:right;
	margin-right:20px;
}

#saveYourSearch #saveProfile thead td {text-align:center;}
#saveYourSearch #saveProfile h3 { 
	font-size:1.4em;padding:0;margin:0;
	color:#ab8f09;
}

#saveYourSearch #saveProfile thead td {padding-bottom:10px;border:0;}

#saveYourSearch #saveProfile input {margin-top:10px;}

#saveYourSearch #saveProfile tfoot th {padding-top:10px;}
#saveYourSearch #saveProfile tfoot th, #saveYourSearch #saveProfile tfoot td {border:0;color:#000;}
/* hide if paid */

.paidmember-1#job-details {width:100%; float:none; margin:0;}
.paidmember-1#saveYourSearch {display:none;}


/**************************
Standard Signup Form */

.namevalue caption {display:none;}

.namevalue {margin:0 auto;}
.namevalue thead th { 
	font-size:1.4em;
	padding:5px 0;
	text-align:center;
}

.namevalue th, .namevalue td {
	background-color:#efefef;
	padding:5px 10px;
}
.namevalue tbody th, .namevalue tbody td {
}
.namevalue th {
	white-space: nowrap;
}
.namevalue input {padding:3px 0;}

.namevalue label {
	cursor:pointer;
}

.namevalue label:hover {
	color:#333;
}

.namevalue tfoot th, .namevalue tfoot td {border:0;}


/*


ul.joblist  {
	float: left;
	width: 400px;
	margin: 10px 0;
	padding: 5px 0 5px 5px;
	list-style: none;
	font-size:.8em;
	border:2px solid #ccc;
}
 
.joblist li {
	font-size: 12px;
	text-align:left;
	float: left;
	width: 200px;
	margin: 0;
	padding: 2px 0;
} 

.joblist li span {
	display:block;
	float:right;
	text-align:right;
	padding:0 20px;
}

*/


#categorysidebar {
	background: #dae6f4 url(/images/sidebar-bg.png) 50% 0 repeat-y;
	float:left;
	margin: 10px 20px 0 0;
	padding:10px;
	width: 300px;
}
#categorysidebar h2{ 
	color:#223557;
	font: bold 1.1em/1em "Arial Black", "Verdana", sans-serif; 
	letter-spacing:0px;
	padding:0;
	background:url(/images/dots-long.gif) 50% 100% no-repeat;
	margin:5px auto 0px;
	padding-bottom:7px;
	width:200px;
}

ul.jobfilter  {
	width: 150px;
	float: left;
	list-style: none;
	list-style-image: none;
	margin:10px 0;
}
 
.jobfilter li {
	font-size: 12px;
	text-align:left;
	margin: 0;
	padding: 2px 0;
} 

.jobfilter li span {
	display:block;
	float:right;
	text-align:right;
	padding:0 20px;
}



blockquote {
	border:2px dashed black;
	padding:20px;
	margin:30px 50px;
	background-color:#efefef;
	text-align:left;
}
blockquote span {
	display:block;
	margin-left:300px;
}

#resume-title {
	background:url(/images/resume-title.gif) no-repeat;
	text-indent:-3000px;
	height:90px;
	margin-top:15 	px;
}

/* hoverlayer */
#hoverLayer {
	position:fixed; 
	z-index: 10;
	width: 550px; 
	height: 400px; 
	top:130px;  left:20%;
	padding: 0 30px 0;
	margin: 15px auto;
	background-color: #fff;
	border: 3px solid maroon;
	visibility: hidden;
}
* html #hoverLayer {
	position:absolute;	
}
#hoverLayer h2 {
	font: normal bold 22px/26px Tahoma, Arial, Helvetica, sans-serif;
	color: #cc0000;
	text-align: center;
	margin:5px 0;
}

#hoverLayer .close{ 
	margin-top:3px;
	margin-right:-20px;
	text-align: right;
	position: relative;
}

#hoverLayer .close a {text-decoration:none;}

#hoverLayer form {
	float:right;
	width:200px;
	margin:20px 0 0 30px;
	text-align:left;
}

#hoverLayer label {
	display:block;
	font-weight:bold; 
	padding-bottom:2px;
}

#wehatespam {
	margin:10px auto;
	text-align:center;
}

#hoverLayer .textbox {
	width:170px; 
	padding:2px;
	margin-bottom:7px; 
	border:1px solid #999;
}

#hoverLayer ul {margin-left:30px;}
#hoverLayer p, #hoverLayer ul {font-size:1.1em; line-height:1.3em;}
/* hoverLayer */