body{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; }
body{
  margin:0 auto; 
  text-align:center; 
  background: #278cc6 url(background_patterns.jpg) repeat;
	
 }
table{font-size:1em; line-height:1.6em}
p {
   margin: 1.5em 0px;
}

#hd{ background-color:#fff; margin-top: 30px; }
#bd{ 
	background-color:#fff;  
	margin-top: 0px;    
   min-height: 82%;
   height: auto;
   _height: 82%;	 
border-left: 1px solid #897254;
border-right: 1px solid #897254;
}
#squeeze { background-color:#fff;padding-top: 30px;
border-left: 1px solid #897254;
border-right: 1px solid #897254;
 }
#squeeze img { margin-left:5px;}
/*#wrapper * { border: 1px solid grey;}*/


#subnav{width:135px; float:right;}
#footer{ padding: 20px;  font-size: 0.7em;  font-weight: bold; color:#a5d1ea; }
#footer a{color:#a5d1ea; padding:0 ; text-decoration:none;}
#footer a:hover, #footer a:active{color:#fff; text-decoration:underline;}
#ft {   
	 background : grey;
	 margin-bottom: 30px;
border-left: 1px solid #897254;
border-right: 1px solid #897254;
border-bottom: 1px solid #897254;
}


.line, hr{border:none; background: url(titlebar.jpg) left top no-repeat; height: 60px; width:100%}


.admintitle{background:#f3f6ec; border-bottom:3px solid #023e88;}
#anim_title {
   margin-left: 10px;  
}

h1#title {
   padding:35px 0px 100px 25px ;  
   /*margin-left: 32px; */
   color: #fafafa;
   font-size:2em;
   margin-bottom: 45px;
}

img#logo { 
   margin-left: 2em;      
   margin-top:35px;
      
}


.content {
margin: 50px 10px 32px 0px;  
padding: 0px 0px 0px 0px;

}
.yui-t2 { 

height:100%;
}




/* TEXT, LINKS, CLASSES ________________________________________________________________________________________________________*/


a:link, a:visited{color: #333;text-decoration:underline}
a:hover, a:active{color:#0066CC; text-decoration:underline}

h1{color:#356ca5; font-size:1.4em; font-weight:bold; margin-bottom: 2em;}
h2{color:#356ca5; font-size:1.3em; font-weight:bold;}
h3{color:#356ca5; font-size:1.1em; font-weight:bold;}
h4,h5,h6{color:#356ca5; font-weight:bold;}




.content ul{  padding:8px 0px; margin:0px; }
.content li {background: url('3pins.jpg') top left no-repeat;  margin: 6px 8px 3px 5px; padding-left: 20px;list-style:none;  font-weight:bold; color:#356ca5; position: relative; }
.content ul li a{color:#356ca5;}
.content ul li a:visited{color:#356ca5;}
.content li a:hover,.content  li a:active,.content  a  CurrentLink {  color:999; font-weight:bold; text-decoration:none;}



.blue{font-weight:bold; color:#023f88}
.clear{ clear:both}




/* NAV MENU STYLES_______________________________________________________________________________*/


ul#nav{ /*background: url('list-background.jpg?') center right;*/ padding:0px; margin-left:10px; line-height:15px}
.ulheader { /*background: url('list-background.jpg?') top right; */ margin-top: 20px;}
.ulheader h5 { font-size: 12px; padding-top:8px; padding-left: 2px; }
.ulfooter { /*background: url('list-background.jpg?') bottom right;*/ padding: 16px 12px; margin-bottom:0px;}
ul#nav li {/*border-bottom:1px solid #A5CD3A;*/background: url('3pins.jpg') top left no-repeat; border-bottom:2px solid #ccc; margin: 8px 3px 3px 5px; list-style:none;  position: relative; }
#nav a { text-decoration: none; color: #356ca5; padding-left:20px; display:block;}
#nav li a:hover, #nav li a:active, a#navCurrentLink {padding-left:  20px; 
background:#6699cc url('3pins_over.jpg') top left no-repeat; color:white;  /*#B8E248;*/}
#nav li ul {border-top:1px solid #e5e5e5; background:transparent; margin: -23 0 0 181px;}
#nav li li a{ width: 120px !important; width: 155px; background-color:#f3f6ec}
#nav li li a:hover, #nav li li a:active, #nav li li a#navCurrentLink{background-color:#6699cc}
#nav iframe {position: absolute;left: 0;top: 0;z-index: 0;display: block;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)}



/* FORM STYLES___________________________________________________________________*/


input, textarea, select{ font-size:1em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:  0px 6px 15px 0px;}
label {
float: left;
color: #356ca5;
font-weight: bold;
margin-right:  10px;
}

.formheading{color:#278cc6; font-weight:bold; }
.formTextBox, .formTextArea{ width:350px; margin:10px 0 15px 0; background:#f3f6ec; border:1px solid #e5e5e5; height:22px;
padding:3px 3px 0 3px}
.formTextArea{height:100px}
.formSelect{ width:80px; margin:10px 0 15px 0; background:#f3f6ec; border:1px solid #e5e5e5; padding:2px}
.formtable table{ margin:10px 0 15px 0; }
.required {color: red;font-weight: bold;}

/* round box */



img.right {
   float: right;
   margin: 45px 15px 45px 25px;
   border: 6px solid grey;
}


/* height and width stuff, width not really nessesary. */
.rbtop div, .rbtop {
width: 100%;
height:16px;
}
 .rbbot div, .rbbot {
width: 100%;
height: 16px;
}

.rbtop div { background: url(tl.jpg) no-repeat top left;	height: 16px;}
.rbtop     { background: url(tr.jpg) no-repeat top right; height: 16px;}
.rbbot div { background: url(br.gif) no-repeat bottom right;}
.rbbot     { background: url(bl.gif) no-repeat bottom left;}