/*------------------------------*/
/*  Reset Styles                */
/*------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, li { line-height: 100%; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------*/
/*  General Styles              */
/*------------------------------*/
body { background: #FFF url('/img/bg3.png') repeat-x center top; font-family: Arial, sans-serif; font-size: 62.5%; }
a { text-decoration: none; }

/*------------------------------*/
/*  Wrapper                     */
/*------------------------------*/ 
#wrapper { margin:0 auto; padding:0 8px; width:979px; }

/*------------------------------*/
/*  Header                      */
/*------------------------------*/
#header { height: 110px; }
#logo { float: left; margin: 8px 0 0 9px; }
#logo h1 a { background: url('/img/logo.png') no-repeat left top; display: block; height: 102px; text-indent: -9999px; width: 356px; }
#phone-nav { float: right; margin: 0px 20px 0 0; }
#phone { float: right; margin: 0 0 -10px 0; }

/*------------------------------*/
/*  Navigation                  */
/*------------------------------*/
#navigation { clear: both; float: right; margin: 10px 0 0 0; width:543px;}
#navigation ul li { float: left; height: 42px; line-height:42px; margin: 0 3px 0 0; text-indent: -9999px; position:relative; }
#navigation ul li a { color: #FFFFFF; display: block; text-indent: -9999px; height:100%;}
#nav1 { background: url('/img/nav1.jpg') no-repeat 0 0; width: 196px; }
#nav1 ul { background: url('/img/submenu.png') no-repeat left top; display: none; height: 174px; left: 0; position: absolute; padding: 0 0 0 16px; top: 42px; width: 238px; }
#nav1 ul li { background: url('/img/nav-footer.gif') repeat-x scroll left bottom; float: none; height: auto; line-height: 10px; margin: 10px 0 0; padding: 1px 0 10px 0; text-indent: 0; width: 210px; }
#nav1:hover > ul { display: block; }
#nav1 ul li.non-bg { background: none; }
#nav1 ul li a { display: inline; font-size: 1.5em; text-indent: 0; }
#nav1 ul li a:hover { color: #3ebfff; }
#nav1:hover { background: url('/img/nav1.jpg') no-repeat 0px -42px; }
#nav2 { background: url('/img/nav2.jpg') no-repeat 0 0; width: 176px; }
#nav2:hover { background: url('../img/nav2.jpg') no-repeat 0 -42px; width: 176px; }
#nav3 { background: url('/img/nav3.jpg') no-repeat 0 0; width: 162px; }
#nav3:hover { background: url('/img/nav3.jpg') no-repeat 0 -42px; width: 162px; }


#subnav { display: block; margin: 35px 0 0; height: 40px; }
#subnav #firstbg { float: left; height: 40px; width: 5px; background: url('/img/subnav-left.gif') no-repeat left top;   }
#subnav #lastbg { float: left; height: 40px; width: 5px; background: url('/img/subnav-right.gif') no-repeat left top;   }
#subnav ul li { float: left; height: 40px;  background: url('/img/subnav-bg.gif') repeat-x left top;  }
#subnav ul a, #subnav ul span {float: left; padding: 10px 5px 0 20px; height: 30px; line-height: 20px; background: url('../img/arrow_right.gif') no-repeat left center; color: #2173AF; font-size: 1.5em; font-weight: bold;}

/*------------------------------*/
/*  Main Top                    */
/*------------------------------*/
#main-top { overflow: hidden; width: 976px; }
*+html #main-top { padding: 0 0 60px 0; }
#issues { float: left; margin: 44px 0 0; width: 488px; overflow:hidden; }
#issues div.issues { float: left; margin: 0 30px 40px 0; width: 210px; height: 150px; }
#issues div.issues img { margin: 0 0 0 0px; }
#issues div.issues p { color: #333333; font-size: 1.2em; line-height: 20px; }
#issues div.issues a {float: left; width: 95%; border-top:dotted 1px #ddd; margin: 7px 0; color: #2173AF; font-style: italic;}
#issue1 p { margin: 9px 0 0; }
#issue2 p { margin: 9px 0 0; }
#issue3 p { margin: 9px 0 0; }
#issue4 p { margin: 9px 0 0; }
#issue1 img { padding-top:4px; }
#issue2 img { padding-top:4px; }
#issue3 img { padding-top:4px; }
#issue4 img { padding-top:4px; }

#legal { float: left; margin: 15px 0; padding: 0 0 30px 0; width: 700px; overflow:hidden; }
#legal div.issues { float: left; margin: 0 9px 30px 0; width: 235px; }
#legal h1 { font-size: 3em; color: #1f5790; margin: 0 0 15px 0;}
#legal h2 { font-size: 2.5em; color: #1f5790; margin: 10px 0 15px 0;}
#legal h3 { font-size: 2em; color: #487bb0; margin: 20px 0 5px 0; }
#legal p { color: #333333; font-size: 1.2em; line-height: 20px; }
#legal li { padding: 0 0 0 15px; margin: 5px 0; color: #333333; font-size: 1.2em; line-height: 20px; list-style: disc; }
/*------------------------------*/
/*  Content Area                */
/*------------------------------*/
#rightside { float: left; margin: 44px 0; padding: 0 0 0 10px; width: 477px; overflow:hidden;}
#rightside a { float: left; width: 488px; height: 114px; margin: 20px 0;  text-indent: -9999px;  overflow: hidden;}
#rightside h2 { font-size: 3em; color: #1f5790; margin: 0 0 5px 0; }
#rightside p {font-size: 1.4em; line-height: 21px;  text-align: justify; }
#rightside ul {}
#mainreason li {float: left; background: url('../img/16-green-check.gif') no-repeat left top; padding: 0 0 0 20px; color: #222; font-size: 1.4em; line-height: 1.2em; margin: 10px 0 0 8px;}

#rightsidelegal { float: left; margin: 0 0; padding: 0 0 0 10px; width: 245px; overflow:hidden;}
#rightsidelegal h2 { font-size: 3em; color: #1f5790; margin: 0 0 5px 0; }
#rightsidelegal p { font-family: georgia; font-size: 1.4em; line-height: 21px;  text-align: justify; }

#why { float: right; background: url('../img/why.png') no-repeat left top; height: 166px; margin: 15px 0 0; padding: 29px 0 0; width: 478px;}
#why h1 { background: url('../img/why-support.png') no-repeat left top;  height: 24px; margin: 0 0 0 211px; text-indent: -9999px;  }
#why ul { margin: 0 0 0 211px;  }
#why ul li { background: url('../img/list.gif') no-repeat left top; color: #333333; font-family: georgia; font-size: 1.5em; font-style: italic; margin: 12px 0; padding: 0 0 0 22px; }


#signs {float: left; width: 100%; background: url('../img/top-bottom.gif') no-repeat center top; padding: 5px;}
#signs h1 { font-size: 2em; color: #1f5790; margin: 15px 0 5px 0;}
#signs h2 { font-size: 1.5em; color: #1f5790; margin: 10px 0 5px 0;}
#signs p { font-size: 1.2em; padding: 0 0 5px 0; line-height: 26px;}
/*------------------------------*/
/*  Main Bottom                 */
/*------------------------------*/
#main-bottom { background: url('../img/top-bottom.gif') no-repeat center top; overflow: hidden; }
#blog { float: left; margin: 58px 0 0; }
#blog h1 { background: url('../img/from-blog.png') no-repeat left top; height: 19px; width: 229px; text-indent: -9999px; }
#blog ul { margin: 26px 0 0; overflow: hidden; }
#blog ul li { float: left; margin: 0 20px 0 0; width: 223px; }
#blog ul li:last-child { margin: 0; }
#blog ul li h2  { margin: 3px 0 11px; }
#blog ul li h2 a { color: #2173AF; font-size: 1.3em; }
#blog ul li span { font-family: georgia; font-size: 1.2em; font-style: italic; }
#blog ul li span.comments { background: url('../img/bubble.gif') no-repeat left top; color: #2173AF; padding: 0 0 0 21px; }
#blog ul li span.comments a {color: #2173AF;}
#blog ul li span.separator { color: #A7A7A7; margin: 0 5px; }
#blog ul li span.date { color: #A7A7A7; }
#blog ul li p { color: #333333; font-size: 1.2em; line-height: 20px; margin: 10px 0 0; }
#blog ul li p a { color: #2173AF; font-size: 1em; }
#testimonials { float: right; margin: 52px 0 0; width: 240px; }
#testimonials-top { background: url('../img/testimonials-top.gif') no-repeat left top; height: 3px; }
#testimonials-middle { background: url('../img/testimonials-middle.gif') repeat-y left top; overflow: hidden; padding: 18px 21px; }
#testimonials-middle h1 { color: #333333; font-size: 1.4em; }
#testimonials-middle ul li { border-bottom: 1px solid #E0E0E0; margin: 20px 0 0; overflow: hidden; padding: 0 0 11px; }
#testimonials-middle ul li.non-bg { border-bottom: none; padding: 0; margin: 10px 0 0; padding: 0 0 0px; }
#testimonials-middle ul li p { font-family: georgia; font-size: 1.2em; font-style: italic; line-height: 20px; }
#testimonials-middle ul a {float: right; padding: 0px 0 0; color: #2173AF; font-size: 1.2em; font-style: italic;}
#testimonials-middle ul li span { color: #A7A7A7; display: block; float: right; font-size: 1.2em; margin: 10px 0 0; }
#testimonials-bottom { background: url('../img/testimonials-bottom.gif') no-repeat left top; height: 3px; }

#legalink { float: right; margin: 52px 0 0; width: 240px; }
#legalink-top { background: url('../img/testimonials-top.gif') no-repeat left top; height: 3px; }
#legalink-middle { background: url('../img/testimonials-middle.gif') repeat-y left top; overflow: hidden; padding: 18px 21px; }
#legalink-middle h1 { color: #333333; font-size: 1.4em; margin: 0 0 10px 0;}
#legalink-middle ul li { border-bottom: 1px solid #E0E0E0; margin: 10px 0 0; overflow: hidden; padding: 0 0 11px; }
#legalink-middle ul li.non-bg { border-bottom: none; padding: 0; margin: 10px 0 0; padding: 0 0 0px; }
#legalink-middle ul li p { font-family: georgia; font-size: 1.2em; font-style: italic; line-height: 20px; }
#legalink-middle ul a {float: right; padding: 0px 0 0; color: #2173AF; font-size: 1.2em; font-style: italic;}
#legalink-middle ul li span { color: #A7A7A7; display: block; float: right; font-size: 1.2em; margin: 10px 0 0; }
#legalink-bottom { background: url('../img/testimonials-bottom.gif') no-repeat left top; height: 3px; }


/*------------------------------*/
/*  Footer                      */
/*------------------------------*/
#footer-wrapper { background: url('../img/footer-wrapper.png') repeat-y left top; margin:73px auto 0; overflow:hidden; padding: 0 8px; width: 979px; }
#footer { background: #0c4e7b url('../img/footer.gif') repeat-x left top; min-height: 294px; }
#footer-top { height: 51px; overflow: hidden; }
#footer-logo { float: left; margin: 14px 0 0 24px; }
#footer-logo h1 a { background: url('../img/footer-logo.png') no-repeat left top; display: block; height: 25px; text-indent: -9999px; width: 361px; }
#footer-phone { float: right; margin: 12px 24px 0 0; }
#footer-bottom { margin: 32px 0 0 26px; overflow: hidden; }
#footer-bottom div.footer-lists { float: left; margin: 0 30px 0 0; }
#footer-bottom div.footer-lists h1 { color: #2E99CD; font-size: 1.4em; }
#footer-bottom div.footer-lists ul.footer-lists {  }
#footer-bottom div.footer-lists ul.footer-lists li { background: url('../img/li-footer.gif') no-repeat left bottom; margin: 10px 0 0 0; padding: 0 0 10px; width: 210px;  }
#footer-bottom div.footer-lists ul.footer-lists li.non-bg { background: none; }
#footer-bottom div.footer-lists ul.footer-lists li a { color: #FFFFFF; font-size: 1.2em; }
#contact-social { float: left; }
#contact h1 { color: #2E99CD; font-size: 1.4em; }
#contact ul li { background: url('../img/li-footer.gif') no-repeat left bottom; margin: 10px 0 0 0; padding: 0 0 10px; width: 210px; color: #FFFFFF; line-height: 1.2em; font-size: 1.2em; }
#contact ul li a { color: #FFFFFF; }
#social h1 { color: #2E99CD; font-size: 1.4em; margin: 17px 0 0; }
#social ul { margin: 18px 0 0; overflow: hidden; }
#social ul li { float: left; margin: 0 15px 0 0; }
