/* @override http://warrenrecruiting.com/css/default.css */

body {
	font-family: Verdana; 
	font-size: 12px; 
	color: #333333; 
	background-color: #415ea2; 
	background-image: url(images/body_bg.jpg); 
	background-repeat: repeat-x; 
	margin: 0; 
	padding: 0;
}
a {text-decoration: underline; color: #3d5793;}
a:hover {text-decoration: none;}
img {border: 0;}
.left {float: left;}
p.source {padding: 0; margin: 0; font: bold 11px lucida sans unicode, ms sans serif, arial; color: #c25e12; text-align: right;}
h3.testimonial {padding: 0; margin: 0; color: #666; font-family: lucida sans unicode, ms sans serif, arial; font-size: 14px; font-weight: normal; line-height: 21px;}
a.hiring-managers {background: url(../images/icon-tabs.jpg) no-repeat 0 -2px; padding: 0 0 0 30px; height: 25px; display: block; font-size: 15px; font-weight: bold; color: #a74b08;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
#rightcontainer .maincontent p.resource {line-height: 100%; padding: 5px 0; margin: 0; font-family: tahoma; font-size: 13px;}
#rightcontainer .maincontent p.resource img {position: relative; top: 2px; padding: 0 5px 0 0;}

ul.success {margin: 0; padding: 10px 0 0 15px;}
ul.success li {margin: 0 0 10px 0; line-height: 16px; color: #333;}

ul li {font-family: tahoma;}

ol {margin: 0; padding: 5px 20px 5px 30px; background: #eee;}
ol li {margin: 10px 0; font-family: tahoma; line-height: 140%; color: #000;}

/*
	Main container
*/
#maincontainer {width: 928px; margin: 35px auto 0px auto;}
#maincontainer .topmenu {margin: 0; padding: 0px 28px 0px 0px; list-style: none; color: #ffffff; font-size: 13px; float: right;}
#maincontainer .topmenu li {float: left;}
#maincontainer .topmenu li span {font-weight: bold;}
#maincontainer .topmenu li a {color: #ffffff;}
#maincontainer .topmenu li a:hover {color: #ffffff;}

/*
	Main container - container with corners
*/
#mainwhitecontainer {width: 901px; background-color: #ffffff; margin: 10px 0px 0px 0px;}
#mainwhitecontainer .topleftcorner {width: 100%; background-image: url(images/topleftcorner.gif); background-repeat: no-repeat; background-position: 0 0;}
#mainwhitecontainer .topleftcorner .toprightcorner {
							width: 100%; 
							background-image: url(images/toprightcorner.gif); 
							background-repeat: no-repeat; 
							background-position: 100% 0;
}
#mainwhitecontainer .bottomleftcorner {
						background-image: url(images/maincontainer_left_bottom_corner.jpg); 
						background-repeat: no-repeat; 
						background-position: 0 100%; 
						height: 7px;
}
#mainwhitecontainer .bottomleftcorner .bottomrightcorner {
								background-image: url(images/maincontainer_right_bottom_corner.jpg); 
								background-repeat: no-repeat; 
								background-position: 100% 100%; 
								height: 7px;
}

/*
	Left container
*/
#leftcontainer {float: left; padding: 10px 5px 10px 10px; width: 165px;}
#leftcontainer .logo {padding-bottom: 5px;}

ul.jobnav {margin: 10px 0; padding: 0;}
ul.jobnav li {margin: 0; background: #21559e; list-style: none; padding: 6px 0 6px 10px;}
ul.jobnav li.alt {background-color: #4d97d8;}
ul.jobnav li a {text-decoration: none; color: #fff; font-weight: bold;}
ul.jobnav li a:hover {text-decoration: underline;}
/*
	Services block
*/
#leftcontainer .services_block .bgcolor {margin-top: -126px; background-color: #ededed; }
#leftcontainer .services_block .bg { background-image: url(images/left_services_bg.jpg); background-repeat: no-repeat-x;  height: 126px;}
#leftcontainer .services_block .leftbg {background-image: url(images/left_services_left_bg.jpg); background-position: 0 0; background-repeat: no-repeat;  height: 126px;}
#leftcontainer .services_block .rightbg {
						background-image: url(images/left_services_right_bg.jpg); 
						background-position: 100% 100%; 
						background-repeat: no-repeat; 
						height: 126px;
}
#leftcontainer .services_block .bottombg {
						background-image: url(images/left_services_bottom_bg.jpg); 
						background-repeat: no-repeat; 
						width: 165px; 
						height: 7px;
}
#leftcontainer .services_block .container {width: 158px; margin: 0px auto 0px auto; position: relative; z-index: 5; min-height: 126px;}
#leftcontainer .services_block .container h2 {
						width: 112px; 
						height: 18px; 
						display: block; 
						background-image: url(images/services_lbl.jpg); 
						background-repeat: no-repeat; 
						margin: 20px 0px 0px 4px; 
						padding: 0;
}
#leftcontainer .services_block .container h2 span {visibility: hidden;}
#leftcontainer .services_block .container ul {margin: 0; padding: 15px 5px 10px 10px; list-style: none; display: block; font-size: 11px;}
#leftcontainer .services_block .container ul li {padding: 3px 0px 3px 0px;}
#leftcontainer .services_block .container ul li a {color: #6a6a6a; font-weight: bold; font-family: tahoma;}
#leftcontainer .services_block .container ul li a:hover {color: #6a6a6a;}


/*
	Blog block
*/
#leftcontainer .blog_block .bgcolor {margin-top: -300px; background-color: #ededed; }
#leftcontainer .blog_block .bg { background-image: url(images/left_blog_bg.jpg); background-repeat: no-repeat-x;  height: 300px;}
#leftcontainer .blog_block .leftbg {background-image: url(images/left_blog_left_bg.jpg); background-position: 0 0; background-repeat: no-repeat;  height: 300px;}
#leftcontainer .blog_block .rightbg {
						background-image: url(images/left_blog_right_bg.jpg); 
						background-position: 100% 100%; 
						background-repeat: no-repeat; 
						height: 300px;
}
#leftcontainer .blog_block .bottombg {
						background-image: url(images/left_blog_bottom_bg.jpg); 
						background-repeat: no-repeat; 
						width: 165px; 
						height: 5px;
}
#leftcontainer .blog_block .container {font-family: tahoma; width: 158px; margin: 0px auto 0px auto; position: relative; z-index: 5; min-height: 300px;}
#leftcontainer .blog_block .container h2 {
						width: 105px; 
						height: 16px; 
						display: block; 
						background-image: url(images/blog_lbl.jpg); 
						background-repeat: no-repeat; 
						margin: 20px 0px 0px 10px; 
						padding: 0;
}
#leftcontainer .blog_block .container h2 span {visibility: hidden;}
#leftcontainer .blog_block .container ul {margin: 0; padding: 15px 5px 0px 10px; list-style: none; display: block; font-size: 11px;}
#leftcontainer .blog_block .container ul li {padding: 0px 0px 15px 0px;}
#leftcontainer .blog_block .container ul li a {color: #6a6a6a; font-weight: bold;}
#leftcontainer .blog_block .container ul li a:hover {color: #6a6a6a;}
#leftcontainer .blog_block .container ul li p {padding: 0; margin: 0;}

/*
	Testimonial block
*/
#leftcontainer .testimonial-block .bgcolor {margin-top: -300px; background-color: #ededed; }
#leftcontainer .testimonial-block .bg { background-image: url(images/left_blog_bg.jpg); background-repeat: no-repeat-x;  height: 300px;}
#leftcontainer .testimonial-block .leftbg {background-image: url(images/left_blog_left_bg.jpg); background-position: 0 0; background-repeat: no-repeat;  height: 300px;}
#leftcontainer .testimonial-block .rightbg {
						background-image: url(images/left_blog_right_bg.jpg); 
						background-position: 100% 100%; 
						background-repeat: no-repeat; 
						height: 300px;
}
#leftcontainer .testimonial-block .bottombg {
						background-image: url(images/left_blog_bottom_bg.jpg); 
						background-repeat: no-repeat; 
						width: 165px; 
						height: 5px;
}
#leftcontainer .testimonial-block .container {font-family: tahoma; width: 158px; margin: 0px auto 0px auto; position: relative; z-index: 5; min-height: 300px;}
#leftcontainer .testimonial-block .container h2 {
						width: 150px; 
						height: 16px; 
						display: block; 
						background-image: url(images/lbl-testimonials.gif); 
						margin: 20px 0px 0px 4px; 
						padding: 0;
}
#leftcontainer .testimonial-block .container h2 span {visibility: hidden;}
#leftcontainer .testimonial-block .container ul {margin: 0; padding: 15px 5px 0px 10px; list-style: none; display: block; font-size: 11px;}
#leftcontainer .testimonial-block .container ul li {padding: 0px 0px 15px 0px;}
#leftcontainer .testimonial-block .container ul li a {color: #6a6a6a; font-weight: bold;}
#leftcontainer .testimonial-block .container ul li a:hover {color: #6a6a6a;}
#leftcontainer .testimonial-block .container ul li p {padding: 0; margin: 0; line-height: 15px;}



