@import url(nav_bar.css);
@import url(table.css);
@import url(corners2.css);
@import url(images.css);
@import url(forms.css);

body {
   margin:0;
   padding:0;
   font-family:Georgia, Arial, sans-serif;
   font-size:11pt;
   }

#top {
   position:relative;
   height:100px;
   background:url("../images/headercollage.jpg")
	no-repeat #DAE0D2;
   width:100%;
   }

#leftcol {
   width:14%;
   float:left;
   position:relative;
   padding:5px;
   border-right-width:1px;
   border-top-width:0;
   border-bottom-width:0;
   border-left-width:0;
   border-style:solid;
   border-right-color:#DAE0D2;
   }

#twocols {
   width:83%;
   float:right;
   position:relative;
   }

#rightcol {
   width:18%;
   float:right;
   position:relative;
   padding:5px;
   }

#maincol {
   float:left;
   display:inline;
   width:75%;
   text-align:justify;
   padding:5px;
   border-right-width:1px;
   border-top-width:0px;
   border-left-width:0px;
   border-bottom-width:0px;
   border-style:solid;
   border-right-color:#DAE0D2;
   } 

h1 {
   font-size:20pt;
   color:#0000FF;
   margin-top:0;
   }

h2 {
   font-size:16pt;
   text-align:center;
   }

h3 {
   font-size:12pt;
   text-align:center;
   }

h4 {
  font-size:10pt;
  text-align:center;
  }
.title {
   padding-left:100px;
   }

.smallcaps {
   font-variant:small-caps;
   }

.announce {
   color:blue;
   }

.hilite_red {
   background-color:red;
   font-weight:bold;
   color:#fff;
   }

.hilite_blue {
   background-color:blue;
   font-weight:bold;
   color:#fff;
   }

.hilite_green {
   background-color:green;
   font-weight:bold;
   color:#fff;
   }

 .hilite_silver {
   background-color:silver;
   font-weight:bold;
   color:#000;
   }  
   
.underline {
   text-decoration:underline;
   }

.bold {
   font-weight:bold;
   }

.justify {
   text-align:justify;
   }

.superscript {
   position:relative;
   bottom:0.3em;
   font-size:0.65em;
}


div.nav {
   z-index:1;
   position:relative;
  /* top:60px;
   left:0px;
   width:100px;
   height:300px;*/
   padding-left:10px;
   padding-top:50px;
   padding-bottom:10px;
   background-color:#fff;
   }

a {
   text-decoration:none;
   }

a:hover {
   text-decoration:underline;
   }

.left {
   padding-left:30px;
   }

img.body {
   display:block;
   margin-left:auto;
   margin-right:auto;
   }

img.maincol {
   float:left;
   padding-right:5px;
   }

img.temp {
   position:relative;
   float:right;
   vertical-align:top;
   margin:0;
   }
 
 img.cen  {
  position:relative;
  margin-left:auto;
  margin-right:auto;
 }

#footer {
   clear:both;
   font-size:75%;
   text-align:center;
   border-top:10px solid #eef3f5;
   }

.box1 {
   width:50%;
   position:relative;
   padding:3px;
   background-color:#fff;
   margin-left:2px;
   }

.box2 {
   width:46.5%;
   position:relative;
   padding:3px;
   background-color:#fff;
   margin-left:2px;
   float:right;
   }

.box3 {
   width:100%;
   position:relative;
   display:block;
   margin-left:0;
   margin-right:0;
   text-align:center;
   padding-top:10px;
/* jan 10 2010 - added to separate content */   
   border-top-width: 1px;
   border-top-style: dashed;
   border-top-color: #999999;
   }

.box4 {
   width:100%;
   position:relative;
   padding:0px;
   background-color:#fff;
   margin-left:0px;
   }

.nostyle {
   list-style:none;
   }

.fleft {
   float: left;
   }

.fright {
   float: right;
   }

.col1 {
   width: 25%;
   }

.col2 {
   width:20%;
   }

.col3 {
   width:40%;
   }

.clear {
   clear: both;
   }
   
 .contain_image { 
    width: 250px; 
    margin: 0; padding: 0;
    font: 12px Verdana, sans-serif;
    position: relative;
}

/*don't need this rule unless you are on Blogger*/
.post img.captioned {
    margin:0; padding: 0;
}

.contain_image p {
    margin: 0; padding: 0;
    background: url("../images/whitedot51.png");
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: #444343;
}