html{
  overflow: auto;
}

div{
  margin: 0;
  pading: 0;
  border: 0;
}
body{
  background-color: #021F4B; /* #0C336C; */
  text-align: left;
  font-size: 1em;
  margin: 0;
  pading: 0;
  border: 0;
}

.floatleft{
  float: left;
  margin: 0;
  padding: 0;
}
.imgfloatright{
  float: right;
  margin: 0;
}
.centered{
  text-align: center;
  margin: 0;
  padding: 0;
}
img{
  border: 0;
}
img.generic{
  border: 1px solid white;
  margin: 15px auto 15px auto;
}
img.whiteborder{
  border: 1px solid white;
}
.clear{
  clear: both;
}
.smaller{
  font-size: smaller;
}
.smaller_spaced{
  font-size: smaller;
  margin: 3px auto 16px auto;
}
.larger{
  font-size: 1.05em;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: arial;
}
p{
  margin: 13px 0 0 0;
}
h4{
  margin: 7px 0 7px 0;
}
.hrdiv{
  height: 2px;
  border-top: 2px solid #3333aa;
  margin: 10px 0 10px 0;
}
hr.half{
  width: 50%;
  margin: 11px auto 11px auto;
  border-top: 2px solid #7086FF; /* #3333aa; */
  height: 2px;
  padding: 0;
}
p.bottommessage{
  margin: 25px 0 15px 0;
  font-style: italic;
  font-size: smaller;
  color: #EBBE22;
}
.bigbold{
  font-size: 1.25em;
  font-weight: bold;
  color: red;
  margin: 25px 0 15px 0;
}

div.goldborder{
  width: 360px;
  margin: 25px auto 0 auto;
  padding: 15px;
  border: 2px solid #7086FF;
}


.darker{
  color: #7086FF;
  letter-spacing: 2px;
}


/* wrapper ***********************/
#wrapper{
  margin: 0;
  text-align: left;
  background: #0C336C url('images/bg2.jpg') no-repeat top left;
}


/* header ***********************/
#header{
  /* used to contain graphic and text - now only used as spacer */
  height: 165px;
}



/* menu **************************/
#nav{
  float: left;
  width: 200px;
  padding: 0 0 0 25px;
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  /* border-right: 1px solid #3333aa; */
  margin: 15px 0 0 0;
}
#nav a{
  color: #eeeeee;
  text-decoration: none;
  border-left: 7px solid white;
  padding: 0 0 0 15px;
  margin: 0;
} 
#nav a:hover, #nav a.current{
  color: #7086FF;
  border-left: 7px solid #7086FF;
} 
#nav .menuheader{
  font-size: 15px;
  font-weight: bold;
  color: #ddddff;
  letter-spacing: 2px;
}
#nav ul.navlist{
  margin: 0;
  padding: 5px 0 0 3px;
}
#nav ul.navlist li{
  list-style: none;
  margin: 2px 0 2px 0;  
}
#nav a.small{
  font-size: 13px;
}  
#nav a.smallcurrent{
  font-size: 13px;
  color: #7086FF;
  border-left: 7px solid #7086FF;
}



/* content ***********************/
#content{
  /* width: 550px; */
  margin: 25px 75px 0 270px;
  padding: 0 0 25px 0;
  text-align: left;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFF5EB;
  /* border: 1px dashed white; */
}
#content ul.contactlist{
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 90%;
  border: 0;
}
#content ul.contactlist li{
  list-style: none;
  margin: 3px;
  padding: 0;
}

#content h5{
  font-weight: bold;
  margin: 10px 0 10px 0;
}
#content h5.link{
  margin: 22px 0 15px -14px;
  padding: 0 0 0 9px;
  border-left: 5px solid #f5DEbC;;
}
#content a{
  color: #ffffff;
}
#content h4, 
#content_contact h4{
  color: #FFCC00;
}

#wide630{
  width: 630px;
  text-align: center;
}

#address{
  width: 350px;
  border: 1px solid #dddddd;
  margin: 10px auto 20px auto;
  padding: 15px;
  line-height: 1.25em;
  text-align: center;
}

.contact{
  text-align: left;
  border: 1px solid #777777;
  margin: 15px 0 15px 0;
  padding: 15px 0 15px 15px;
  line-height: 1.25em;
}
.contact .larger{
  color: blue;
  background-color: white;
  padding: 1px 15px 1px 15px;
  margin: 7px auto 7px auto;
  border: 2px solid #aaaaaa; 
}
.contact a{
  color: white;
}
.contact .label{
  color: #bbbbbb;
  font-size: .9em;
}
.contactright{
  margin: 0 0 0 300px;
  padding: 20px 0 0 0;
}

.cards{
  background-color: #8495AD;
  width: 450px;
  margin: 25px auto 15px auto;
  padding: 10px 0 20px 0;
  border: 1px solid black;
}
.cards_wider{
  background-color: #8495AD;
  width: 550px;
  margin: 25px auto 15px auto;
  padding: 10px 0 20px 0;
  border: 1px solid black;
}
.cards img, .cards_wider img{
  border: 1px solid white;
  margin: 10px 0 0 0;
}


/* graphics **********************/
.thumb {
	float: left;
	width: 150px;
  height: 150px;
  margin: 10px 47px 60px 0;
}
.caption {
	text-align: center;
	padding: 5px;
	color: #F5F0D1;
	font-size: .8em;
}
.thumb img {
	border: 1px solid #c7b28b;
}
.row {
  margin: 25px auto 25px auto; 
}
.floatright{
  float: right;
  margin: 0 0 5px 15px;
  font-family: arial;
  color: #aaaaaa;
  text-align: center;
}


/* footer ***********************/
#footer{
  padding: 25px 0 0 0;
  text-align: center;
  color: #ffffff;
  background: url(images/bg_footer.gif) repeat-x #333355 center center;
  font-size: smaller;
  height: 41px; /* bg 66px tall = 25px padding + 41px height */
}
#footer_fixedwidth, #footer_fixedwidth2{
  padding: 25px 0 0 450px;
  text-align: left;
  color: #ffffff;
  background: url(images/bg_footer.gif) repeat-x #333355 center center;
  font-size: smaller;
  height: 41px; /* bg 66px tall = 25px padding + 41px height */
}
#footer_fixedwidth2{
padding: 25px 0 0 530px;
}
#footer a{
  color: #ffffff;
}


#links{
  padding: 15px 0 0 25px;
  font-size: 90%;
}
#links a:hover{
  color: #7086FF;
}
</style>