/* ************************************************************************** */

/*                             Generic Site Styles                            */

/* ************************************************************************** */



body {

	margin: 0px;

	padding-bottom: 20px;  /*always leave some blank space, 20px, after the footer*/

	text-align: center;

	

	/* background-image: url('/images/global_bg_top.jpg'); 

	background-position:  left top;

	background-repeat: repeat-x;  */

	background-color: #eee;  /*light gray for the outside area*/	

	font-family: Arial, Helvetica, Verdana, sans-serif !important;

	/* Create a consistent base font size across browsers. */

	font-size: 70.7% !important

}

body > * { /* IE6-only filter */

	text-align: left;

}

/* Yes: all links in all pages get these preferances */

a {

	color: #3C61A5;/*MSI Nice blue*/

}

a:visited{

	color: #3C61A5;

}

a img {

	border-width: 0;

}



a.map-item-popup, a.map-item-popup:hover {

	color: #4c6e58 !important;

	text-decoration: none !important;

	border-bottom: 1px dashed #4c6e58 !important;

}

img.map-item-popup {

	vertical-align: -1px;

}



/* Yes: Hide the Homepage Contextual Section Headers */

h2.contextual-section-header {

	display: none;

}



/* Yes: Outer Container for bottom shadow */

div#outer-container {

	width: 772px;

	padding: 0;

	margin: 0px auto;

	

	/* background-image: url('/images/global_page_side_shadow.jpg');

	background-repeat: repeat-y; */

	

	background-color: white;	

	position: relative; 

	background-position-y:center;

}



/* Gradient background addition. */

div#pre-container {

	position: absolute;

	left: 0;

	top: 0;

	width: 772px;

	height: 132px;

	

	background-image: url('/images/global_header_bg.jpg');

	background-position:  left top;

	background-repeat: no-repeat

}



/* Yes: Main Container for All Content */

div#container {

	width: 760px;

	margin: 0px auto;

	text-align: left;



	background-image: url('/images/global_page_bottom_shadow.jpg');

	background-position:  

               center bottom;

	background-repeat: no-repeat;

	

	position: relative; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:6px

}





/* ************************************************************************** */

/*                            Site Header Section                             */

/* ************************************************************************** */



div#globalheader {

	padding: 20px;

	text-align: right;

	font-family: Arial, Helvetica, Verdana, sans-serif; !important;

	min-height: 39px;

	height: auto !important;

	height: 39px; /* For IE6 */

}



#globalheader a#MSI-header {

	float: left;

	width: 30%;

	text-align: left;

}

#globalheader form {

	display: inline;

	margin: 0 0 0 20px;

	position: relative;

	top: 10px;

}

#globalheader form select, #globalheader form input {

	font-size: 90%;

}





/* ************************************************************************** */

/*                                Page Header                                 */

/* ************************************************************************** */



#header {

	margin: 0;

	border-bottom: 1px solid #333;

	position: relative;



	/* Default MSI Colors */

	background-color: #950000;

	color: white;

}



#header h1 {

	/* Text Style for the Header */

	font-family: Arial, Helvetica, Verdana, sans-serif;

	text-align: center;

	font-size: 215%;

	font-weight: bold;

	word-spacing: 3px;

	letter-spacing: 1px;	

	text-shadow: #533 2px 2px 3px;



	/* Generally Don't Change These */	

	padding: 11px 20px 10px 20px;

	margin: 0;

	line-height: 120%;

}



#header h1 a {

	/* Force the anchors in the header to inherit parent colors by default. */

	color: white;

	text-decoration: none;

	line-height: 120%;

	font-family: Arial, Helvetica, Verdana, sans-serif;

}





/* ************************************************************************** */

/*                                   Footer                                   */

/* ************************************************************************** */



#footer {

	font-family: Arial, Helvetica, Verdana, sans-serif;

	clear: both;

	margin: 0px;

	min-height: 40px;

	position: relative;

	background-color: white;

	/* background-image: url('../images/footer/footer_top_shadow.jpg'); */ ugly bar*/

	background-position: left top;

	background-repeat: repeat-x

}

#footer p, #footer address {

	margin: 0;

	font-size: 100% !important;

	font-family: Arial, Helvetica, Verdana, sans-serif !important;

}

#footer p.badges {

	position: absolute;

	left: 10px;

	top: 6px;

	font-size: 45px !important;

	line-height: 100%;

}

#footer p.badges a {

	line-height: 100%;

}

