﻿/****************************************************************************************/
/*										GLOBAL											*/
/****************************************************************************************/
@charset "utf-8";
*{
	margin: 0 auto;
}
/****************************************************************************************/
/* 										MENU											*/
/****************************************************************************************/
#menu {
	width: 920px;
	height: 40px;
	margin-left: -1px;
	background: #fff url('../img/menu/nav_menu_bg.png') repeat-x;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
}
#menumain ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
#menumain ul li { 
	display: inline;
}
#menumain ul li a {
	padding: 8px;
	color: #AAA;
	text-decoration: none;
	outline: none;
	float: left;
	border-right: 1px solid #333;
}
#menumain ul li a:hover {
	background: #666 url('../img/menu/nav_menu_hover_bg.png') repeat-x;
	color: #FFF;
}
/****************************************************************************************/
/*										MISC											*/
/****************************************************************************************/
.small_text{
	font-size: 12px;
}
.med_text{
	font-size: 90%;
	line-height: 150%;
}
.heavy{
	font-weight: bold;
	font-size: 110%;
}
.heavy_dash{
	/*font-weight: bold;*/
	border-bottom: 1px dashed #ccc;
	font-size: 30px;
}
.heavy_dot{
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	font-size: 30px;
}
.heavy_solid{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 30px;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}

.center {
  	margin: auto;
  	width: 50%;
  	padding: 10px;
}
.text-center{
	text-align: center;
}
.b2px-black{
  	border: 2px solid #000;
}
.mb20 {
	margin-bottom: 20px;
}

.map{
	height:310px;
	width:300px;
	overflow:hidden;
	border:1px solid #ccc;
}

/*
.mdot_prequal{
	height: 75px;
	display: block;
	float: right;
	margin: 5px;
	background: #fff url(../img/mca_logo.jpg) no-repeat right;	
}
*/

#mdot_prequal{
	margin: 0px;
	height: 75px;
	background: url('../img/mca_logo.jpg') no-repeat right;
}
#mdot_prequal .text{
	font-size: 12px;
	font-style: italic;
	text-align: center;
	color: #000;
}
#mdot_prequal img{
	float: right;
}

#under_construction {
	padding-top:30px;
	margin: 0 auto;
}
#under_construction img{
	margin: 0 auto;
	display:block;
}
#under_construction p{
	margin-top: 50px;
	text-align: center;
	font-size: 140%;
	color: #CC3300;
}

/****************************************************************************************/
/*										BODY											*/
/****************************************************************************************/
body {
	margin: 0;
	font:  100%/135% Verdana, Geneva, sans-serif;
	background: #2E2E2E url(../img/content_bg.jpg) repeat top;
}
/****************************************************************************************/
/*									  HEADINGS											*/
/****************************************************************************************/
h1 {
	color: #000;
	font-size: 40px;
}
h2 {
	color: #000;
	font-size: 20px;
	/*border-bottom: solid 1px #BBB;*/
}
h2 a {
	color: #0099CC;
}
h2 a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
h3 {
	color: #222;
	font-size: 14px;
}
#content_heading {
	width: 800px;
	background: url('../img/heading_bg2.png') no-repeat bottom;
	padding-bottom: 0px;
	margin:  15px 0px 1px 15px;
	font-weight: normal;
	line-height: 32px;
	color: #000;
}
#contact_heading {
	width: 800px;
	background: url('../img/heading_bg2.png') no-repeat bottom;
	padding-bottom: 0px;
	margin:  15px 0px 1px 15px;
	font-weight: normal;
	line-height: 32px;
	color: #000;
}

#ul_heading{
	font-weight: bold;
	font-size: 110%;
	color: #000;
}
/****************************************************************************************/
/*										LINKS											*/
/****************************************************************************************/
a, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #009CE8;
	text-decoration: none;
}
/****************************************************************************************/
/* 									CONTENT WRAPPERS	 								*/
/****************************************************************************************/
#page_wrapper {
	width: 980px;
	padding-bottom: 20px;
	background: url(../img/page_wrapper_bg.png) bottom center no-repeat;	
}

#content_wrapper {
	width: 920px;
	background-color: #fff;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
}
/****************************************************************************************/
/*										HEADER											*/
/****************************************************************************************/
#header {
	width: 920px;
	height: 150px;
	background: #222 url(../img/header_bg.png) repeat top;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
}
#header .bg_right {
	height: 150px;
	width: 360px;
	float: right;
	background: url(../img/header_bg_right.png) no-repeat;
}
#header .logo {
	height: 90px;
	width: 500px;
	margin: 35px 0px 0px 20px;
	float: left;
	background: url('../img/logo3.png') no-repeat;
	overflow: auto;
}
#header p.subtext {
	width: 370px;
	margin: 0px 0px 0px 23px;
	float: left;
	color: #888;
	font-style: italic;
	font-size: 75%;
	text-align: right;
}
#header .right_wrapper{
	height: 150px;
	width: 360px;
	float: right;
	padding-top: 0px;
}
#header ul.header_ul  {
	text-decoration: none;
	list-style: none;
	padding: 15px 0px 0px 0px;
	float: right;
}
#header ul.header_ul li{
	padding: 0px 20px 0px 0px;
	margin-left: 0px;
	text-align: center;
	color: #fff;
	font-size: 85%;
}

