/* *** Generated by Terry McKenna *** */

html, body{height:100%; min-height:100%;}

body{ 
    text-align:center; 
    margin:0; 
    padding:0;
    font-family:arial, sans-serif;
    font-size:87%;
    }

#bbox{  
    padding:0;  
    width:750px; 
    margin:0 auto;
    text-align:left;
    position:relative;
    border:solid #ddd 1px;
    background-color:#fff;
    } 
    

#header{
    height:77px;  
    width:100%;  
    background-image:url(images/bg_header.jpg); 
    background-repeat:no-repeat; 
    background-position:top right;
    border-bottom:solid #ddd 1px;
    border-top:solid #005CB1 2px;
    } 
.splash { width:300px; padding:0px; margin-top:25px; margin-left:13px; color:#666;background:transparent;  }
#col{
    width:155px; 
    height:100%;  
    float:left;  
    padding:0;
    } 

#maincol{ 
    width:540px; 
    height:auto; 
    position:relative;  
    padding:0 20px 0 0;  
    float:right;
    } 
 
.textbox{
position:absolute;
bottom:7px;
    width:150px; 
    height:auto;  
    padding:0; 
    left:7px;
    background:#ffffcc;   
    border:solid 1px #ddd;
    }

.floatBanner{float:right; top:50px; width:510px; padding:0; margin-bottom: 1em;margin-top:20px;}
#indexBoxL{ float:left;  top:10px; width:162px; padding:0 5px 10px 20px; margin-bottom: 3em;margin-top:5px;}
#indexBoxM{ float:left;  top:10px; width:162px; padding:0 5px 10px 0; margin-bottom: 3em;margin-top:5px;}
#indexBoxR{ float:left;  top:10px; width:162px; padding:0 0 10px 0; margin-bottom: 3em; margin-top:5px;}

* html #bbox{height:1%;}
#bbox:after{content:"."; display:block; visibility:hidden; clear:both; height:0;}
.cb{clear:both;}
.logo{position:relative; left:380px; top:10px;}
.contentbox{padding:0;}
.sbox{width:40px; height:40px; border:solid 3px #0033CC; margin:3px; background-color:#898989; float:left;}
.clr{clear:both;}
#header h1{color:#9DAFD1; margin:0; font-size:.9em; position:absolute; top:63px; left:50px;}

 h2, h3, h4, h5 {color:#141414;}
h4.st{margin: 0; background-color:#ddd;  padding:.3em;}
img{border:0}
table.plans tr td, table{border: solid 1px #C5CFE1; border-collapse:collapse; padding:2px;  text-align:center; background-color:#EFEFED;}
table.plans{margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
table.plans th {background-color:#C5CFE1; color:#000000;}
.clrb{clear:both; border:solid #ddd 1px; height:20px; margin: 2px 2px; }
.right_img{ float:right;  }


a{color:#c00; text-decoration:none;}
a:visited{color:#333399; text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}

#menubar{
	width: 100%;
	padding: 0 0 10px 0;
	margin-bottom: 1em;
	font-family: 'MS'UI Gothic, 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, 
	Arial, sans-serif;
	color: #333;
	}

    	#menubar ul {
		list-style: none;
		margin: 0 2px 0 2px;
		padding: 0;
		border: none;
      background-color:#FFFFFF;
		}
		
	    #menubar li {
		margin: 1px 0 0 0;
      padding:1px;
      background-color:#9DAFD1;
		}

      #menubar li a {
		display: block;
		padding: .35em;
		border: 1px solid #FFFFFF;
		background-color: #9DAFD1;
		color: #000000;
		text-decoration: none;
		width: 100%;
		}

	html>body #menubar li a {
		width: auto;
		}

	#menubar li a:hover {      
		color: #9C1A1E; 
        background-color: #9DAFD1;
		}

#menubar li a.current, #menubar li a.current:hover{color:#FFFFFF; }

.textbox ul {
	list-style: none;
	margin: 0.3em 0;
	padding-left: 0.5em;
}
.textbox ul.but {width:80px; text-align:center;  margin-top:0.5em;}
.aup li {margin-top:10px;}
.p { text-align:left;  padding:0.3em; font-size:.9em;}
.scr{height:180px; overflow:scroll; padding:0 0 0 5px;}
/*.scrlistbox{overflow:hidden;  width:95%; }*/

/* Forms */

#errormsg{display:none; }
/*
input, textarea{border:solid 1px #003399; border-style: solid  inset inset solid; border-width:1px 2px 2px 1px ;} */
input, textarea{border-color:#9DAFD1;}
input.but{border:solid 1px #003399; color:#FFFFFF; background-color:#003399;}
input.but:hover{border:solid 1px #003399; color:#FFFFFF; background-color:#6699CC;}
.rdo {border:0;}


.dlf dt{float:left; position:relative; clear:left; width:30%; text-align:right; line-height:1.5em; margin:.5em 1em 0 0;}
.dlf dd{clear:right; margin:.5em 0 0 0; line-height:1.5em;}
.dlf dt.rdo{float:left; position:relative; clear:both; width:30%; text-align:right;  margin:.5em 1em 0 0;}
.dlf dd.rdo{ clear:both; padding-left:.5em; margin-left:30%;}


/*  MORE always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:8px 0px 7px 0px;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* MORE unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0px 0px; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* MORE clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


@media print{
  body{background:#FFFFFF;}
    #leftcol{display:none;}
    #maincol{margin:10px; color:#000000; background:#FFFFFF; }
    a{color:black;}
    #col{display:none;}
}