/*
Theme Name: HSAtheme
Theme URI: http://www.dezine3.com
Description: 
Version: 1.0a
Author: dezine3
Author URI: http://www.dezine3.com/
*/

/*  
Wordpress Theme By Chris Farina - Screen stylesheet.
*/

body {font-size: 12px; font-family:Verdana, Geneva, sans-serif; background: url('images/mainbg.jpg') #bec4ca top left repeat-x; color: #545455;}

p {color:#545455; font-size:12px; line-height:18px;}

h1 {color:#537ac1; font-size:16px; font:Verdana, Geneva, sans-serif;}
h2 {color:#537ac1; font-size:14px; font:Verdana, Geneva, sans-serif;}
h3 {color:#FFF; font-size:12px; font:Verdana, Geneva, sans-serif; font-weight:bold; line-height:28px; text-align:center;}
h4 { font-size:24px; color:#FFF; font:Verdana; font-weight:lighter; margin:0; padding:0; line-height:normal;}
h5 {color:#537ac1; font-size:12px; font:Verdana, Geneva, sans-serif;}

a {color:#537ac1; text-decoration:none;}
a:hover {color:#39F; text-decoration:underline;}
a:visited {color:#537ac1; text-decoration:none;}

ul { list-style-type: none;}

img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; border:none;}
img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; border:none;}
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; border:none; }

#page {width:900px; margin:0 auto; text-align: left; background-color:transparent;}

#header {background: url('images/header-bg.png') bottom left no-repeat; height:150px;}
.headlogo {width:360px; height:68px; float:left; margin:14px 0 0 7px;}
.headcallbox {width:337px; height:85px; float:right; margin:6px 0 0 0; background:url(images/phonebox2.png) top right no-repeat;}
.callinfo {width:300px; height:70px; margin:10px 0 0 5px; }
.call-heading {font-size:12px; font-weight:bold; color:#204a77; text-align:center; width:270px;margin:0 0 0 25px;}
.call-message {font-size:9px; color:#fff; text-align:center; width:210px; margin:3px 0 0 55px;}
.call-number {font-size:18px; color:#fff; text-align:center; width:210px; margin:3px 0 0 55px;}

#menu {width:900px; height:42px; float:left; background:url('images/menubg.png') top left no-repeat; margin:4px 0;}

/* MAIN NAVIGATION */
#navigation {clear: both; margin:0 auto; width:900px; background:none;}
#navigation .container {text-align:center; height: 42px; overflow: visible; background-color:none; padding:0; width:900px;}
#nav {position: relative; float: left; margin: 0 12px; padding: 0; list-style-type: none; z-index: 100; background:none; text-align: right; line-height: 180%;}
#nav li {position: relative;float: left;height: 42px;font-size: 13px;background:none; font-family:"Arial"; font-weight:normal;}
#nav li.last-page-item a {background-image: none;}
#nav li a {display: block;float: left;background:none;padding: 9px 19px 10px 19px;color: #FFF;text-decoration: none;white-space: nowrap;text-align: left;}
#nav li a:hover,
#nav ul li a:hover {color: #fff;background: transparent url('images/menu-over-line.gif') repeat-x right top;}
#nav li.current_page_item a {color: #fff;background:none;}
#nav li.current_page_parent a {color: #fff;background:none;}
#nav li ul {position: absolute;visibility: hidden;float: none;top: 42px;left: 0px;width: 150px;margin: 0;padding: 0;z-index: 1000;background:transparent url('images/submenu-bg.gif') repeat-x right top;}
#nav li:hover ul,
#nav li.iehover ul {visibility: visible;}
#nav ul li{display: block;float: left;clear: both;margin: 0;padding: 0;width: 100%;height: auto;font-size: 12px;line-height: 100%;overflow: hidden;white-space:normal;}
#nav ul li:last-child {border-bottom: 0; background:transparent url('images/submenu-bg.gif') repeat-x right top;}
#nav ul li a {display: block;width: auto;height: auto;float: none;background:transparent url('images/submenu-bg.gif') repeat-x right top; padding: 10px 8px;white-space: normal;color: #FFF;}
#nav li.current_page_item ul li a,
#nav li.current_page_parent ul li a {color: #FFF;background:none;}
#nav li ul li a:hover,
#nav li.current_page_item ul li a:hover {color: #FFF;background: url('images/menu-over.gif') repeat-x right top;}
#nav li ul li.current_page_item a {color: #FFF;background: url('images/menu-over.gif') repeat-x right top;}
#nav li.nav-start {background:none; width:12px;height:42px;}
#nav li.nav-end {background:none; width:12px;height:42px;}

/* END HORIZONTAL MENU */

#content {width:900px; margin:0; background:#FFF; float:left; }

#mainquote {width:880px; height:250px; background: url('images/quotebox-bg.png') top left no-repeat; margin:0 10px;}
.txtblock {width:630px; height:230px; background:none; float:left; margin:0; padding:0;}
.quote-head{font-size:42px; line-height:normal; letter-spacing:2px; color:#537ac1; font-weight:lighter; text-align:left; margin:10px 0 0 20px; padding:0 10px 0 0;}
.quote-info {width:430px; height:160px; font-size:15px; color:#537ac1; margin:0 0 0 20px; padding:5px 10px 0 0; float:left; text-align:left;}

#quoter {width:338px; height:88px; float:right; background:url('images/quoter-bg.png') top left no-repeat; margin:-85px 15px 0 0; }
.maingo {width:72px; height:49px; float:right; margin:20px 20px 20px 0;}
.zipinput {width:82px; height:20px; float:left; margin:32px 0px 32px 30px; border: 1px #999 solid;}
.gotxt {width:100px; height:70px; float:left; margin:10px; font-size:18px; color:#FFF; background:none; padding:0px; text-align:left;}

#quoter a.gobutton {display: block; width: 72px; height: 49px; background: transparent url('images/gobutton.png') no-repeat;} 
#quoter a.gobutton:hover {background-position: -72px 0;}

#inslogos-short {width:880px; height:80px; background: url('images/inslogos-short.gif') top right no-repeat; margin:4px 10px 0 10px; padding:0; float:left}
#inslogos {width:880px; height:68px; background: url('images/logobanner2.gif') top right no-repeat; margin:4px 0 0 10px; padding:0;}
#reformnotice {width:890px; height:80px; background: url('images/reformnotice.gif') top right no-repeat; margin:4px 0 0 10px; padding:0;}
.insinfo {width:120px; height:50px; font-weight:bold; background:none; color:#537ac1; font-size:12px; line-height:14px; text-align:center; margin:0; padding:12px 0 0 0; font-family:Arial, Helvetica, sans-serif;}

.breadcrumb {font-size:10px; color:#999;}

#post-content {width:620px; margin:10px 20px 20px 20px; float:left;}
.post-content-blog {width:610px; margin:0 30px 10px 0px; float:left;}

#post-full {width:860px; margin:0 auto; float:left; padding:0 20px;}
#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }
#commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px; }
#commentform input { background-color: #000; border: 1px solid #333; margin-top: 3px; padding: 3px; width: 200px; }
#commentform label { color: #FFF; font-size: 87%; }
#commentform p { margin: 0px; padding: 6px 0px; }
#commentform textarea { background-color: #FFF; border: 1px solid #999; height: 115px; margin-top: 3px; padding: 2px; width: 570px; color:#666; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #FFF; }
#comments, #respond { border-bottom: 1px dotted #999999; clear: both; padding: 10px 0 5px 0; }

.post { clear: both; padding-top: 15px; }
.post-date { background:none; float: left; height: 49px; width: 45px; }
.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }
.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }
.post-title  { float:left; width:100%; }
.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

#quoteform {width:860px; margin:0 auto; padding:0;}
.submitform {width:229px; height:74px; margin:30px auto; padding:0;}
a.submitq {display: block; width: 229px; height: 74px; background: transparent url('images/request-quote.png') no-repeat;} 
a.submitq:hover {background-position: -229px 0;}


#homeinfo {width:630px; height:auto; float:left; margin:0 0 10px 10px; padding:0; }
.widehead {width:304px; height:31px; background:url('images/widehead-bg.png') top left no-repeat; margin:0; padding:0;}
.leftbox {width:304px; background:url('images/mainbox-bg.png') top left repeat-y; padding:0; float:left; }
.rightbox {width:304px; background:url('images/mainbox-bg.png') top left repeat-y; padding:0; float:right; }
.mainbox-bot {background:url('images/mainbox-bot.png') bottom left no-repeat; padding:10px 0 0 0; margin:0; width:304px;}
.post-info {width:284px; background:none; margin:0 10px;}
.post-date { background: none; float: right; height: 20px; width: 100px; font-size:10px; text-align:right; color:#999; padding-top:5px; }
.readmore {float:right; margin:10px 0;}

#homeblog { float:left; height:auto; margin:0 20px 10px; padding:0 0 10px; width:610px; }

#sidebar {width:230px; float:right; margin:10px 10px 0 0;}
.sidehead {width:230px; height:31px; background:url('images/sidebar-head.png') top left no-repeat; margin:0; padding:0;}
.infobox {wdith:230px; background:url('images/infobox-bg.png') top left repeat-y; padding:0; }
.infobox-bot {background:url('images/infobox-bot.png') bottom left no-repeat; padding:10px 0 0 0; margin:0;}
.info {width:210px; background:none; margin:0 10px;}


#sidebar a, #sidebar a:visited { color: #537ac1; display: block; text-decoration: none; font-weight:bold; vertical-align:middle; }
#sidebar a:hover { color: #537ac1; display: block; text-decoration: none; background: #ffddc6; height:24px; }
#sidebar ul { margin: 0; padding:5px 0 0 0; }
#sidebar ul a{ margin: 0; padding:8px 0 0 10px; }
#sidebar ul li { border: none; list-style: none; margin: 0; padding:0; height:30px; background:none;}
#sidebar ul li ul { margin: 0; padding:0; }
#sidebar ul li ul li { border:none; padding:0; height:30px; }
#sidebar ul li ul li ul li { border: none; padding: 0 0 0 10px; }

.miniquote {width:230px; height:121px; margin:20px 0 20px 0; background:url('images/miniquote-bg.png') top left no-repeat;}
.mqtxt {width:150px; height:50px; margin:3px 10px 0 0; float:right; padding:0; text-align:right; color:#0f3760;}
h4 { font-size:24px; color:#FFF; font:Verdana; font-weight:lighter; margin:0; padding:0; line-height:normal;}
.minigo {width:72px; height:49px; float:right; margin:5px 10px 0 0;}
#sidebar a.gobutton {display: block; width: 72px; height: 49px; background: transparent url('images/gobutton.png') no-repeat;} 
#sidebar a.gobutton:hover {background-position: -72px 0;}

#adside {width:230px; height:auto; margin:20px 0 0 0; padding:0; background:none;}
#adside a, #adside a:visited {width:230px; height:auto; margin:20px 0 0 0; padding:0; background:none;}
#adside a:hover {width:230px; height:auto; margin:20px 0 0 0; padding:0; background:none;}

#footer {width:900px; height:85px; background: url('images/foot-bg.png') bottom left no-repeat; margin:0 0 20px 0; float:left;}
.footinfo {width:800px; height:70px; background:none; margin:10px auto; padding:0; text-align:center; font-family:"Arial", Helvetica, sans-serif; }
.footlinks  {font-size:11px; font-weight:bold; color:#545455; }
.footlinks a {font-size:11px; font-weight:bold; color:#545455; }
.footlinks a:visited {font-size:11px; font-weight:bold; color:#545455; }
.foot-copyright {font-size:10px; color:#545455; margin:5px 0 0 0; line-height:18px; }
.foot-copyright a{font-size:10px; color:#545455; }
.foot-copyright a:hover{font-size:10px; color:#69F; }

#stickynote {width:230px; height:200px; margin:20px 0 0 0; padding:0; background:url('images/sticky-note.jpg') top left no-repeat;}
#stickyinfo {width:210px; height:160px; margin:0; padding:20px 10px ; background:none;}
#stickynote a, #stickynote a:visited { width:210px; height:auto; margin:0; padding:0; background:none; display:inline; vertical-align:inherit;}
#stickynote a:hover { width:210px; height:auto; margin:0; padding:0; background:none; display:inline;vertical-align:inherit;}