html {
padding:0px;
margin:0px;
}

body {
background-color: #ffffff;
color:#000000;
}

#header {
position: absolute;
left: 0px;
width: 100%;
height: 100px;
background-color: white;
color: #000000;
margin: 0px;
padding: 0px;
padding-top: 20px;
padding-left: 20px;
border-bottom: 3px solid black;
}

#logo {
position: absolute;
left: 40px;
margin: 0px;
padding: 0px;
padding-top: 20px;
}

#footer {
position: absolute;
left: 0px;
bottom: 1px;
height:30px; 
width: 100%;
text-align: center;
background-color: #cccccc;
color: black;
margin:0px; 
padding:0px;
border: none;
z-index: 5
}
#footer a, #footer a:link, #footer a:visited	{
color : black;
font-weight : bold;
text-decoration : none;
}
#footer a:hover	{
color : #ff0000;
}


/* tab menus for 2 levels of tabs */
/* Based on Adam Kalsey's CSS http://kalsey.com/2003/05/css_tabs_with_submenus/ */
#menu {
position: absolute;
left: 130px;
top: 90px;
border-bottom : 2px solid #dddddd;
margin : 0;
padding-bottom : 5px;
padding-left : 0px;
}

#menu ul, #menu li	{
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
width: 100%;
}

#menu a:link, #menu a:visited	{
background : #dddddd;
border : 2px solid black;
color : black;
float : left;
font-size : 18px;
font-weight : bold;
line-height : 25px;
margin-right : 8px;
padding : 2px 20px 2px 20px;
text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
background : white;
border-bottom : 3px solid white;
color : black;
}

#menu a:hover	{
color : #ff0000;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.gallery   #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : white;
	border-bottom : 2px solid white;
	color : black;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 100%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.gallery   #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 40px;
}

body.section-1 #menu a, 
body.section-2 #menu a,
body.section-3 #menu a,
body.gallery   #menu a,
body.section-4 #menu a{
	color : #999999;
	font-weight : bold;

}


body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.gallery   #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : white;
	border : none;
	border-left : 2px solid #cccccc;
	border-right : 2px solid #cccccc;
	border-bottom : 2px solid #cccccc;

	color : #999999;
	font-weight : bold;
	line-height : 20px;
	margin-right : 4px;
	padding : 2px 8px 2px 8px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #ff0000 !important;
}

#contents {
position: relative;
left: 100px;
top: 150px;
height: 100%;
width: 90%;
background : transparent;
border : none;
clear : both;
margin : 0px;
padding : 15px;
}

/* Offset to handle Gallery software positioning */
#gallerycontents {
position: relative;
left: -100px;
}