@charset "UTF-8";
/* CSS Document */

/* ====================================================== GENERAL BEGINS ====================================================== */
body { padding:0; margin:0; background:#EDEDED; }
img { border:none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
p { text-align:justify; }
h1 { 
	font-size:50px; line-height:45px; color:#44AB00; padding:0; margin:0 ; font-family:Arial, Helvetica, sans-serif;
}
h2 { 
	font-size:17px; line-height:20px; color:#44AB00; padding:0; margin:0 ; font-family:Helvetica, Arial, sans-serif; 
}
h3 { 
	font-size:35px; line-height:45px; color:#900; padding:5px 0; margin:0 0 10px 0; display:block;
}
h4 { 
	font-size:17px; line-height:20px; color:#333; padding:5px 0; margin:0 0 5px 0; display:block;
}
h5 { 
	font-size:25px; line-height:40px; color:#900; padding:5px 0; margin:0 0 10px 0; display:block;
}
h6 { 
	font-size:17px; line-height:22px; color:#555; padding:5px 0; margin:0 0 5px 0; display:block;
}
/* ====================================================== GENERAL FINISH ====================================================== */
/* ====================================================== HEADER  BEGINS ====================================================== */
#headerContainer { 
	width:100%; height:367px; padding:0; margin:0; background:url(../images/header_footer/header_repeat.gif) repeat-x;
	display:block; float:left; position:relative;
}
#header { 
	width:980px; height:345px; padding:22px 0 0 0; margin:0 auto; display:block;
	background:url(../images/header_footer/header_bg.png) bottom no-repeat;
}

#topHeader { 
	width:980px; height:auto; padding:0; margin:0; display:block; font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px; font-style:italic; line-height:20px; color:#555; float:left;
}
#headerLogo { width:300px; height:75px; padding:0; margin:0; float:left; display:block; }
#headerText { width:550px; height:auto; padding:15px 0 0 0; margin:0; float:right; display:block; text-align:right; }

#navigationContainer { 
	width:977px; height:67px; padding:0 0 0 3px; margin:60px 0 0 0; display:block; float:left;
	font-family:Helvetica, Arial, sans-serif; font-size:16px; position:relative;
}

ul.mainMenu { margin:0px; padding:0px; float:left; }
/* -- FIRST LEVEL STARTS -- */
ul.mainMenu li { 
	list-style-type:none; float:left; display:block; position:relative; 
	background:url(../images/header_footer/rivot.png) no-repeat right; 
}
ul.mainMenu li a { 
	display:block; color:#B2B2B2; text-decoration:none; height:15px; width:auto; padding:27px 15px 24px 10px; float:left; 
}
ul.mainMenu li a:hover {
	display:block; color:#FFC600; text-decoration:none; width:auto; float:left; 
	background:url(../images/header_footer/arrow.gif) no-repeat center 50px;
}
ul.mainMenu li a.active {
	display:block; color:#FFC600; text-decoration:none; width:auto; float:left; 
	background:url(../images/header_footer/arrow.gif) no-repeat center 50px;
}
/* -- FIRST LEVEL FINISH -- */
/* -- SECOND LEVEL STARTS -- */
ul.mainMenu li ul { 
	position:absolute; left:-5px; top:66px; margin:0; padding:0; border:none; text-align:left; width:430px;
	background:#393C3E; border:1px solid #666; font-size:11px;
}
ul.mainMenu li ul li { 
	position:relative; float:left; clear:left; list-style-type:none; display:block; width:430px;
	background:url(../images/line.gif) repeat-x bottom; position:relative;
}
ul.mainMenu li ul li a { float:left; display:block; padding:10px 15px 2px 15px; width:400px; height:20px; cursor:pointer; }
ul.mainMenu li ul li a:hover { 
	float:left; display:block; color:#FFC600; background:#434547 url(../images/line.gif) repeat-x bottom; width:400px;
}
/* -- SECOND LEVEL FINISH -- */
/* -- THIRD LEVEL STARTS -- */
ul.mainMenu li ul li ul { 
	position:absolute; left:250px; top:-1px; margin:0; padding:0; border:none; text-align:left; width:430px;
	background:#393C3E; border:1px solid #666; font-size:11px;
}
ul.mainMenu li ul li ul li { 
	position:relative; float:left; clear:left; list-style-type:none; display:block; width:430px;
	background:url(../images/line.gif) repeat-x bottom; position:relative;
}
ul.mainMenu li ul li ul li a { float:left; display:block; padding:8px 15px 4px 15px; width:400px; height:20px; cursor:pointer; }
ul.mainMenu li ul li ul li a:hover { 
	float:left; display:block; color:#FFF; background:#434547 url(../images/line.gif) repeat-x bottom; width:400px;
}
/* -- THIRD LEVEL FINISH -- */
ul.mainMenu li ul, ul.mainMenu li:hover ul ul, ul.mainMenu li ul:hover ul  { display:none; } /* The magic */
ul.mainMenu li:hover ul, ul.mainMenu li ul li:hover ul { display:block; } /* The magic */

