body {
	background: #535353;
	position: relative;
	text-align: center;
	width: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;	
	border: 10px solid #fff;	
}

#container
{
	background: #fff;
	height: 100%;
	margin-top: 0;	
}

#content
{
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 12px;
	color: #535353;

}

#header
{
	height: 90px;
    background-image: url(images/top_header.gif);
}

#logo
{
	background-image: url(images/pegasus.gif);
	background-repeat: no-repeat;	
	width: 100%;
	height: 100%;
	align: left;
}
#mainmenu
{
	background: #F2F0DB;
	border-top: 1px solid #E5E2C3;
	border-bottom: 1px solid #E5E2C3;
	height: 25px; 
	padding-top: 10px;
	word-spacing: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-align: center;
	font-weight: bold;
	color: #959796;
}	

a:link {text-decoration: none; color: #014F97; cursor: hand;}
a:active {text-decoration: none; color: #014F97; cursor: hand;}
a:visited {text-decoration: none; color: #014F97; cursor: hand;}
a:hover {text-decoration: none; color: #959796; cursor: hand;}

#flash
{
	padding-top: 10px;
	height: 150px;
	background: #fff;
}

/* Sub-navigation bar */
#sub_navigation {
    background: #F0F0E9 url(images/main_menu.gif) top left repeat-x;
	border-top: 1px solid #E4E1C0;
    border-bottom: 1px solid #E4E1C0; /*dark: #576241 - light: #9FB591;*/
    overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-align: center;
	font-weight: bold;	
}
#sub_navigation ul {
    float: left;
	list-style: none;
}
#sub_navigation li {
    float: left;
	list-style: none;
}
#sub_navigation a {
    background: url(images/seperator.gif) right no-repeat;
    float: left;
    font-size: 10px;
    line-height: 10px;
    text-decoration: none;
	text-align: center;	
    padding: 10px 17px 10px 17px;
    color: #959595;
}
#sub_navigation a:hover, #sub_navigation .selected a {
    background-color: #FFF;
    color: #01509B;
}
#sub_navigation span {
    float: left;
    background: url(images/seperator.gif) no-repeat;
    width: 1px;
    height: 30px;
}
#sub_navigation.flat {
    height: 5px;
    font-size: 1px;
    line-height: 5px;
    background: #B4DE8B;
}
/* Sub-navigation bar END*/

#nav {
padding: 0;
height: 27px;
list-style: none;
display: inline;
overflow: hidden;
clip: rect(0, 372px, 27px, 0);	/* Mac IE5 workaround */
width: 372px;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
}

#nav a {
display: block;
float: left;
font: 11px 'Verdana', Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
width: 96px;
padding: 9px 0 0 0;
border: 0;
height: 27px;  /* INTERNET EXPLORER */
voice-family: "\"}\""; 
voice-family:inherit;
height: 18px; /* CONFORMANT BROWSERS */
}
#navwrapper {
width: 100%;
position: relative;
height: 42px;
background-color: #e2e2e2;
background-image: url(images/menu_bg.gif);
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}

#navalign {
width: 100%;
position: absolute;
bottom: 0px;
left: 5px;
height: 27px;

}
#home a, #about a, #activities a  {
width: 80px;
background: url(images/tab_menu.gif) left top no-repeat;
}

#contact a  {
width: 80px;
background: url(images/tab_menu.gif) left top no-repeat;
}

#nav a {
display: block;
float: left;
font: 11px 'Verdana', Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
width: 96px;
padding: 9px 0 0 0;
border: 0;
height: 27px;  /* INTERNET EXPLORER */
voice-family: "\"}\""; 
voice-family:inherit;
height: 18px; /* CONFORMANT BROWSERS */
}

#nav a:hover {
background-position: 0 -54px;
border-bottom: 0;
color: #000;
font-weight: bold;
}

body#homepage li#home a, body#personalbio li#about a,
body#activity li#activities a, body#contactus li#contact a {
background-position: 0 -54px;
color: #333;
font-weight: bold;
}

#home a, #about a, #activities a  {
width: 88px;
background: url(images/tab_menu.gif) left top no-repeat;
}

#contact a  {
width: 88px;
background: url(images/tab_menu.gif) left top no-repeat;
}

iframe {
overflow-x: hidden;
overflow-y: auto;
}

#footer
{
	width: 800px;
	background: #fff;
	color: #ccc; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px
}
