/*layout code from Owen Briggs Little Boxes site */
html {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000;
	PADDING-TOP: 0px;
	background-color: #ffffff;


}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2E3328;
	}
a {
	text-decoration: none;
	font-weight: normal;
	font-size:11px;
	outline: none;
	color: #0F297B;
	}
a:visited {
	color: #0F297B;
	}
a:active {
	color: #0F297B;
	}
a:hover {
	color: #7D98EF;
	text-decoration: none;
	}
strong, b {
	font-weight: bold;
	}
li{
	font-size: 12px;
	line-height: 22px;
    list-style-type: square; 
	align:left; 
}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-family: "lucida sans",verdana, arial, helvetica, sans-serif;
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: strong;
	margin-top: 0;
	margin-bottom: 4px;
	color: #0F297B;
	background-color: #ffffff;
}

h3 {
	margin-bottom: 0;
	color: #0F297B;
	font-weight: strong;
	background-color:#FFFFFF;
}


h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 2px;
	color: #ffffff;
	background-color: #0F297B;
	width:95%;
}

h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

blockquote{

	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	margin:10px;
	indent:10px;
}

img {
	margin:2px;
}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}

.tiny {
	font-size: 9px;
	line-height: 12px;
	margin-top: 5px;
	margin-bottom: 5px; 
}	

.lefttext{
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
}

#toplinks {
	margin: 0px 20px 0px 20px;
	}

#toplinks a {
	text-decoration: none;
	font-weight: normal;
	font-size:11px;
	outline: none;
	color; #0F297B;
}

#topright{
	position:absolute;
	top:33px;
	right:0px;
	width:170px;
	margin:0px 20px 0px 0px;
}

#topright a {
	text-decoration: none;
	font-weight: normal;
	font-size:11px;
	outline: none;
	color; #0F297B;
}

#topright a:visited {
	color: #FFFFFF;
}

#top {
	top: 0px;
	bottom:78px;
	margin: 0px 0px 0px 20px;
	padding-left: 10px;
	padding-top: 5px;
	border-top: 1px   solid  #2E3328;
	border-bottom: 1px   solid  #2E3328;
	background-color:#7D98EF;
	height: 78px;
}
#top h1 {
	font-family: "lucida sans",verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 0;
	color: ffffff;
	font-weight: strong;
	
}

html>body #top {
	height: 80px;
	/*background-color:#7D98EF;*/
}

#left {
	position: absolute;
	top: 84px;
	left: 0px;
	margin: 20px;
	padding: 0px;
	width:160px;
	background-color:#7D98EF;
}

html>body #left {
	width: 175px;
	border: 5px;
}

#middle {
	
	margin: 20px 190px 20px 200px;
	padding:10px;
	background-color: #ffffff;
}

#middle h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 24px;
	margin-bottom: 0;
	color: #0F297B;
	font-weight: strong;
	background-color:#FFFFFF;
}

#middle h3 {
	font-family: "lucida sans",verdana, arial, helvetica, sans-serif;
	font-size: 22px;
	margin-bottom: 0;
	color: #0F297B;
	font-weight: strong;
	background-color:#FFFFFF;
}

#middle h4 {
	margin-top: 20px;
	color:#0F297B;
	background-color:#FFFFFF;
}

#middle h5 {
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px; 
}

/* use h6 as a p with no top, bottom margin */
#middle h6 {
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px; 
}

#middle p {
	margin-bottom: 13px;
}

#middle a {
	color: #0F297B;
 	font-size: 12px;
	}

#middle a:visited {
	color: #0F297B;
	font-size: 12px;
	}

#middle a:active {
	color: #0F297B;
	font-size: 12px;
	}

#middle a:hover {
	color: #0F297B;
	font-size: 12px;
	}

#middle li a {
	color: #0F297B;
 	font-size: 12px;
}

#middle li a:visited {
	color: #0F297B;
 	font-size: 12px;
}



#right {
	position: absolute;
	top: 103px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin:20 px
	padding: 10px;
	border: 0px;
	width: 160px;
	}
#right h3 {
	font-family: "lucida sans",verdana, arial, helvetica, sans-serif;
	font-size: 22px;
	margin-bottom: 0;
	color: #0F297B;
	font-weight: strong;
	background-color: #FFFFFF;
}

#right h4 {
	margin-top: 20px;
	color: #0F297B;
	background-color: #FFFFFF;
}



html>body #right {
	width: 160px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
}


.caption{
	font-family: verdana;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 0px; 
	letter-spacing:-1px;
}

.photocaption{
	font-size: 11px;
	line-height:14px;
}


/*left menu area - adapted from listamatic */
#navcontainer
{
background:transparent;
width: 140px;
margin: 0 auto;
padding: 1em 0;
font-family: "lucida sans",verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: strong;
text-align: center;
/*text-transform: lowercase;*/
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width:95%;
}

ul#navlist li
{
list-style-type:none;
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.3em 0 0.3em 0.3em;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
/*color: #86879C;*/
/*color: #002C58;*/
color: #ffffff;
font-size: 13px;
text-decoration: none;
/*background: #F1F9E8;*/
/*background: #7D98EF;*/
background: #003163;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #c73a54;

}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #2E3328;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

table{
border:1px solid #000000;
}
td{
vertical-align:top;
padding-bottom:20px;

}