/* ---- General Styles ---- */
html	{
  height: 85%;
}

body {
  margin:0px;
  padding:0px;
  height:80%;
  background:url(../gfx/bgHeaderTest.gif) 0 0 repeat-x #f4f4f4; 
  color:#707070;
  line-height:normal;
  font:100.01% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nonFooter {
  position: relative;
  min-height: 500px;
  margin-bottom: 15%;
}

*html #nonFooter {
  height: 100%;
} /* ie6 positioning hack :( */

div, p, ul, h2, h3, img {
  padding:0px; margin:0px;
}

a, a:hover, a:active, a:link, a:visited {
  color:#4400EE;
}

ul {
  list-style-type:none;
}

/* ---- Header Styles ---- */
#header {
  width:747px; 
  height:109px; 
  position:relative; 
  margin:0 auto; 
  padding:0px;
  background: url(../gfx/logo_newbg.gif) no-repeat left top;
}

#header img {
border:0;
float:left;
}

body#SubNav #header {
  width:747px; 
  height:152px; 
  position:relative; 
  margin:0 auto; 
  padding:0px;
}


/* --- Main Nav Styles ----*/
#nav {
  float:right;
  font-size: 12px;
  height:110px;
  padding-top:0;
  margin:0;
  font-weight: bold;
  text-transform:uppercase;
}

#nav li {
  list-style: none;
  margin: 0;
  display: inline;
}

#nav li a {
  padding-top: 84px;
  color: #fff;
  padding-right: 1px;
  padding-left: 1px;
  padding-bottom:15px;
  text-decoration: none;
  float: left;
  outline:0;
  /*border-right: 1px solid white;
  /*background: url(../gfx/nav_div.png) no-repeat right top;*/
}

#nav li a:link, #nav li a:visited { 
  color:#fff;
  background: url(../gfx/nav_div.png) no-repeat right top;
}

#nav li a:hover, #nav #current a:hover {
  color: #ffffff;
  background: url(../gfx/hover_nav05_test.png) no-repeat left top;
}

#nav #current a {
  color: #ffffff;
  background: url(../gfx/current_nav05.png) no-repeat center top;
}

/* --- End Main Nav ---- */

     /* --- Sub Nav Styles ---- */

     body#SubNav #header ul.dropdown {
       width:100%; 
       height:21pt; 
       position:absolute; 
       top:115px; 
       right:0px;
     }

     body#SubNav #header ul.dropdown li {
       float:left; 
       height:21pt; 
       padding:0 1em 0 0;
     }

     body#SubNav #header ul.dropdown li a {
       display:block; 
       padding-right:1em;
       background:url(../gfx/vertical-dot.gif) 100% no-repeat #fff; 
       color:#3E3E3E; 
       font-size:11px; 
       text-decoration:none; 
       text-transform:uppercase;
       text-align:center; 
       line-height:20pt;
       outline:0;
     } 

     body#SubNav #header ul.dropdown li a:hover {
       background:url(../gfx/vertical-dot.gif) 100% no-repeat #fff; 
       color:#0062DA; 
       font-size:11px; 
       text-decoration:none; 
       line-height:20pt;
     }
     /* --- End SubNav ---- */

/* --- End Header ---- */

/* --- Body Main Content ----*/

#wrapper {
  width:100%;
  background:#F4F4F4; 
  color:#8D8D8D; 
  float:left; 
  clear:both;
}

#content {
  width:747px; 
  position:relative; 
  background:#F4F4F4; 
  color:#707070; 
  margin:0 auto; 
  padding:0px;
  padding-bottom:5px;
}

#content h2 {
  background:#F4F4F4; 
  color:#69B602; 
  font-size:1.5em; 
  height:3em; 
  line-height:3em;
}

#content h3 {
  color:#69B602; 
  font-size:1.6em;
  height:46px;
  line-height:2em;
  border-bottom: 1px solid #69B602; 
  margin-bottom: 10px;
  font-weight:normal;
}

#content h3 span {
 background:#69B602;
 color:#fff;
 padding-top:6px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:5px;
}

#content h4 {
  background:#F4F4F4; 
  color:#69B602; 
  font-size:1.1em;
  height:.25em; 
}

#content table td{
  font-size:.8em;
  border-bottom: 1px solid #69B602;
  vertical-align:top;
}

