/*
-------------------------------------------
Michigan Health Insurance - Base Styles
Version:  March 20, 2007
------------------------------------------- */
/* Change Log:
Created March 20, 2007
March 20, 2007: 
------------------------------------------- */

/* Default Styles
------------------------------------------- */
body {
	margin: 0; 
	padding: 0;
	font: normal .75em/1.5em 'Trebuchet MS', sans-serif;
	line-height: 1.5em;
	color: #333;
	background: #FFF url(../images/bg.jpg) repeat-x;
	text-align: center;
	height: 100%;
}
#popup {
	background-color: #ffffff;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #333;
	margin:0;
}
/* Links
------------------------------------------- */
a { color: #006699; }
a:hover { color: #f4b91b; }

/* Headers
------------------------------------------- */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #3c7faf;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; text-transform: uppercase; color: #FF9900; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #333;
}
ul span, ol span {
	color: #333;
}

/* LAYOUT
------------------------------------------- */

#header-content, #content, #footer-content {
	padding: 0; margin: 0;
	width: 780px;
	
}

/* HEADER
------------------------------------------- */
#header {
	height: 100px;
	width: 800px;
	margin: 0 auto; 
	text-align: left;
	background: url(../images/header.jpg) no-repeat top center;
}

#header-content {
  height: 100px;
  width: 800px;
	margin: 0 auto; 
	padding: 0;
}

#header-time {
	color: #ffffff;
	font-weight: normal;
  display: block;
  margin-right: 56px;
  margin-top: 2px;
}

#header-request {
  display: block;
  margin-top: 20px;
  margin-right: 25px;
}

#header-right {
  float: right;
  width: 200px;
  text-align: right;
  margin-right: 10px;
}

#header-content #logo {
	float: left;
	margin-left: 0px;
	padding: 0;
	width:134px;
	height:70px;
}



#header-content #slogan {
	float: right;
	margin: 0 -10px 0 0; 
	padding: 0;
}


/* HEADER MENU
------------------------------------------- */
#header-content ul {
	float: left;
	top: 70px;
	font: normal 1em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	height: 30px;
	margin: 0;
	width: 780px;
	padding: 0 0 0 0; 
	background-color: #f4b91b;
	border-right: solid 10px #ffffff;
	border-left: solid 10px #ffffff;
	clear: both;
}
#header-content li {
	display: inline;
	width: 780px;
}
#header-content li a {
	float: left;
	display: block;
	padding: 5px 6px;
	color:#000099;
	
	text-decoration: none;
	border-right: 1px dotted #7b9cc5;
}
#header-content li a.last {
	color:#000099;
	border-right: 0px;
	float: left;
	display: block;
	padding: 5px 6px;
	background-color: #f4b91b;
	text-decoration: none;	
}

#header-content li a#current, #header-content li a:hover, #header-content li a.last:hover  {
	color: #ffffff;
}



/* HEADER IMAGES
------------------------------------------- */
#home-michigan-health {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/headerphoto.jpg) no-repeat center;
}
#photo-insurance-michigan-cities {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/insurance-michigan-cities.jpg) no-repeat center;
}
#photo-health-insurance {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/photo-health-insurance.jpg) no-repeat center;
}
#photo-products-solutions {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/photo-products-solutions.jpg) no-repeat center;
}
#photo-carriers {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/photo-carriers.jpg) no-repeat center;
}

#generic-michigan-health {
	margin: 0 auto;
	width: 780px;
	height: 134px;
	padding: 10px 10px 10px 10px; 
	background: #FFF url(../images/generic-michigan-health.jpg) no-repeat center;
}

/* CONTENT
------------------------------------------- */
#content-wrap-home {
	clear: both;
	float: left;
	width: 100%;
	background: url(../images/skin_bg_home.jpg) repeat-y top center;
}
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: url(../images/skin_bg.jpg) repeat-y top center;
}
#content-wrap-form {
	clear: both;
	float: left;
	width: 100%;
	background: url(../images/skin_bg_form.jpg) repeat-y top center;
}

#content {
	text-align: left;
	padding: 0;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}
#both {
	clear:both;
}
/* SIDEBAR >> 200px
------------------------------------------- */
#sidebar {
	float: right;
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
}
#sidebar-generic {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
	height: 100%;
}

