/* [%-# @(#)home.css	1.6 15:48:47,11/02/21 (yy/mm/dd) -%] */

/* *****************************************************
	Imports
*****************************************************/

	@import url(navigation.css);

/* *****************************************************
	Global 
***************************************************** */
html, body, div, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, pre, label, ul, li, span, em, input {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	border:0;
	list-style-type:none;
	font-weight:normal;
	font-style:inherit;
}

body {
	font-size: 12px;
	width: 100%;
	color: #000;
	margin:0;	
	padding:0;
	text-align:center;		
	background:#CCCCCC;
}
 a{color:#23467E;}
legend {
    display:none;
}
label {
	cursor:pointer;
}
/* *****************************************************
	Containers
***************************************************** */

#wrapper{	
	margin:6px auto;
	width:980px;
	padding:0;
	text-align:left;
}
#page{
	margin:0;
	padding:0 0 15px 0;
	_padding:0;
	float:left;
	width:980px;
	background:#fff;
}

#mast-head{
	width:980px;
	float:left;
	margin:0;
	padding:0;
}
#banner{
	width:980px;
	float:left;
	margin:0;
	padding:0;
}
#banner a.a-left{
	float:left;
}
#banner a.a-right{
	float:right;
}
#header{
	float:left;
	clear:both;
	margin:0;
	padding:13px 10px 10px 10px;
	width:960px;
}

#nav{
    width:960px;
	float:left;
	margin:0;
	clear:both;
	border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
	padding:8px 10px;
}

#nav ul{margin:0;padding:0;}
#nav ul li{
	float:left;
	padding:0 30px 0 0;
}

#nav ul li a{
	color:#21467d;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	padding:0px;
}
#nav ul li a:hover{
	text-decoration:underline;
}

#container{
	width:960px;
	margin:0;
	padding:10px;
	clear:both;
}
.con{
	width:960px;
	float:left;
	padding:0 0 14px 0;
}
.con-left{
	float:left;
	width:646px;
}
.con-right{
	float:right;
	width:300px;
}

#jobSearch{
	width:619px;
	_width:646px;
	float:left;
	border:solid 1px #b8c5d6;
	background:#21467d url(../images/home/jobsite_logo.gif) no-repeat scroll 97% 8%;
	padding:7px 13px;
}
#jobSearch h1{
	float:left;
	color:#fff;
	padding:3px 0 20px;
	font-size:23px;
}
#jobSearch form{
	clear:both;
	float:left;
	width:100%;
}
#jobSearch .formGroup {
float:left;
width:200px;
}
#jobSearch input.inputText {
width:176px;
padding:6px 2px;

_height:29px;
border:solid 1px #b8c5d5;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
#jobSearch input.inputText{
	padding:5px 2px;
	}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {#jobSearch input.inputText{padding:4px 2px;} }


#jobSearch label.title {
float:left;
color:#b4c5d5;
margin-bottom:4px;
}
#jobSearch span.subTitle {
float:left;
font-size:9px;
margin-top:3px;
color:#b4c5d5;
}
#jobSearch input.searchButton {
background:#ddd;
border:solid 1px #c0c0c0;
color:#1f467d;
cursor:pointer;
font-family:Verdana;
font-size:17px;
font-weight:bold;
margin-top:17px;
padding:2px 0 3px;
*padding:1px 0 2px;
position:relative;
width:90px;
z-index:10;
}

