/* 
Design and Development: Headmade.net for MagicalMonkey.com
border: 1px solid red;
------------*/

/* Layout specific styles
------------------------- */
#wrap {width:780px; margin:0 auto; text-align:left;}
#header {width:780px; position:relative; display:block; margin-top:40px; padding:20px 0; background:#026288;}
 #header #logo{float:left; margin:10px 50px 0 30px;}
 #header #headerCopy{float:left;margin:10px 0 0 0;}
 #header #quickLinks{position:absolute; top:-28px; right:0; border:2px solid #fff; border-right:none; }
	#header #quickLinks a {display:block;}
#companyDescription { height:20px; margin:1px 0; padding:7px 0 0 95px; color:#fff; font-size:11px; letter-spacing:1.5px; background:#77A1BD;}
#mainnav { height:20px; background:#1A1A1A; padding:4px 5px 4px 15px; color:#fff; }
  #mainnav a {padding:0 3px; font-size:11px; color:#fff; letter-spacing:1px; text-decoration:none}
    #mainnav a:hover, #mainnav a.active {color:#C7D030;}
#content {width:782px; margin-top:4px;}
  #content #colLeft {width:200px; float:left; margin-right:5px;}
    #content #colLeft .pageTitle {margin-bottom:30px;}
    #content #colLeft ul#subNav { margin-left:15px; list-style:none; }
	  #content #colLeft ul#subNav li {margin-bottom:10px;}
	  	  #content #colLeft ul#subNav li a{color:#333; font-size:.75em; text-decoration:none;}
		  #content #colLeft ul#subNav li a:hover, #content #colLeft ul#subNav li.active {color:#B12F2D; font-size:.75em; }
  #content #colRight {width:575px; float:left; background:#F3F4D9;}
    #content #colRight div#promo {padding:0 20px;}
    #content #colRight .banner { margin-bottom:20px; border-bottom:6px solid #B92B29;}
	#content #colRight h2 {margin-bottom:20px; font-size:1.2em; line-height:1.3em; color:#046085;}
	#content #colRight div#promo a {color:#B92B29; font-weight:bold; text-decoration:underline;}
	#content #colRight div#promo a:hover {text-decoration:none;}
	#content #colRight p { margin-bottom:20px; font-size:.8em; line-height:1.4em;}
	#content ul {margin:0 15px;}

#footer {width:650px; margin:10px auto 0 auto; text-align:center; font-size:10px; }
  #footer a {margin:0 5px; color:#333; line-height:14px; text-decoration:none}
    #footer a:hover {text-decoration:underline;}
  #footer p{margin-bottom:10px;}


/* common styles */
a { color:#333; text-decoration:underline; }
a:hover, .underline { text-decoration:none; }
.floatL { float:left; }
.floatR { float:right; }
.clearBoth { clear:both; }
.alignR { text-align:right;}
.colorRed {color:#B92B29;}
.colorGreen {color:#8A9C2A;}
.colorBlue {color:#046085;}
.bgRed {background:#B92B29;}
.bgGreen {background:#8A9C2A;}
.smallText { font-size:.85em;}
.bigText {font-size:1.2em;}
.horMargin {margin:0 30px;}
.vertMargin {margin:30px 0;}
.borderNone {border:none;}
.border { border:2px solid #fff;}
.borderBottom { border-bottom:2px solid #fff;}
.boldText { font-weight:bold;}
#content #colRight h2, .serif {font-family:Georgia, "Times New Roman", Times, serif;}
.underline {text-decoration:underline;}
.off-left { display: block !important; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.off-left * { color: transparent; background: transparent; }


/* Cascades
 ------------------------- */
/* Home */
#home #content { margin-top:5px; }
  #home #content .promoBaners {margin-bottom:10px; border-bottom:6px solid #B92B29;}
  #home #content .promoLogos {margin-left:10px;}
#home #content ul, #home #content p { padding:10px 10px 10px 10px;}
#home #promo1 {width:255px; float:left;}
  #home #promo1 p {font-size:1em; line-height:1.5em;}
#home #promo2 {width:255px; height:430px; float:left; margin-left:7px; background:#DCDEB9; }
#home #promo3 {width:255px; height:430px; float:right; background:#F5F5D8;}
#home ul { margin-left:15px;}
  #home ul a {font-size:.75em; line-height:1.8em; color:#333; text-decoration:underline;}
    #home ul a:hover {text-decoration:none;}
	
/* Application */
#application table tr { font-size:11px;}

/* Personal Insurance */
#insurancePersonal ul {margin:0 10px;}