#bottomHeader { width:650px; height:auto; padding:0; margin:25px 0 0 0; display:block; float:left; }
#bottomHeader h1 { letter-spacing:-3px; float:left; display:block; }
#learnMore { 
	width:650px; padding:5px 0 0 0; margin:0; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; display:block;
}

#learnMore a { color:#2D82B2; } 
/* ====================================================== HEADER  FINISH ====================================================== */
/* ====================================================== CONTENT BEGINS ====================================================== */
#contentContainer { width:100%; height:auto; padding:0 0 20px 0; margin:0; display:block; float:left; background:#FFF; }
#content { width:980px; height:auto; padding:0; margin:0 auto; display:block; }

#topContent { width:980px; height:auto; padding:0; margin:0 0 10px 0; display:block; float:left; } 

#mainContent { width:980px; height:auto; padding:0; margin:0 0 20px 0; display:block; float:left; overflow:visible; }

#leftContent { 
	width:271px; height:auto; padding:70px 0 0 0; margin:20px 0 0 0; display:block; float:left;
	background:#393C3E url(../images/side_container.gif) no-repeat; color:#FFF;
}
#leftContent ul { 
	padding:0 0 50px 0; margin:0; background:url(../images/side_container_bottom.gif) bottom no-repeat; display:block;
	font-family:Verdana, Geneva, sans-serif; font-size:14px; float:left; position:relative; float:left;
}
#leftContent li { 
	padding:0; margin:0; list-style:none; display:block; float:left; width:271px; 
	background:url(../images/line.gif) repeat-x bottom; position:relative;
}
#leftContent li a { color:#FFF; padding:10px 15px 12px 15px; float:left; width:241px; display:block; }
#leftContent li a:hover { background:#434547 url(../images/line.gif) repeat-x bottom; text-decoration:none; cursor:pointer; }

#leftContent li ul { 
	position:absolute; left:271px; top:0; display:none; margin:0; padding:0; border:none; text-align:left; width:420px;
	background:#393C3E; border:1px solid #666; font-size:11px;
}
#leftContent li ul li { 
	position:relative; float:left; clear:left; list-style-type:none; display:block; width:420px;
	background:url(../images/line.gif) repeat-x bottom; position:relative; 
}
#leftContent li ul li a { 
	float:left; display:block; padding:6px 15px; width:390px; height:20px; cursor:pointer; 
}
#leftContent li ul li a:hover { 
	float:left; display:block; color:#FFF; background:#434547 url(../images/line.gif) repeat-x bottom;
}

#leftContent li:hover ul, #leftContent li.over ul { display: block; } /* The magic */


#rightContent { 
	width:640px; height:auto; padding:0; margin:20px 0 0 0; display:block; float:right;
	font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;
}
#rightContent p { padding:5px 0; margin:0 0 10px 0; display:block; }
#rightContent a { color:#2D82B2; font-weight:bold; }

#rightContent ul { padding:0; margin:0 0 15px 25px; display:block; }
#rightContent li { padding:5px 0 5px 10px; margin:0; list-style:url(../images/small_list.gif); }
#rightContent li ul, #rightContent li ul li ul  { padding:0; margin:0 0 0 25px; display:block; }

#rightContent ul.twoColumn { width:270px; padding:0 10px 0 0; margin:0 0 15px 25px; display:block; float:left; }
#rightContent ul.numbers li { 
	list-style:decimal; list-style-image:none; margin:0 0 10px 0; text-align:justify; padding:5px 0 5px 10px; 
}