#jobSearch .advancedSearch{
float:right;
clear:both;
padding:15px 0 0 0;
text-align:right;
} 
#jobSearch .advancedSearch a{
color:#fff;
font-size:11px;
text-decoration:underline;
}
#jobSearch .advancedSearch a:hover{
text-decoration:none;
}
#cv-upload{
width:294px;
border:solid 1px #b7c7d7;
padding:1px;
float:left;
}
#cv-upload-con{
float:left;
width:284px;
_width:290px;
padding:5px;
margin:0;
background:url(../images/home/cv-upload-bg.gif) repeat-x bottom;
}
#cv-upload-con h2{
color:#000;
font-size:20px;
padding:0 0 6px 0;
}
#cv-upload-con p{
float:left;
clear:both;
padding:0 0 5px 0;
margin:0;
color:#333;
width:282px;
}
#cv-upload-con p strong{
color:#23467e;
font-size:14px;
}
#cv-upload-con p span{
font-size:11px;
color:#1f467f;
width:100%;
float:left;
line-height:16px;
padding:6px 0 0 0;
}
p.cv-up{
display:block;
padding:13px 0 5px !important;
text-align:center;
width:100%;
float:left;
}
a.upload_btn{
background:#ddd;
border:solid 1px #c0c0c0;
color:#1f467d;
cursor:pointer;
font-family:Verdana;
font-size:17px;
font-weight:bold;
margin-top:6px;float:left;
text-decoration:none;
padding:2px 15px;
*padding:3px 15px;
margin:0 0 0 81px;
z-index:10;
}
.no-br{
border:0 none !important;
}
.gr-box{
border:solid 1px #c0c0c0;
width:644px;
background:#fff;
float:left;
}
.gr-box h3{
background:#ddd;
color:#21467d;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 10px;
}
.gr-box ul{
float:left;
font-weight:normal;
width:300px;
padding:4px 0 7px 0;
*padding:4px 0 6px 0;
}
.gr-box ul li{
margin-left:10px;
font-size:12px;
padding:3px 0;
}
.gr-box ul li a{
color:#21467b;
font-size:11px;
text-decoration:underline;
}
.gr-box ul li a:hover{
text-decoration:none;
}
.gr-box1{
border:solid 1px #c0c0c0;
width:296px;
background:#fff;
float:left;
}
.gr-box1 h3{
background:#ddd;
color:#21467d;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 10px;
}
.gr-box1 div{
width:286px;
padding:5px 0px 25px 0px;
background:url(../images/home/lens.gif) no-repeat scroll 100% 30%;
}
.gr-box1 ul li{
margin-left:10px;
font-size:12px;
padding:3px 0;
}
.gr-box1 ul li a{
color:#21467b;
font-size:11px;
text-decoration:underline;
}
.gr-box1 ul li a:hover{
text-decoration:none;
}
.gr-box1 div.no-bg{background:0 none;float:left;padding:5px 8px 53px;*padding:5px 8px 58px;_padding:5px 8px 65px;width:278px;}
.gr-box1 div.no-bg p{
border-bottom:solid 1px #c7d1dd;
font-size:11px;
width:100%;
color:#000;
float:left;
margin:0 0 5px 0;
}
.gr-box1 div.no-bg p strong{
color:#1f467d;
padding:0 0 2px 0;
float:left;
}
.gr-box1 div.no-bg p em{
font-size:11px;
width:100%;
color:#000;
clear:both;
float:left;
font-style:normal;
padding:1px 0 3px 0;
}
.gr-box2{
border:solid 1px #c0c0c0;
width:296px;
background:#fff;
float:left;
margin:10px 0 0 0;
}
.gr-box2 h3{
background:#ddd;
color:#21467d;
font-size:12px;
font-weight:bold;
padding:4px 0 4px 10px;
}
.gr-box2 div{
width:280px;
padding:5px 8px 5px;
float:left;
}
.gr-box2 div p{
width:100%;
float:left;
font-size:11px;
line-height:15px;
padding:0 0 5px 0;
margin:0;
}
.gr-box2 div p a img{
float:left;
padding:10px 0;
}
.con-bottom{
	width:960px;
	float:none;
}

.gr-box3{
border:solid 1px #c0c0c0;
width:956px;
background:#fff;
float:left;
clear:both;
display:inline;
margin:0;
padding:0 0 10px 0;
}
.gr-box3 h3{
background:#ddd;
color:#21467d;
font-size:12px;
font-weight:bold;


padding:4px 0 4px 10px;
}
.gr-box3 div{
width:290px;
float:left;
display:block;
margin:5px 7px 8px 7px;
_margin-right:5px;
padding:0 10px 0 0;
border-right:solid 1px #c0c0c0;
}
.gr-box3 div ul{
float:left;
margin:6px 0 0 0;
}
.gr-box3 div ul li{padding:5px 0 0 0;}
.gr-box3 div ul li a{
color:#23467e;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}
.gr-box3 div ul li a:hover{
text-decoration:none;
}
.gr-box3 div a{text-align:center;}
.gr-box3 div p{clear:both;}
.gr-box3 div p a{color:#23467e;font-size:12px;text-decoration:underline;text-align:right;width:100%;display:block;margin:0px;padding:10px 0 10px 0;font-weight:bold;}
.gr-box3 div p a:hover{text-decoration:none;}

.blog{
width:626px;
padding:7px;
float:left;
}
.blog-top{
width:100%;
float:left;
}

.blog-top a {width:201px;float:left;}
.blog-top div{float:right;width:404px;}
.blog-top p{
float:none;
line-height:18px;
width:400px;
}
.blog-top p em{
font-style:normal;
font-size:11px;
width:100%;
float:left;
padding:0 0 5px 0;
}
.blog-top p.maintitle{
float:left;
color:#22477e;

}
.blog-top div p.blog-maintitle a{text-decoration:none;font-weight:bold;font-size:18px;width:100%;}
.blog-top div p.blog-maintitle a.hover{text-decoration:underline;}
/*.blog-top p strong{
float:left;
color:#22477e;
font-size:13px;
font-weight:bold;
width:100%;
}*/
.blog-top p em.man{
font-style:normal;
background:url(../images/home/man.gif) no-repeat left;
font-size:11px;
width:97%;
float:left;
color:#21467d;
padding:5px 0 10px 15px;
}

.blog-down{
float:left;
clear:both;
padding:10px 0 0 0;
display:inline;
width:630px;
}

.blog-down div{
width:300px;
border-top:4px solid #c7d1dd;
float:left;
padding:4px 0;
margin:0 23px 0 0;
_margin:0 21px 0 0;
}
.blog-down div p{
float:left;
width:200px;
line-height:14px;
font-size:11px;
}
.blog-down div a{
float:right;
width:100px;
text-align:right;
}
.blog-down div a img{margin:0px;padding:3px 0 0 0;}
.blog-down div p em{
float:left;
font-style:normal;
width:100%;
}
/*.blog-down div p strong{
float:left;
color:#22477e;
font-size:11px;
font-weight:bold;
width:100%;
padding:5px 0;
clear:both;
}*/
.blog-down p.blog-title a{text-decoration:none;font-size:13px;font-weight:bold;width:100%;text-align:left;}
.blog-down p.blog-title a.hover{text-decoration:underline;}
.blog-down p.blog-title{
float:left;
color:#22477e;

}
.no-mr{margin:0 !important;}