/*  
    [STYLE.CSS] for LoneStarBank.net   

    00  07May09  sdb  captured copy
    01  08May09  sdb  added botwrap, topwrap to correct floats & margins for MSIE6
    02  18May09  sdb  modified link text colors & backgrounds
    03  03Jun09  sdb  removed top border from "fill" class (image), added currentsub link spec, resolved issues
    04  13Jul09  sdb  added underline to standard content links to improve visibility
    05  14Dec09  sdb  added "extrabox" div definition for holiday hours box per SJS
    06  06Feb10  sdb  added footerright a:hover style for link underline
    
*/

body {
  margin:0px 0;
  padding:0;
  background: url(images/back.gif) repeat-x top left #f5f4ef;
  font: 0.75em Trebuchet MS;
  color:#3b3b2f;
  line-height: 1.4em;
}

.wrapper {
  background-color: #FFFFFF;
  color:#3b3b2f;
  margin: 0 auto;
  padding: 0px;
  width: 800px;
  overflow: hidden;
}

.toprow {
 width: 800px;
 height:54px;
 float:left;
 background: url(images/toprow.jpg) no-repeat;
 background-color: transparent;
}

.login {
  width: 185px;
  height: 142px;
  float:left;
  display:inline;
  background: url(images/loginback.jpg) no-repeat;
  background-color: #fff;
  font-size:0.95em;
}

.login p {
 text-align:right;
 padding-top:65px;
 padding-right:8px;
}

.loginp {
  font-size:12px;
}

.login a:link, .login a:visited, .login a:active {
  color:#000;
  text-decoration:none;
  font-weight:normal;
  font-size:1em;
  padding:0px;
  margin:0px;
  background:transparent;
  display: block;
  zoom: 1;
}

.login a:hover {
  color:#a00000;
  text-decoration:underline;
  font-weight:normal;
  font-size:1em;
  padding:0px;
  margin:0px;
  background:transparent;
  display: block;
  zoom: 1;
}

.botwrap {
  float: left;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

.topwrap {
  float: left;
}

.navigation {
  background: #fff;
  width:186px;
  padding-top:40px;
  float:left;
  display:inline;
}

.header {
  background: url(images/head.jpg) no-repeat;
  background-color: transparent;
  width: 614px;
  height: 142px;
  float:left;
}

.extrabox {
  background: #fff;
  width: 614px;
  height: 42px;
  float:right;
  display:inline;
}

.image {
  background: #fff;
  width: 614px;
  height: 172px;
  float:right;
  display:inline;
}

.fill {
  background: #f5f4ef;
  width:614px;
  height: 0px;
  float: right;
  display: inline;
}

.content {
  background: #f5f4ef;
  width: 604px;
  float:right;
  padding-top:20px;
  padding-left:10px;
  padding-bottom:10px;
  margin: 0px;
}

.content ul {
  margin: 0;
  padding: 0 0 10px 0;
}

.content li {
  list-style: none;
  background-image:url(images/star3.gif);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 2px 4px 2px 22px;
}

.content a:link, .content a:visited {
  padding:0px;
  margin:0px;
}

.content a:link, .content a:visited, .content a:hover {
  text-decoration:underline;
}

.content dd, .content dl {
  font-size:1em;
}

.leftcolumn {
  width: 330px;
  float:left;
}

.leftcolumn_wide {
  width: 590px;
  float:left;
}

.rightcolumn {
  width:260px;
  float:right;
}

.randomimage {
  margin:0 0 10px 0;
}

.rightcolumn_nar {
  width:100px;
  float:right;
}

.right {
  text-align:right;
  width:520px;
  padding:0 20px 0 0;
}

#splitleft {
  width:49%;
  float:left;
  padding: 5px 0 0 0;
}

#splitleft_wide {
  width:100%;
  float:left;
  padding: 5px 0 15px 0;
}

#splitleft_wide p{
  padding-top:15px;
}

#splitright {
  width:49%;
  float:right;
  padding: 5px 0 0 0;
}

#splitleft ul ul {
  margin: 0;
  padding: 0;
}

#splitleft li {
  list-style: none;
  font-weight: normal;
}

#splitright ul ul {
  margin: 0;
  padding: 0;
}

#splitright li {
  list-style: none;
  font-weight: normal;
}

#splitleft li a:link, #splitleft li a:visited, #splitleft li a:hover {
  color:#3b3b2f;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#splitright li a:link, #splitright li a:visited {
  color:#3b3b2f;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#splitleft_wide li a:link, #splitleft_wide li a:visited {
  color:#3b3b2f;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#splitleft li a:hover {
  color:#a00000;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#splitright li a:hover {
  color:#a00000;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#splitleft_wide li a:hover {
  color:#a00000;
  font-size:0.9em;
  text-decoration:underline;
  font-weight:normal;
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu li {
  list-style: none;
  font-weight: bold;
}

#menu li a, #menu li a:visited {
  background: #ffffff;
  color: #0f685a;
  display: block;
  padding: 6px 4px 6px 24px;
  text-decoration: none;
  height: 20%;
  font-size: 1em;
}

.current {
  color:#000000;
  text-decoration:none;
  background-image:url(images/star.gif);
  background-position: center left;
  background-repeat: no-repeat;
  display: block;
  padding: 6px 4px 6px 24px;
  text-decoration: none;
  height: 20%;
  font-size: 1em;
}