.indexSubContainer { 
	width:190px; height:180px; padding:1px 0 5px 0; margin:0 3px; float:left; border-top:4px solid #DDA905;
	border-bottom:1px solid #CCC; font-family:Verdana, Geneva, sans-serif; font-size:11px; 
}
.indexSubImage { width:190px; height:90px; padding:0; margin:0 0 10px 0; display:block; }
.indexSubContainer h2 { padding:0; margin:0 0 10px 0; display:block; }
.indexSubContainer p { padding:0 5px 0 0; margin:0 0 15px 0; display:block; color:#555; line-height:15px; }
.subLearnMore a { color:#2D82B2; display:block; }

#bottomContent { width:980px; height:auto; padding:0; margin:0; display:block; float:left; } 
#leftBottom { float:left; width:300px; display:block; margin:0; padding:0; }
.subLinks { padding:0; margin:0; display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
.subLinks a { color:#2D82B2; padding:5px 0; margin:0; display:block; } 
#rightBottom { float:right; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#076F5B; }
#rightBottom span { display:block; float:left; margin:0 0 0 15px; }
#rightBottom img { display:block; padding:0; margin:0 0 5px 0; }
/* ====================================================== CONTENT FINISH ====================================================== */
/* ====================================================== CONTACT BEGINS ====================================================== */
#rightContent fieldset { 
	width:580px; height:auto; padding:20px; margin:0 0 15px 0; display:block; float:left;
	border:1px solid #777; background:#CCC; color:#555; font-family:Arial, Helvetica, sans-serif;
}
#rightContent .contactRow { width:580px; padding:0; margin:0 0 10px 0; float:left; display:block; vertical-align:middle; }
#rightContent label { width:150px; float:left; display:block; font-weight:bold; padding:5px 0 0 0; margin:0; }
#rightContent input { width:400px; float:left; display:block; border:1px solid #777; padding:5px; margin:0; }
#rightContent input.submit { 
	width:200px; float:left; display:block; border:1px solid #777; padding:7px 5px; margin:0; background:#777; 
	color:#FFF; font-weight:bold; cursor:pointer; outline:none;
}
#rightContent textarea { width:400px; float:left; display:block; border:1px solid #777; padding:5px; margin:0; height:100px; }
#rightContent .contactRow img { float:left; display:block; width:70px; height:24px; border:1px solid #777; margin:0 10px 0 0; padding:0 }
#rightContent .contactRow small { float:left; display:block; margin:0 0 0 10px; padding:5px 0 0 0; }
.required { color:#9A1538; font-weight:bold; }
.accept{ color:#2D82B2; float:left; }
.error{ color:#9A1538; float:left; }
/* ====================================================== CONTACT FINISH ====================================================== */
/* ====================================================== DATABASE BEGINS ====================================================== */
#dataContainer { width:640px; padding:10px 0; margin:10px 0; float:left; display:block; }
#dataContainer .dataList { width:640px; padding:0; margin:0 0 10px 0; float:left; display:block; }
#dataContainer .dataList li { 
	list-style:none; display:block; float:left; width:620px; padding:10px; margin:0 0 1px 0; float:left; 
}
#dataContainer .dataList li:hover { background:#CCC; }
.odd { background:#E2E2E2; }
.even { background:#F4F4F4; }

#dataContainer h6 { float:left; width:640px; }

.leftData { width:370px; float:left; display:block; }
.jobDescription { 
	font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#0F3781; display:block; float:left; width:370px; 
}
.jobType { font-size:11px; color:#444; display:block; float:left; width:370px; }

.rightData { width:180px; float:left; display:block; text-align:right; color:#666; }
.jobPosted { 
	font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; display:block; float:left; width:180px; 
}
.jobContact { font-size:11px; display:block; float:left; width:180px; }
.arrowInfo { width:32px; float:right; display:block; text-align:right; vertical-align:middle; padding:5px 0 0 0; margin:0; }

#career { padding:5px 0 0 0; margin:0; line-height:30px; }
.hightlightData { padding:2px 5px; margin:0; font-weight:bold; color:#900; }
.hightlightData:hover { padding:2px 5px; margin:0; background:#900; color:#FFF; }
.back { 
	padding:5px 0 5px 40px; margin:50px 0 10px 0; display:block; background:url(../images/back_icon.png) no-repeat;
}
/* ====================================================== DATABASE FINISH ====================================================== */
/* ====================================================== FOOTER  BEGINS ====================================================== */
#footerContainer { 
	width:100%; height:auto; padding:0; margin:0; display:block; float:left; border-top:2px solid #ADADAD;
	background:#EDEDED url(../images/header_footer/footer_repeat.gif) repeat-x;
}
#footer { 
	width:980px; height:auto; padding:20px 0 10px 0; margin:0 auto; display:block; overflow:hidden;
	font-family:Verdana, Geneva, sans-serif; color:#666;
}
#footer a { color:#666; }

#leftFooter { width:520px; height:auto; padding:0; margin:0; float:left; font-size:12px; line-height:20px; }
#footerLinks { width:520px; height:auto; padding:0; margin:10px 0; display:block; float:left; }
#footerLinks a { padding:0 10px 0 0; margin:0; }
#prosafeLogo { 
	font-size:11px; padding:0; margin:20px 20px 20px 0; display:block; float:left;
}

#rightFooter { 
	width:350px; height:auto; padding:10px 0; margin:0; float:right; text-align:right; font-size:11px; 
	display:block; line-height:20px;
}
#rightFooter img { display:block; float:right; padding:0; margin:20px 0 0 0;  }
/* ====================================================== FOOTER  FINISH ====================================================== */