/*
	Right container
*/
#rightcontainer {float: right; padding: 10px 10px 10px 0px; width: 706px; margin: 0;}
#rightcontainer .header {padding: 0; margin: 0; padding-top: 13px;}

/*
	Main menu
*/
#rightcontainer .mainmenu {padding: 0; margin: -3px 0 20px 0; list-style: none; height: 27px;background: url(images/mainmenu_bg.jpg); }
#rightcontainer .mainmenu li {float: left; padding: 0; margin: 0;}
#rightcontainer .mainmenu li a {display: block;}
#rightcontainer .mainmenu li span {display: none;}
#rightcontainer .mainmenu li a {font-family: tahoma; font-weight: bold; color: #fff; text-decoration: none; padding: 6px 14px 7px 14px; font-size: 12px;}
#rightcontainer .mainmenu li a.active {background: #fff; color: #333;}
#rightcontainer .mainmenu li a:hover {text-decoration: underline;}
/*
	Right main container
*/
#rightcontainer .maincontent {float: left; width: 420px; padding: 0 0 0 15px; margin: 0; clear: both;}
#rightcontainer .maincontent h1 {font-family: tahoma; color: #3e5d72; font-size: 22px; margin: 0px; padding: 0;}
#rightcontainer .maincontent h2 {font-family: tahoma; color: #3e5d72; font-size: 18px; margin: 0px; padding: 20px 0px 0px 0px;}
#rightcontainer .maincontent p {line-height: 160%; padding: 10px 0px 10px 0px; margin: 0; font-family: tahoma; font-size: 13px;}
/*
	Right right container
*/
#rightcontainer .rightcontent {width: 240px; float: right; margin: 0;}

