body {
background-color:#CCCCCC;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
font-size:100%;
text-align:center;
}

#envelope {
width: 770px;
background-color:white;
margin: 0px auto;
text-align:left;
border-top: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
}

#banner {
height:150px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
border-bottom: 1px solid black;
}

#head {
border-bottom: 1px solid black;
background-color:#999999;
margin:0px;
padding:0px;
}

#head h1 {
font-size:80%;
margin-top:0;
margin-bottom:0;
margin-left: 10px;
font-weight:bold;
color: white;
}

/* Nav Bar at the top */


#nav {
float: right;
padding:0;
margin:0;
background-color:#FFF;
border-bottom: 1px solid black;
font-size: 80%;
font-weight:bold;
}


#nav a{
padding: 0 26px 0 26px;
text-decoration:none;
text-align:center;
color:black;
border-left:1px solid black;
}

#nav a:hover, a:focus{
background-color:#1a6a98;
color:white;
}

/* Subnav Bar down the side */

#subnav{	
	float:right;
	width:130px; 
	border-left:1px solid black; 
	border-bottom: 1px solid black;
	margin-top:10px; 
	margin-bottom:10px; 
	}
	
 #subnav a, a:visited {
	text-decoration:none;
	color:black;
	} 
	
#subnav a:hover, a:focus {
	color:#1a6a98;
	font-weight:bold;
	} 
	
#subnav ul{
	font-size:70%;
	line-height:20px;
	text-decoration: none;
	list-style: none;
	}

#subnavheader {
	font-size: 80%;
	font-weight:bold;
	padding-left:20px;
	vertical-align:top;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background-color:#1a6a98;
	colour: white;
	}

#subnavheader a, a:visited {
	color:white;
	}

#subnavheader a:hover {
	color:black;
	}
	
/* new wireframe menu */

/*.wireframemenu{
margin-top:10px;
float:right;
border-top: 1px solid black;
border-left:1px solid black;
background-color: white;
width: 120px;
line-height:15px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
/*width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
font-size:80%;
list-style-type: none;
}

.wireframemenu a{
font: bold;
font-size: 90%;
padding: 4px 20px;
display: block;
width: 100%; /*Define width for IE6's sake*/
/*color: black;
text-decoration: none;
border-bottom: 1px solid #black;
}

.wireframemenu a:visited{
color: #black;
}

html>body .wireframemenu a{ /*Non IE rule*/
/*width: auto;
}

.wireframemenu a:hover{
background-color:#1a6a98;
color: white;
}

.menutitle{
/*color: white;
 border-bottom: 1px solid black; 
padding: 1px 0;
padding-left: 5px;*/
/*background-color: #1a6a98;
font: bold 90%;
}

.menutitle{
color:white;
}

.menutitle a:hover{
background-color:#FFFFFF;
color: black;
} */

/* Content Area */

#content {
margin: 10px 140px 10px 10px;
width: 610px;
padding: 0;
}

#content h1 {
font-size: 90%;
font-weight:bold;
margin: 0;
padding: 5px 0 5px 0px;
}

#content h2 {
font-size: 80%;
font-weight: bold;
padding: 5px 0 0 0;
}

#content p {
font-size:80%;
line-height: 120%;
}

#content a {
text-decoration: none;
color:#1a6a98;
font-weight:bold;
}

#content a:hover, a:focus {
color:#666;
}

#imgRight {
border: 1px solid black;
float:right;
margin-left: 10px;
margin-bottom: 10px;
}

#imgLeft {
border: 1px solid black;
float:left;
margin-right: 10px;
}

/* Footer */

#footer {
clear:both;
border-top:1px solid black;
background-color:#999;
color:white;
margin-top:20px;
padding:5px 10px 0 10px;
font-size:70%;
font-weight:bold;
height:20px;
/*text-align:center;*/
}

#footer a {
text-decoration:none;
color:white;
}

#footer a:hover, a:focus{
font-style:italic;
}

.footlinks{
text-align:center;
}

.mail{
clear:right;
float:right;
}

.copyright{
clear:left;
float:left;
}


/*simpleviewer script */

#flashcontent {
	height: 700px;
	width: 600px;
}