.body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	text-decoration: underline;
}
a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	text-decoration: underline;
}
a:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	text-decoration: underline;
}
a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E37F1C;
	text-decoration: underline;
}
.bordertop {
	border-top: 1px solid #E37F1C;
	border-right: 1px none #E37F1C;
	border-bottom: 1px none #E37F1C;
	border-left: 1px none #E37F1C;
}
.bordercontent {
	border-top: 1px none #E37F1C;
	border-right: 1px solid #E37F1C;
	border-bottom: 1px none #E37F1C;
	border-left: 1px solid #E37F1C;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E37F1C;
	text-decoration: none;
}
a.uppernav:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.uppernav:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.uppernav:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.uppernav:hover  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E37F1C;
	text-decoration: none;
}
.uppernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.hometagline {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #E37F1C;
	font-weight: normal;
	padding-bottom: 5px;
}
.pagetagline {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #E37F1C;
	font-weight: noromal;
}
.subheadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E37F1C;
	text-decoration: none;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	padding: 10px;
}
.photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC731A;
	padding: 10px 10px 10px 0px;
	font-style: italic;
}
.photocaptions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	padding: 10px 0px;
	font-style: italic;
}
.philosophy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003468;
	background-color: #FFDBB0;
	border: 1px solid #E37F1C;
	background-position: center;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #003468;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.sublink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003468;
	text-decoration: none;
}
a.sublink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003468;
	text-decoration: none;
}
a.sublink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E37F1C;
	text-decoration: none;
}
.subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003468;
	text-decoration: none;
	padding-right: 10px;
	padding-top: 10px;
}

/* project menu settings */
#menu {
width: 200px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #40678E;
margin: 0;
padding: 3px 3px;
}
#menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #40678E;
margin: 0;
color: #fff;
background: #003468;
cursor: hand;
}

#menu h2 a {
color: #fff;
background: #003468;
cursor: hand;
border-width: 0px;
}

#menu h2 a:hover {
color: #fff;
background: #40678E;
cursor: hand;
border-width: 0px;
}

#menu a {
color: #fff;
background: #40678E;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #A9BEC0;
}

#menu a:hover {
color: #003468;
background: #ADBDCD;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
/* font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
if required use em's for IE as it won't resize pixels */
}