/*
	Right right New jobs listings
*/
#rightcontainer .newjobs_block .bgcolor {margin-top: -319px;}
#rightcontainer .newjobs_block .bg {height: 319px;}
#rightcontainer .newjobs_block .leftbg {background-repeat: no-repeat;  height: 319px;}
#rightcontainer .newjobs_block .rightbg {
						height: 319px;
}
#rightcontainer .newjobs_block .bottombg {
						width: 240px; 
						height: 5px;
}
#rightcontainer .newjobs_block .container img {margin: 0 15px 0 0;}
#rightcontainer .newjobs_block .container p.cta {clear: left; min-height: 48px; padding: 8px 10px 8px 10px; background: #f7f7f7; border: 1px solid #ececec;}
#rightcontainer .newjobs_block .container {font-family: tahoma; font-size: 11px; width: 230px; margin: 0px auto 0px auto; position: relative; z-index: 5; min-height: 319px; color: #666;}
#rightcontainer .newjobs_block .container h2 {
						width: 191px; 
						height: 16px; 
						display: block; 
						background-image: url(images/new_job_listing_lbl.jpg); 
						background-repeat: no-repeat; 
						margin: 20px 0px 0px 10px; 
						padding: 0;
}
#rightcontainer .newjobs_block .container h2 span {visibility: hidden;}
#rightcontainer .newjobs_block .container ul {margin: 0; padding: 15px 5px 0px 10px; list-style: none; display: block; font-size: 11px;}
#rightcontainer .newjobs_block .container ul li {padding: 3px 0px 18px 0px;}
#rightcontainer .newjobs_block .container ul li a {color: #6a6a6a;}
#rightcontainer .newjobs_block .container ul li a.alt {color: #333333;}
#rightcontainer .newjobs_block .container ul li a:hover {color: #85a82a;}

/*
	Bottom container
*/
#bottomcontainer {background-image: url(images/bottom_line.png); background-repeat: no-repeat; width: 898px; min-height: 24px; margin: 0px auto 0px auto; padding: 0; behavior: url(images/iepngfix.htc);}
#bottomcontainer .bottommenu {padding: 35px 0px 0px 0px; list-style: none; margin: 0px auto 0px auto; width: 430px;}
#bottomcontainer .bottommenu li {float: left; color: #ffffff; font-size: 10px; padding-right: 5px;}
#bottomcontainer .bottommenu li a {color: #ffffff; text-decoration: none;}
#bottomcontainer .bottommenu li a:hover {color: #ffffff; text-decoration: underline;}

#bottomcontainer .copyright {font-size: 10px; color: #caedff; text-align: center; padding: 15px 0px 30px 0px; margin: 0;}
#bottomcontainer .copyright a {color: #caedff;}
#bottomcontainer .copyright a:hover {color: #caedff;}
#bottomcontainer .copyright span {display: block;}
#bottomcontainer .copyright span a {text-decoration: none;}

/* Contact Form */
#contactForm { width: 100%; background-color: #3e5d72; border: 1px solid #6C7379;}
#googleMap { margin: 20px 0 0 0; width: 100%; border: 1px solid #3e5d72;}
dl.contact{ margin: 10px 20px 10px 15px;}
dl dd {margin: 0; padding: 0;}
dl.contact dd input{ width: 100%; height: 17px; margin: 0 0 5px 0;}
.redBorder{ border: 1px solid red;}
.redText{ color: #704741; }
dl.contact dd textarea{ width: 100%;}
dl.contact dt { font-weight: bold; font-family: verdana; font-size: 11px; color: #fff;}
input.submit{margin-left: 10px;margin-bottom: 10px;}


.rightcontent h2 {font-size: 15px; margin: 0; font-family: tahoma; font-weight: bold;}
.rightcontent p {margin: 5px 0 20px 0;}
.contactbox {border: 1px solid #ccc; margin: 0 0 20px; padding: 10px;}
.greenbg {background-color: #ebffd8;}
.bluebg {background-color: #ecf2f9;}
.yellowbg {background-color: #fdfddf;}
.redbg {background-color: #f9ecec;}