.currentsub {
  color:#000000;
  text-decoration:none;
  background-image:url(images/star.gif);
  background-position: center left;
  background-repeat: no-repeat;
  display: block;
  padding: 0px 0px 0px 24px;
  text-decoration: none;
  height: 20%;
  font-size: 1em;
}

#menu li a:hover {
  background: #dddddd;
  color: #003333;
  text-decoration:none;
  display: block;
  background-image:url(images/star2.gif);
  background-position: center left;
  background-repeat: no-repeat;
  font-size: 1em;
}

#menu ul ul {
  margin: 0;
  padding: 0;
}

#menu li li {
  list-style: none;
  font-weight: normal;
}

#menu li li a, #menu li li a:visited {
  background: #ffffff;
  color:#807f7a;
  text-decoration:none;
  display: block;
  padding: 0px 4px 0px 24px;
  text-decoration: none;
  height: 11%;
  font-size: 1em;
  font-weight:normal;
}

#menu li li a:hover {
  background: #dddddd;
  color:#3b3b2f;
  text-decoration:underline;
  display: block;
  height: 11%;
  font-size: 1em;
}

#headerlinks {
  padding:0;
  margin:0;
  list-style-type:none;
  background:transparent;
  float:right;
}

#headerlinks li a, #headerlinks li a:visited {
  display:block;
  text-decoration:none;
  color:#61575a;
  background:#e7c89e;
  padding:0px 5px;
}

#headerlinks li a:hover {
  color:#A00000;
  text-decoration:underline;
}

#headerlinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#headerlinks li {
  float:left;
  height:2em;
  line-height:2em;
  position:relative;
  text-align:center;
  padding:0px 10px 0 2px;
}

#onlinelink {
  width:140px;
  float:left;
  left: 342px;
  position:relative;
  padding-bottom:132px;
  top: 10px;
  background-image:url(images/link.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

h1 {
  color:#3b3b2f;
  font-size:1.3em;
  margin-top:8px;
}

h2 {
  color:#0f6e68;
  font-size:1.2em;
  margin-top:8px;
  margin-bottom:4px;
}

h1 a:link, h1 a:link:visited, h1 a:link:hover, h1 a:link:active  {
  color:#3b3b2f;
  font-size:1em;
  padding:0px;
  margin:0px;
  text-decoration:none;
}

h2 a:link, h2 a:link:visited, h2 a:link:hover, h2 a:link:active {
  color:#0f6e68;
  padding:0px;
  margin:0px;
  font-size:1em;
  text-decoration:none;
}

p {
  line-height:1.8em;
  font-size:.95em;
  margin-top:-6px;
}

img {
  border:0px;
}

.footer {
  clear:both;
}

.footer a, a:visited {
  color:#0f6e68;
  text-decoration:none;
  font-weight: bold;
  display:inline;
}

.footerleft {
  width: 170px;
  float:left;
}

.footerright {
  width: 620px;
  float:right;
  display:inline;
}

.footerright ul {
  height:14px;
  margin:0px;
  padding:0px;
  padding-right:0px;
  padding-bottom:10px;
  font-size:0.8em;
  display:inline;
  list-style: none;
}

.footerright li{
  display:inline;
}

.footerright li a {
  color:#0f6e68;
  text-decoration:none;
  padding:0px 5px 0px 5px;
  font-weight: bold;
}

.footerright a:visited {
 color:#0f6e68;
 }

.footerright a:hover{
  color:#0f6e68;
  font-weight: bold;
  text-decoration: underline;
}

.footerright li a:hover{
  color:#0f6e68;
  font-weight: bold;
  text-decoration: underline;
}

.footerright li .sitemap {
  margin-left:65px;
}

.ftleft {
  width:30%;
  float:left;
  font-size:0.8em;
  padding-left:5px;
}

.ftright {
  width:64%;
  float:right;
  text-align:right;
  font-size:0.8em;
  padding-right:6px;
}

.fullcolumn {
width: 590px;
float: left;
}

.img_right {float:right; padding: 0 10px 5px 5px;}

.img_left {float:left; padding:0 10px 4px 0px;}

div.row {margin: 0; padding: 0; width: 98.5%; overflow: hidden;}
div.cols2 {float: left; width: 48%; margin: 0 3px 5px 0; padding: 0; border:1px solid #0f6e68;}
.cols2 p {text-align:center;}
.cols2 h2 {text-align:center; margin:0 0 5px 0;}
div.cols3 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}
div.colsl {float:left; width:65%; margin: 5px 3px 0 0; padding:0; border-bottom:1px dotted #000;}
div.colslhead {float:left; width:65%; margin: 5px 3px 0 0; padding:0;}
div.colslfoot {float:left; width:65%; margin: 0px 3px 2px 0; padding:0;}
div.colsr {float:left; width:30%; margin: 5px 3px 0 0; padding:0;}
.colsl p {padding:0 0 2px 0; margin:0; line-height:1em;}
.colslhead p {padding:0 0 2px 0; margin:4px 0 0 0; line-height:1.5em; font-size:1em; font-weight:bold;}
.colslfoot p {padding:0 0 2px 0; margin:2px 0; line-height:1em; font-size:0.9em; font-style:italic;}
.colsr p {padding:0 0 2px 0; margin:0; line-height:1em;}
.colsr p {padding:0 0 2px 0; margin:0; line-height:1em;}