#content table td strong{
  font-size:1.1em;
  font-weight:bold;
}

#content table td a{
text-decoration: none;
color:#440044;
}

#content table td a:hover{
text-decoration: none;
color:#1A95D1;
}

#content table td.tblBottom{
  font-size:.8em;
  border-bottom: 0;
  vertical-align:top;
  padding-bottom:10px;
}

#content p {
  padding:0 0px 10px 0;
  font-size:.9em;
}

#content ul {
  list-style:disc;
  padding:.5em 1em 1em 1.5em;
}

#content img {
  border:0;
  text-align:center;
  margin:0 auto 10px auto;
}


/* ::::: not used currently, pull after site is live :::::
#content p.more {
  margin:0 0 15px 618px; 
  padding:0px;
}

#content p.more a {
  display:block;
  width:79px; 
  height:28px; 
  background:url(../gfx/bluebutton.gif) 0 0 no-repeat #fff; 
  color:#111; 
  font-size:15px; 
  line-height:28px; 
  text-decoration:none; 
  padding:0 0 0 10px;
}

#content p.more a:hover {
  background:url(../gfx/button1.gif) 100% 0% no-repeat #fff; 
  color:#111; 
  text-decoration:none;
}

#content p.comment {
  font-size:.85em;
  font-style:italic;
  margin-bottom:20px;
}
 */

#smContent {
  float:right;
  width:510px; 
  color:#707070; 
  margin-bottom:10px;
  margin-right:5px;
}

#smContent h2 {
  color:#0062DA;
  width:543px;
  font-size:1.2em; 
  height:40px; 
  line-height:40px;
  text-align:left;
  padding-left:7px;
  margin-bottom:7px;
}

#smContent p {
  padding:0 0px 10px 8px;
  font-size:1em;
}

#contentSideBar {
  float:left;
  width:210px;
  margin-right:10px;
}

#contentSideBar hr {
  border: 1px solid #c1e68f;
}

#smContent .hosting {
  padding-bottom:8px;
}

 .top { 
  background:transparent url(../gfx/bgCentreComponentFull.png) no-repeat scroll left top;
  float:left;
  height:12px;
  width:505px;
}

 .lower { 
  background:transparent url(../gfx/bgCentreComponentFull.png) no-repeat scroll left bottom;
  float:left;
  padding:0pt 1px 8px;
  width:505px;
}

#smContent .banking .left {
  float:left;
  font-size:115%;
  margin:-10px -1px 10px 0pt;
  padding:10px 10px 0pt 0px;
  width:75px;
}


#smContent .banking .right {
  float:left;
  padding-left:20px;
  padding-right:10px;
  width:390px;
}

#smContent .banking h3 {
  color:#0691DC;
  font-size:145%;
  font-weight:normal;
  margin:0pt 0pt;
  border:0;
}

.HelgesonBlue {
  color:#0691DC !important;
}

#smContent .banking p {
  margin:0pt 0pt 6px !important;
  width:380px;
}

ul.ba-opt {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt 0pt 10px;
  padding:0pt;
}

ul.ba-opt li {
  padding:0pt 0pt 5px 9px;
  font-size:.8em;
}

ul.ba-opt li span {
  font-weight:bold;
}

#homePageGraphic {
  background:url(../gfx/HomePageGfx05.jpg) 0 0 no-repeat #fff; 
  color:#000;
  float:right;
  padding:5px;
  padding-top:10px;
  margin-top:20px;
  width:340px;
}

#homePageGraphic h3 {
  font-size:1.1em;
  color:#0C51F4;
  text-align:center;
  padding-top:0px;
  margin-bottom:0px;
  border:none;
}

#homePageGraphic ul {
  font-size:.9em;
  padding-left:45px;
  list-style-image:url(../gfx/checkmark.gif);
}

#homePageGraphic li {
  padding-bottom:10px;
}
/* --- End Body Main Content ---- */

/* --- Body Extra Content ---- */
#extra{
  width:100%; 
  background: #fff;  
  color:#f4f4f4; 
  float:left;
  padding:0; 
  clear:both;
  border-bottom: 1px solid #d3d3d3;
}

*html #extra {
  margin-bottom: -2px;
}

#extraContent{
  width:747px;
  height:100px;
