/***********************************/
/** Copyright 2009 InsureMe, Inc. **/
/***********************************/

/**--------------***/
/** Global Styles **/
/**--------------***/
* { margin: 0; padding: 0; border: none; }
html,body { width: 100%; height: 100%; }
body { font: normal 12px/1.4em Arial, Helvetica, sans-serif; color: #444; background: #dcedfd url(../images/bodyBkg-Tile.jpg) repeat-x top center; text-align: center; }
a { color: #155363; text-decoration: underline; }
a:hover { color: #155363; text-decoration: none; }
img { margin: 0; padding: 0; border: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.grey { color: #777; }
.bold { font-weight: bold; }
.nomargin { _margin: 0 0 -4px 0; }
#wrapperContainer { width: 100%; min-height: 100%; position: relative; }

/**--------------------**/
/** Global Text Styles **/
/**--------------------**/
h1 { margin: 0 20px 10px 20px; font: 20px/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #155363; text-align: left; }
h2 { margin: 0 20px 10px 20px; font: 18px/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #155363; text-align: left; }
h3 { margin: 0 20px 10px 20px; font: 16px/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #155363; text-align: left; }
h4 { font: bold 14px/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #155363; text-align: left; }
p { margin: 0 15px 10px 20px; text-align: left } 

ul, ol { margin: 7px 20px 12px 20px;list-style-type: square;  }
ul li, ol li { margin: 5px 10px 7px 25px; padding: 0;  }

/**--------**/
/** Header **/
/**--------**/
#headerContainer { margin: 0 auto; width: 820px; height: 95px; text-align: left; position: relative; }
#headerContainer img.defaultLogo { margin: 23px 0 0 0; }
/** Navigation **/
ul#nav { list-style-type: none; position: absolute; top: 20px; right: 0; }
ul#nav li { margin: 0 5px 0 0; padding: 0; text-decoration: none; float: left; }
ul#nav li a { margin: 0; padding: 0 5px 0 0; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #fff; border-right: solid 1px #517b97; display: block; text-align: center; text-decoration: none;  }
ul#nav li a:hover {color: #fff; text-decoration: underline;  }

/**-------------------**/
/** Content Container **/
/**-------------------**/
#bodyContainer { margin: 0 auto; padding-bottom: 178px; /* Height of the footer */ width: 820px; position: relative; }
/** QuoteBox Default **/
#quoteBoxDefault { width: 820px; height: 279px; background: url(../images/quotebox-bkgTile.jpg) repeat-x top center; border-top: solid 1px #444; position: relative; }
#quoteBoxDefault h2 { margin: 0; font-weight: bold; font-size: 44px; position: absolute; top: 10px; left: 20px; } 
.qbFamily { position: absolute; bottom: 0; right: 25px; }
.innerQB { width: 429px; height: 197px; background: url(../images/quotebox-innerBox-Bkg.png) no-repeat top left; position: absolute; bottom: 10px; left: 18px; }
.innerQB h3 { margin: 13px auto 9px auto; padding-left: 4px;  width: 95%; font-size: 23px;  border-bottom: solid 1px #155363; }
.qbTable { width: 100%; text-align: left; }
.qbTable td { padding: 6px 4px; }
.qbTable .labelColumn { width: 38%; font-size: 13px; text-align: right; color: #8b5003;  }
.qbTable .inputColumn { width: 62%; text-align: left; }
.qbTable input { margin: 0 2px 0 4px; }
.qbTable .dropDown { margin-left: 2px; width: 202px; font: 16px/1.3em Arial, Helvetica, sans-serif; border: solid 1px #a2b8be; }
.qbTable .ZipCodeBox { width: 200px; font: 16px/1.3em Arial, Helvetica, sans-serif; border: solid 1px #a2b8be; }
/** Sidebar **/
#sidebar { width: 355px; min-height: 61px; background: url(../images/quotebox-familyReflection.jpg) no-repeat 1px 0; text-align: left; }
#sidebar h4 { margin: 10px 20px 0 20px; color: #444; }
#sidebar h4 a { color: #444; text-decoration: none; }
#sidebar h4 a:hover { color: #155363; text-decoration: underline; }
#sidebar p.storyTeaser { margin-bottom: 15px; }
#sidebar .readMore a { margin: 0 0 0 1px; padding: 1px 3px; color: #155363;  display: inline-block; }
#sidebar .readMore a:hover { color: #dcedfd; background: #155363;   }
/** Content **/
#content { margin-top: 10px; width: 450px; height: auto; text-align: left; }

/**--------**/
/** Footer **/
/**--------**/   
#footerWrapperContainer { width: 100%; height: 178px; background: url(../images/footer-grassBkgTile.jpg) repeat-x bottom center; text-align: left; position: absolute; bottom: 0; left: 0; }
.footerContent { margin: 0 auto; padding: 0; width: 820px; height: 168px; font: normal 11px/14px Helvetica, Arial, sans-serif; color: #fff;  text-align: right; position: relative; }
.footerContent  p.copyright { margin: 0; position: absolute; top: 115px; right: 0; }
.footerContent  p.footerLinks { margin: 0; position: absolute; top: 132px; right: 0; }
.footerContent  p.footerLinks a { color: #fff; text-decoration: none; }
.footerContent  p.footerLinks a:hover { color: #fff; text-decoration: underline; }
.treeFooter { position: absolute; top: 10px; left: 0;}