#footer p.tools {

	position: absolute;

	right: 0;

	top: 10px;

	width: 232px;

	text-align: right;

	padding-right: 4px;

}

#footer a.badge {

	margin-right: 7px;

}

#footer a.badge img {

	vertical-align: middle;

}

#footer p.copyright {

	text-align: center;

	padding-top: 10px;

	color: #9CA5C6;

	width: 400px;

	margin: 0 auto;

}

#footer address {

	text-align: center;

	font-style: normal;

	color: #9CA5C6;

	width: 290px;

	margin: 0 auto;

}

#footer p.policy {

	text-align: center;

	color: #9CA5C6;

	width: 290px;

	margin: 0 auto;

	padding-bottom: 10px;

}

#footer a.tool {

    padding: 2px 4px 4px 22px;

	color: #9CA5C6;

	background-repeat: no-repeat;

	background-position: left center;

	float: right;

	display: block;

	text-align: left;

	width: 10.3em; 

 	background-image: url('../images/footer/footer_email.png');

 }



/* ************************************************************************** */

/*                               Content Section                              */

/* ************************************************************************** */



#content-section {

	position: relative;

}



#content-section.with-local-nav {

	background-image: url('/images/local_nav/menu_background.gif');

	background-repeat: repeat-y;

	background-position: left top

}



/* ************************************************************************** */

/*                              Contents Title                                */

/* ************************************************************************** */



#contents-title{

font-family: Arial, Helvetica, Verdana, sans-serif !important;

color:#9CA5C6;

font-weight: bold;

font-size: 110% !important;

width: "77%";

border-bottom: 2px solid #9CA5C6; /* MSI light blue  */

text-align: left;

vertical-align: text-bottom;

padding-bottom: 10px;

padding-left: 0 px;

font-variant: small-caps;

first-letter: font-size:1.2 em;

}



/* ************************************************************************** */

/*                              Main Contents Body 							*/

/* ************************************************************************** */



#contents-body{

font-family: Arial, Helvetica, Verdana, sans-serif !important;

/* color:#9CA5C6; */ /*just use default color */

/*font-size: 11.2677 px;*/

/* Create a consistent base font size across browsers. */

font-size: 80.7% !important;

margin-bottom: 5px;

text-decoration: none;

border-bottom: 2px solid #9CA5C6; /* MSI light blue  */

}



/*Contact Us page */

div#mailing-address{

	/* font-size: 93.46%; /* Drop back from 12px to 11.2677px. */

	width: 50%;

	margin: 0px 0px 0px 0px; /* top, right, bottom, and left */

	/*padding: 10px 10px 10px 10px;*/

	float: left;

}



div#phisical-address{

	/* font-size: 93.46%; /* Drop back from 12px to 11.2677px. */

	margin: 0px 0px 0px 0px; /* top, right, bottom, and left */

	/*padding: 10px 10px 10px 10px;*/

	float: right;

	width: 50%;

}

div#departments{

float: left;

width: 100%;

}

/*end contact us page*/



/*carriers Page*/

.carriers-container{

	

	font-family: Arial, Helvetica, Verdana, sans-serif !important;

	/*font-size: 12 px;*/

	/*font-size: 11.2677 px;*/ /* doesnt work well on Navigator*/

	/* Create a consistent base font size across browsers. */

	font-size: 80.7% !important;

	text-decoration: none;

	vertical-align: top;

}

.right-side{

	margin: 0px 0px 0px 0px; /* top, right, bottom, and left */

	padding: 10px 10px 10px 10px;

	width: 50%;

	/*border-left: 1px dotted #9CA5C6;*/

	border-bottom: 1px dotted #9CA5C6;

}

.left-side{

	margin: 0px 0px 0px 0px; /* top, right, bottom, and left */

	padding: 10px 10px 10px 10px;

	width: 50%;

	border-right: 1px dotted #9CA5C6;

	border-bottom: 1px dotted #9CA5C6;

}

/*end carriers page*/



/* ************************************************************************** */

/*                                   Content                                  */

/* ************************************************************************** */



#content {

	font-family: Arial, Helvetica, Verdana, sans-serif !important;

	padding: 10px 0px 20px 10px;

	

	font-size: 107%;

	color: black;

	

	background-color: white;

	

	position: relative;

}



#content-section.with-local-nav #content {

	float: left;

}



/* Make the first item under the content have no margin-top by default. IE 

   does this automatically, and browsers that understand the selectors will

   do it explicitly. */

#content > *:first-child {

	margin-top: 0;

}