/* Hutchinson Financial Inc. Navigator Site Stylesheet */
/* www.hutchinson401k.com */


/* general layout */
body{text-align: center;font-size: 14px; font-family: 'Calibri', Arial;}
body{background: #fde9d8 url(../images/background.jpg) repeat-x  ;}
#wrapper2{margin: 0px auto; width: 900px;text-align: left;padding: 0px 0px; background: #f2f2f2;}
#wrapper{margin: 0px auto; width: 900px;text-align: left;padding: 0px 0px; background: #f2f2f2 url(../images/background-full.jpg) repeat-y top right;}
.contentbox{  padding: 0px 0px; margin: 0px 0;}
.cbox{padding: 10px 18px;}
.rule{height: 10px; background-color:#984807;}
.sitemap{width: 815px; margin: 20px auto; text-align: center;}
.Navigationalbox{width: 722px; float:left;}



/* header */
#header{background: #fdeada url(../images/header.gif) no-repeat top left;width: 100%; height: 158px;font-family: 'Constantia'; padding: 0px 0px ;margin: 0px 0px 0px 0px;}
#header2{background: #fdeada url(../images/header-secondary.gif) no-repeat top left;width: 100%; height: 158px; font-family: 'Constantia'; padding: 0px 0px ;margin: 0px 0px 0px 0px;}
#header a, #header2 a{text-align: center; font-family: 'Constantia';}
#header a{font-size: 3.5em;padding-left: 110px;}
#header2  a{font-size: 3em;}
.space a:link #space a:visited, #space a:hover, #space a:active{color: #000; text-decoration:none; text-align:center;}
.space{padding-top: 50px;text-align:center;}
#header2 a:link, #header2 a:visited, #header2 a:hover, #header2 a:active{font-size: 2.8em;}
#header sup{font-size: .3em;}
#header2 sup{font-size: .3em;}


/* Sidebar */
#sidebar li{list-style-type: none;padding: 5px 0px; margin: 0px 0;}
#sidebar ul{padding: 0px 0px 50px 0px; margin: 0px 0px;}
#sidebar{float:right; width: 178px; height: 100%;background-color: #f3e1d2;padding-bottom: 20px;}

#sidebar{margin: 0px 0px; }
#sidebar{text-align:center;font-weight: bold;font-size: 1.1em;}
.sb-title{font-weight: normal;padding: 20px 0;}
.sbp{margin: 0 0 15px 0;}

/* navi */
#navi{font-size: 12px; color: #000;background-color:#f7e3d2; margin:0px 0px;padding: 5px 0px 6px 0px;text-align:center;}
#navi li{list-style-type: none;display: inline;}
#navi a{text-decoration: none;padding: 5px 18px 6px 18px ; margin: 0 0px;font-weight: bold;font-size: 1.2em}
#navi a:link{color: #000;}
#navi a:visited{color: #000;}
#navi a:hover {color: #000; background-color: #f2f2f2;}
#navi a:active{color: #000;}
.navi2{background-color:#3E4941;width: 930px;}

/* footer */
#footer ul{margin: 0px 0px; padding: 0px 0px;color:#000;}
#footer li{display: inline; list-style: none; margin:0px 2px;}
#footer a{text-decoration: none; color: #000;}
.copyright{text-align:center;}
#footer a:hover{text-decoration: underline;}
#footer{text-align:center; color: white;padding-bottom: 50px;}
#footer{margin: auto auto; clear: both; color:#000;margin-top: 7px;} 




/* general styles */
h1, h2, h3{font-weight: normal; font-size: 1em; padding: 0; margin: 0;}
a:link{color: #000; text-decoration: none;}
a:visited{ text-decoration: none;}
a:hover{color: #000; text-decoration: none;}
a:active{color: #000; text-decoration: none;}
img, img a{border: 0px;}
a{color: #000;}
.right{float:right;}
.left{float: left;}
.center{text-align: center;}
.nopad{padding: 0px 0px; margin: 0px 0px;}
.clear{clear: both;}
div{margin: 0px 0px; padding: 0px 0px;}
.main{width: 690px;float:left;}
sup{font-size: .5em;}
.I{font-style: italic;}
.bold, .B{font-weight: bold;}
.none{display: none;}
.under{text-decoration: underline;}
.BE{color: #783e0d; font-style:italic;}
.BS{font-weight: bold; color: #783e0d;}
.BSE{font-style: italic; font-weight: bold; color: #783e0d;}
.BSE:link, .BSE:visited, .BSE:active{color: #783e0d;}
.BSE:hover{color: #562e0d;}
.Con{font-family: 'Constantia';padding-top: 20px;}
.button-large{background: url(../images/button-lg.gif) no-repeat top center; padding: 2px 4px;color: white; width: 100%;text-align:center;font-variant: small-caps;letter-spacing: 1.5px; font-weight: bold;}
.button-large a{color: white;}
.col{width: 46%;padding: 10px 14px 0px 14px;}
.address{clear: both; text-align:center; font-size: .9em; color: #783e0d;}
.brown, a.brown:link, a.brown:visited, a.brown:hover a.brown:active, .sb-title, .title, .EB{color: #783e0d;}
.col .imgcenter{text-align:center; margin: 0 auto;}
.sb-title{font-size: 1.3em;}
.title{font-size: 1.3em; text-align: center; font-weight: bold;font-family: 'Constantia'; margin-top: 30px;padding-bottom: 0px;}
.EB{font-style: italic; }
.noBpad{padding-bottom: 0; margin-bottom: 0px;}
.noTpad{padding-top: 0; margin-top:0px;}
.cbox ul{padding: 0px 0px 0px 30px; margin: 0;}
.cbox li{padding: 3px 0px;}
.cbox{line-height: 17px;}
.cbox li{list-style-type: none; background: url(../images/little-brown-square.jpg) no-repeat; background-position: 0 .7em;}
.cbox li{padding-left: 15px;}
.cbox .Lnone {list-style-type:none;list-style-image: none;}
.cbox .Lnone li{padding: 5px 0px 0px 0px;}
.cbox .Lnone{padding: 0px ;}
.cbox .Lnone li{background-image:none;}
.widecol p{padding: 0;margin: 0;}
.bio{padding: 15px 0;}

/* page specific styles */
.orangeGradBox{width: 46%;background: url(../images/orangeGradBox.jpg) top center repeat-x; height: 125px;padding: 0px 10px;}
.orangetitle{text-align:center;padding: 4px 0 14px 0; margin: 0 ; font-weight: bold; font-family: 'Constantia';}
.indent{padding:  20px 45px;}
.orangeGradBoxBig{width: 80%; background: url(../images/orangeGradBoxBig.jpg) top center repeat-x; padding: 0px;10px;margin: auto auto;}
.Lcheck ul{padding-top: 0px;}
.Lcheck li{list-style-type: none;background: url(../images/little-check.png) no-repeat; background-position: 0 .4em;}
.Lcheck li{padding-left: 21px;}
.spacing30{padding-top: 30px;text-align: center;}
.orangeGradBoxBig .B{font-family: 'Constantia'; font-size: 1.2em;padding-top: 5px;}
.nametitle{font-family: 'Constantia'; color: #783e0d;}
.caps{font-size: 1.3em;}

.narrowcol{width: 15%;}
.narrowcol img{padding: 5px;}
.widecol{width: 80%;}

#form{float:left;}
.optional{font-size: .9em;}


.transformers{font-variant: small-caps;font-size: 1.1em;}
.under:link, .under:visited, .under:hover, .under:active {text-decoration: underline;}

.address a:link, .address a:visited, .address a:hover, .address a:active{color: #783e0d;text-decoration: underline;}

.tright, .tleft{font-weight:bold;color: #783e0d;font-style:italic;}
.tright{text-align:right;padding-top: 0; margin-top: 0;}
.tleft{text-align:left;margin-bottom: 0; padding-top: 0;}
.arrows{text-align:center;font-weight: bold; font-style:italic;}
.col .lm:link, .lm:visited, .lm:hover, .lm:active{font-style:italic; font-weight: bold; color: #783e0d;text-decoration: underline;}
.Ilogo{float:right;padding:10px 20px 10px 0px;}
.Itext{float:left;padding:10px 0 10px 5px;}
.redrule{height: 10px; background-color: #9b1b18;}
.shortrule{height: 2px; background-color: #9b1b18;width: 100%;clear:both;}
#wrapper-pf{background-color: #fff;margin: 0px auto; width: 900px;text-align: left;padding: 0px 0px; }
#wrapper-pf h1{font-size:1em;}
.sb-pf{float:right; width: 240px;background:#fde5d0 url('../images/sb-pf.jpg') no-repeat bottom center;height: 590px;margin: 0; padding: 0;}



.sb-pf li{padding: 5px 0;}
.box-pf{margin: 0 20px 0px 20px;width: 620px;}
.box-pf h1{margin-top: 0;padding-top: 20px; color: #c2001f;font-size: 1.1em;}
.contentbox2{margin: 0; padding: 0;}
.IRB{color:#c2001f;font-style:italic;font-weight:bold;}
.red, .red a:link, .red a:hover, .red a:visited, .red a:active{color:#c2001f;}
ol{padding: 20px 0 35px 20px; margin: 0;font-weight: bold;}
#footer-pf{padding: 40px 0 10px 0;font-size: .8em;}

.BU:link, .BU:visited, .BU:hover, .BU:active{font-weight: bold; text-decoration:underline;}
.sb-pf img{padding-bottom: 100px;}

.Link:link, .Link:visited, .Link:hover, .Link:active{text-decoration: underline; }