/* DEFAULT COLORS
  Navy #00294a
  medblue #405f85
  lightblue #ceceff
  red #ee0011
*/

/*clear margins and padding for all*/

*{margin: 0; padding: 0; border: 0;}

/* BODY AND CONTENT WRAPPER */
body {
  background-color:#cccccc; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:small; 
  color: #000;
  margin: 0; 
  padding: 0;
  border: 0;
  text-align: center;}
#wrapper {
   margin: 5px auto;
   padding: 0 10px;
   background-color:#ffffff; 
   width: 960px;
   text-align: left;
   color: #333;}
   
/* img and anchor defaults */   
img, img a{border: 0; margin: 0; padding: 0;}
a {text-decoration: none; color:#405f85;}
a:hover{color: #ee0011;}
.right{float: right;}
.left {float: left;}
.center {text-align: center;}
.clear{clear: both; height: 5px;}


/* BEGIN CSS PROPERTIES FOR STRUCTURE */
#top,
#menubar,
#topbanner,
#content,
#menubar2,
#footer {clear: both; width: 100%; }

.largertext{
   font-size: 18px;
   line-height: 36px;
   }


/*3 column structure floats*/
.leftside{float:left; width: 270px;}
.centercon{float: left; width: 419px;}  
.rightside{float:left;  width: 270px;} 
.widecol{ /* used for 2 column pages */
   float: left; width: 689px;}

/*top logo CSS*/
#top {border-bottom: 4px solid #00294a; height: 60px; width: 100%;}
#top h1{color: #00294a; font-size: 30px;}
.red {color: #ee0011;}

/* TOP MENU CSS */
#menubar {
	  color: #00294a; 
	  text-align: right; 
	  font-size:14px; 
	  line-height: 34px;
	  border-bottom: 1px solid #00294a;}
#menubar a:link, #menubar a:visited{color: #00294a;}
#menubar a:hover{color: #ee0011;}

/*TOP BANNER AREA */
#topbanner .leftside, 
#topbanner .rightside,
.leftside .bluebox{
  background: url(images/bluebox.gif) repeat-x top left;
  height: 250px;
  color: #ffffff;
  }
 #topbanner .title,
 .bluebox .title {
  text-align: center;
  font-size: 24px;
  line-height: 60px;
  margin: 0;
  padding: 0; 
  }
#topbanner a:link,
#topbanner a:visited{ color: #fff; }
#topbanner a:hover{color: #ddd;} 

 #topbanner .leftside ul,
 .bluebox ul{
     margin: 10px 5px 0 20px;
	 padding: 0 ;
	 }
 #topbanner .leftside ul li,
 .bluebox .leftside ul li{
   font-size: 11px; 
   list-style-type:square; 
   margin: 0 0 7px 0;
   }

 #topbanner .rightside .largertext{margin: 10px 5px 10px 10px;} 

/*2nd menu area */
#menubar2{ clear: both; width: 100%; margin: 0; padding: 0; background-color:#ceceff; height: 35px;}
#menubar2 ul {margin: 0; padding: 0;    height: 35px; }
#menubar2 ul li{
   display: inline;
   float: left;
   width:192px;
   height:30px;
   background:url(images/bluearrow.gif) no-repeat top left;
   }
 
#menubar2 ul li a{
   height: 35px;
   color: #687ea7; 
   font-size: 17px; 
   line-height: 35px;
   padding-left: 34px; 
   }   
#menubar2 ul li a:hover {color: #fff;}

/* MAIN CONTENT  */
#content {
   clear: both; 
   margin: 20px  0 20px 0;
   }
#content h2,
#widecol h2{
  color: #405f85; 
  font-size: 24px; 
  line-height: 36px; 
  text-indent: 10px;
  margin: 0;
  }
#content p{ padding: 0 10px 20px 10px;}


#content .leftside .greybox {
  background-color:#eee; 
  border: 2px solid #405f85; 
  color:#00294a; 
  font-size: 12px;
  width: 266px;
  }
#content .leftside .greybox .title {
  color: #fff; 
  background-color: #405f85; 
  width: 100%;
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  }
#content .leftside ul{
     margin: 10px 5px 0 20px;
	 padding: 0 ;
	 }
#content .leftside ul li{font-size: 11px; list-style-type:square; margin: 0 0 7px 0;}



/* footer CSS */
#footer{ 
   clear: both;
   margin: 20px 0;
   width: 100%;
   border-top: 2px solid #405f85; 
   font-size: 12px; 
   height: 30px; 
   }
   
 
 
 /* CONTACT EMAIL FORM BOX */
#emailformbox{ 
	background-color: #eee;
	margin-left: 20px; 
	padding: 5px; 
	color:#333; 
	width: 450px;  
}

#emailformbox fieldset{
        border: 1px solid #007fc6; 
        padding: 10px; 
        margin-bottom: 10px;
}
 
#emailformbox form legend{
	font-weight: bold; 
	color: #007fc6; 
	font-size:14px;

}

#emailformbox form label{      
	display: block;
      float: left;
      min-width: 130px; 
      text-align: left;
}
#emailformbox form input,
#emailformbox form textarea{}
#emailformbox form input .checkbox{
     width: 30px;
     text-align: left;
}