#sidebar h1, #sidebar-generic h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;
}
.sidebox {
	background: #F2F2F2;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}
.sidebox4img {
	margin-top: 40px;
	background: #F2F2F2;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
	text-align: center;
}
/* sidebar menu */
#sidebar ul.sidemenu, #sidebar-generic ul.sidemenu{
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #F2F2F2;
}
#sidebar ul.sidemenu li, #sidebar-generic ul.sidemenu li {
	padding: 0px 5px;
}
#sidebar ul.sidemenu a, #sidebar-generic ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: auto;
	padding:.3em 0 .3em 5px;
	/*line-height: 1.5em;*/
	border-bottom: 1px dashed #CCC;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top, #sidebar-generic ul.sidemenu a.top{
	border-top: 0px dotted #CCC;
}
#sidebar ul.sidemenu a:hover, #sidebar-generic ul.sidemenu a:hover {
	padding: .3em 0 .3em 5px;
	/*border-left: 5px solid  #3c7faf;*/
	color: #3c7faf;	
}

/* SUB LEFT NAV 
------------------------------------------- */
.sidemenu li.subleftnav a {
	font-size: 11px;
	font-weight: normal;
	display: block;
	padding: 5px 5px 5px 10px;
	border-left: 10px #f2f2f2 solid;
}
html>body .sidemenu li.subleftnav a {
	width: auto;
}
.sidemenu li.subleftnav a:hover {
	color: #ffcc00;
}
/* QUOTE BOX
----------------------------------------------- */
#health-quote {
	position:relative; 
	float: right;
	height: 370px;
	width: 200px;
	margin: -1px -1px 0 0; 
	padding:0;
	margin-left:5px;
}
.sidebox4quote {
	background: #f4b91b url(../images/health-quote.gif) no-repeat top center;
	border: 0px solid #EFEDED;
	text-align: center;
	height: 370px;
}
#btn-quote {
	margin-bottom: 10px;
}
.sidebox4quote #Zip  {
	margin-top: -4px;
}
a.request-health-quote {
	font-weight: bold;
	background: url(../images/tri_right_006699.gif) no-repeat left center;
	padding-left: 12px;
}
a.request-health-quote:hover {
	font-weight: bold;
	background: url(../images/tri_right_ffcc00.gif) no-repeat left center;
	padding-left: 12px;
}
#img-header-quote {
	padding-top: 20px;
}
#radio_btn {
	padding-bottom: 12px;
}
.phone-number{
	margin-bottom: 5px;
	padding-bottom: 8px;
	padding-left: 2px;
	border: none;

}

/* MAIN >> 570px
------------------------------------------- */
#main {
	float: left;
	width: 570px;
	margin: 0 0 10px 0; 
	padding: 0;
}
#main-generic {
	
	width: 570px;
	margin: 0 0 10px 210px;
	padding: 0;
}
.main-content {
	margin: 0; padding: 0;
	background: #FFF url(../images/gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
}

#main-generic-form {
	
	width: 780px;
	margin: 0 0 10px 0px;
	padding: 0;
}

#main h1, #main-generic h1, #main-generic-form h1 {
	padding: 10px 5px 5px 0px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #f2f2f2; 
}
#main-generic h1.w-quote {
	padding: 10px 5px 5px 0px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #f2f2f2; 
	width: 340px;
}




/* IMAGES
------------------------------------------- */
img {
	border: none;
}
img.float-right {
	margin: 5px 0px 5px 15px;  
}
img.float-left {
	margin: 5px 15px 5px 0px;
}

a img {  
	border: 0px solid #f4b91b;
}



/* FORM ELEMENTS
------------------------------------------- */
form {
	margin:0px; padding: 0;
}
label {
	margin:5px 0;
}
input {
	padding: 2px;
	font: normal 1em 'Trebuchet MS', sans-serif;
}

input.button { 
	margin: 0; 
	padding: 2px 3px; 
}


/* ALIGNMENT
------------------------------------------- */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* OTHER CLASSES
------------------------------------------- */
acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;
}
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.bgWhite {
background: #ffffff;
}
.bgBlue {
background: #8daacc;
}
.close-window {
color: #ffffff;
padding-right:10px;
}
#disclaimer {
	margin: 20px 0;
	font: normal .75em/1.4em 'Trebuchet MS', sans-serif;
	line-height: 1.3em;
}

/* FOOTER
----------------------------------------------- */
#footer {
clear:both;
margin: 0 auto;
width: 740px;
padding: 7px 20px;
background: #d5e1f1 url(../images/footer_bg.gif) top repeat-x;
font-size: 11px;
text-transform: uppercase;
color: #fff;
text-align: center;
border-right: 10px solid #ffffff;
border-left: 10px solid #ffffff;
}
#footer a {
color: #444;
text-decoration: underline;
}
#footer a:hover {
color: #444;
text-decoration: none;
 }
 
#copyright {
font-size: 10px;
color:#444;
margin-top:20px;
text-align: center;
}