/*min-height:95px;*/
  position:relative; 
  margin:0 auto; 
  color:#fff;
  border-left: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
}
/* --- End Body Extra Content ---- */

/* --- Contact Form ---- */

body#Contact fieldset {
  border: none;
  display:block;
  margin-bottom:5px;
}

body#Contact label {
  display: block;
}	

body#Contact input {
  display: block;
  width: 15em;
  margin-bottom:5px;
}

body#Contact select {
  display: block;
  width: 15em;
  margin-bottom:5px;
}

body#Contact textarea {
  display: block;
  width: 25em;
}

body#Contact em {
  color:red;
}

body#Contact #SubmitBtn {
  margin-left:5px;
}

body#Contact .heading { font-weight:bold; }

body#Contact #FormHolder {
   width:400px;
   float:right;
   margin-bottom:15px;
}

/* --- End Contact Form ---- */

/* --- Footer ---- */

#footer{
  color: #FFF;
  position: relative;
  margin: -150px auto 0 auto;
  height:150px;
  background:url(../gfx/footerbg.gif) 0 0 repeat-x #565656;
  background:#565656;
  clear:both;
}

*html #footer{
  margin-top: -15%;
}

#footerContent{
  width:747px; 
  position:relative; 
  margin:auto auto;
}

#footerContent img.footerlogo{
  position:absolute; 
  top:93px; 
  right:0px;
}

#footerContent p.contact{
  background:url(../gfx/contact-button.gif) 0 0 no-repeat; 
  position:absolute; 
  top:0; 
  right:3em; 
  width:90px; 
  height:22px; 
  padding:3px;
}

#footerContent p.contact a{
  width:75px; 
  height:18px; 
  display:block; 
  font-weight:bold;
  font-size:10pt;
  background:url(../gfx/arrow3.gif) 100% 50% no-repeat #B3B3B3; 
  color:#565656; 
  text-decoration:none; 
  text-transform:uppercase; 
  padding:2px 0 0 5px;
}

#footerContent p.contact a:hover{
  background:url(../gfx/arrow2.gif) 100% 50% no-repeat #B3B3B3; 
  color:#565656; 
  text-decoration:none;
}

#footerContent p.clog{
  background:url(../gfx/cl-button.gif) 0 0 no-repeat; 
  position:absolute; 
  top:0; 
  right:10em; 
  width:125px; 
  height:22px; 
  padding:3px;
}

#footerContent p.clog a{
  width:105px; 
  height:18px; 
  display:block; 
  font-weight:bold;
  font-size:10pt;
  background:url(../gfx/arrow3.gif) 100% 50% no-repeat #F4F4F4; 
  color:#565656; 
  text-decoration:none; 
  text-transform:uppercase; 
  padding:2px 0 0 5px;
}

#footerContent p.clog a:hover{
  background:url(../gfx/arrow2.gif) 100% 50% no-repeat #F4F4F4;
  color:#565656; 
  text-decoration:none;
}

#footerContent p.copyright{
  background:#565656; color:#fff; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
  position:absolute;
  top:130px;
  left:0;
}

#footerContent ul{
  width:700px;
  position:relative;
  top:4em;
  text-align:center;
}

#footerContent li{
  float:left; 
  font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
  font-weight:normal;
}

#footerContent ul li a{
  padding:0 12px 0;
  color:#fff;
  background:#565656;
  text-decoration:none;
}

#footerContent ul li a:hover{
  text-decoration:underline;
}

/* --- End Footer ---- */


/* Safari Nav hack :( */
#nav a span {
padding:4pt 10pt 4pt 6pt;#
}


/* ---- pull quote css from 456bereastreet.com ---- */
div.pullquote {
 float:right;
 width:10em;
 margin:0.25em 0 0.25em 0.75em;
 padding:0.5em;
 border:3px solid #C1E68F;
 color:#333;
 background:#fff;
 font:italic 1.1em/1.1 "Trebuchet MS", Arial, Helvetica, sans-serif;
 }
 
 blockquote.alt {
  float:right;
  margin:0.25em 0 0.25em 0.75em;
  }
 
div.pullquote p {
  margin:0;
  text-align:center;
  }
  
div.pullquote p:first-letter {
  text-transform:uppercase
  }