/* css reset - meyerweb.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end css reset */

html, body {
  margin: 0; 
  padding: 0;
  height: 100%;
}

body{
   font-family: arial, sans-serif;
   background-color:#aabbcc;
   line-height: 130%;
   color:#01214c;
}

h1{
   padding: 20px;
   font-weight: bold;
   font-size: 2em;
   font-variant: small-caps
}

h3{
   text-align:right;
   font-style:italic;
   font-size: 1.3em;
   padding-right:20px;
}

h4{
   background-color:#004539;
   color:#ddffff;
   padding:5px;
   margin: 0 0 5px 0;
   font-size: 1.1em;
   border-bottom-color:#01214c;
   border-bottom-width:3px;
   border-bottom-style:solid;
}
p{
   margin: 10px 0;
}

#page {
   width:800px;
   border-color:#004539;
   border-width:3px;
   border-style:solid;
   background-color:#ddffff;
   position:relative;
   margin: 0; 
   padding: 0;
   min-height: 100%; 
}

* html #page
{
height: 100%;
}

#title{
   background-image:url(../images/top2.jpg);
   background-position:top left;
   background-repeat: no-repeat;
   border-bottom-color:#01214c;
   border-bottom-width:3px;
   border-bottom-style:solid;
   padding:0;
   margin:0;
   width:800px;
   height:145px !IEHack;
   height:183px;
}


#content {
   clear:left;
   padding-bottom: 65px;
   overflow: auto; //enables expansion to incorporate floating sub divs
}
 
#footer {
   color:#ddffff;
   background-color:#01214c;
   text-align:center;
   font-size: .8em;
   line-height: 170%;
   position:relative;
   width:800px;
   margin-top: -60px; 
   margin-left: 3px;
   padding: 5px 0;
   min-height: 50px; 
}

#footer a{
   color:#ddffff;
   text-decoration:none;
}
#footer a:visited{
   color:#ddffff;
}
#footer a:hover{
   color:#ddffff;
   text-decoration:underline;
}


div.widebox{
   padding:10px 20px 0px 20px;
   margin:10px 20px 0px 20px;
   width:720px;
}

div.smallbox{
   float:left;
   padding:5px 20px;
   margin:5px 20px;
   width:185px;   
}

.infobox{
   margin:20px;
   padding:20px;
}

/* curve height, background image */
.infobox .t, .infobox .b, .infobox .b b, .infobox .t b{
   height:14px;
   background-image:url(images/rcorner.png);
}

/* inner color, border color, border width */
.infobox .c{
   background:#ffffff;
   border-color:#004539;
   border-left-width:3px;
   border-right-width:3px;
}

/* surrounding margins (optional) */
.round{
   margin-bottom:5px;
}
.round .c{
/* inner content padding */
   padding:0 10px 0 10px;
   border-top:0;
   border-bottom:0;
   border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
   display:block;
   overflow:hidden;
}
.round .t b, .round .b b{
   float:right;
   width:50%;
}
.round .t .r{
   background-position:top right;
}
.round .b .r{
   background-position:bottom right;
}
.round .b{
   background-position:bottom left;
}
.round .br{
   clear:both;
   display:block;
   overflow:hidden;
   height:0px;
}