/****************************************************************************************/
/*										CONTENT											*/
/****************************************************************************************/
#content{
	width: 920px;
	clear:both;
	overflow: hidden;
}
#content p {
	padding: 0 0  20px 0;
}
#content span {
	float: right;
}
#content h1, #content h2, #content h3, #content h4 {
	margin:  15px 0 15px 0;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 150%;
	color: #000;
}
#content_left {
	width:565px;
	padding: 15px;
	font-size: 90%;
	margin-right: 10px;
	line-height: 150%;
	float: left;
	display: inline-block;
}
#content_right {
	display:inline-block;
	width: 280px;
	padding: 15px;
	font-size: 90%;
	margin-left: 0px;
	line-height: 150%;
	color: #000;
}
#content_right p {
	padding: 0 0 10px 0;
}
#content_full{
	width:890px;
	margin: 0px 0px 25px 15px;
	font-size: 90%;
	line-height: 150%;
}
#content_left_50 {
	width:425px;
	padding: 15px;
	font-size: 90%;
	margin-right: 10px;
	line-height: 150%;
	display: inline-block;
	float: left;
}
#content_right_50 {
	width: 425px;
	padding: 15px;
	font-size: 90%;
	margin-left: 0px;
	line-height: 150%;
	display:inline-block;
}
#content_right_no_pad {
	display:inline-block;
	width: 300px;
	padding: 0px;
	margin-left: 0px;
	color: #000;
	float: right;
}
#content_mdot_prequal {
	width:700px;
	padding: 15px;
	font-size: 90%;
	margin-right: 10px;
	line-height: 150%;
	float: left;
	display: inline-block;
}

/****************************************************************************************/
/* 										LISTS											*/
/****************************************************************************************/
ul.bullet{
	text-decoration: none;
	list-style: none;
	padding: 0px;
}
ul.bullet li{
	padding: 0px;
	margin-left: 25px;
	/*border-bottom: 1px solid #bbb;*/
	list-style-image: url('../img/bullet.png');
}

ul.job{
	text-decoration: none;
	list-style: none;
	padding: 0px;
}
ul.job li{
	padding: 0px 0px 0px 10px;
	border-bottom: 1px dashed #ccc;
	list-style-type: none;
}
ul.job li:hover{
	/*background-color: #FFD866;*/
	background-color: #ddd;
}

ul.services{
	text-decoration: none;
	list-style: none;
	padding: 0px;
}
ul.services li{
	padding: 0px;
	margin-left: 25px;
}


/****************************************************************************************/
/* 									CONTACT INFO										*/
/****************************************************************************************/
#contact_info{
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 25px 25px;
	font-weight: normal;
	width: 450px;
}
#contact_info .email_wrapper{
	width: 425px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
#contact_info .email_contact{
	float:left;
	min-width: 100px;
	padding-right: 25px;
	display: inline-block;
}
#contact_info .email{
	float:left;
	padding-left: 30px;
	display: inline-block;
	background: url('../img/mail.png') no-repeat;
}


#contact_info .contact{
	float:left;
	display: inline-block;
}
#contact_info .email-addr{
	float:left;
	padding-left: 30px;
	display: inline-block;
	background: url('../img/mail.png') no-repeat;
}

/****************************************************************************************/
/* 									CONTENT SLIDER										*/
/****************************************************************************************/
#slider_wrapper {
	width: 100%;
	height: auto;
	margin:  10px 0px 5px 0px;
}
#slider {
	background-color:#000;
	border:5px solid #eaeaea;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);
	height:187px;
	width:281px;
	margin: 0 auto;
	overflow:visible;
}
/****************************************************************************************/
/* 										FOOTER 											*/
/****************************************************************************************/
#footer {
	width: 920px;
	height: 48px;
	margin: 0 auto;
	text-align: center;
	background: url('../img/footer_bg.png') no-repeat;
}
#footer_center{
	font: 100%/150% Geneva, Arial, Helvetica, sans-serif;
	color: #888;
	letter-spacing: -1px;
	font-size: 13px;
	padding-top: 10px;
}
#footer a {
	color: #fff;
}
/****************************************************************************************/
/* 									  GOOGLE MAP										*/
/****************************************************************************************/
#map_wrapper{
	height:300px;
	width:300px;
	overflow:hidden;
	border:1px solid #ccc;
}
.gm-style img{
	max-width: none;
}
.gm-style-iw{
	height:auto !important;
	color:#000000;
	display:block;
	white-space:nowrap;
	width:auto !important;
	line-height:18px;
	overflow:hidden !important;
}
#map_canvas_wrapper {
	height:300px;
	width:300px;
	overflow:hidden;
}
#map_canvas{
	height:300px;
	width:300px;
}

/****************************************************************************************/
/* 										CLEAR DIV'S										*/	
/****************************************************************************************/
.clearfix {
	clear:both;
	overflow: auto;
}

/****************************************************************************************/
/* 										  IMAGES										*/
/****************************************************************************************/
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}
img.center-full {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.shadow-border {
	border:5px solid #eaeaea;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);
}

/****************************************************************************************/
/* 									  2 COLUMN LAYOUT									*/
/****************************************************************************************/
#content_memberships {
	width:700px;
	padding: 15px;
	font-size: 90%;
	margin-right: 10px;
	line-height: 150%;
	float: left;
	display: inline-block;
}

.mdot_prequal{
	margin: 0px;
	height: 75px;
	background: url('../img/mca_logo.jpg') no-repeat right;
}
.mdot_prequal > .text{
	font-size: 12px;
	font-style: italic;
	text-align: center;
	color: #000;
}
.mdot_prequal > img{
	float: right;
}