﻿html { height: 100%; margin-bottom: 1px; }

body 
{
	behavior:url("/csshover.aspx");
	behavior:url("/mcdoa/csshover.aspx");
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:small;
}
#container 
{
	margin: 0px auto;
	width: 790px;
}
#header 
{
	width: 790px;
	height: 130px;
	margin:0px;
	padding:0px;
	/*background: url(../images/header.jpg);
	background-position: top left;
	background-repeat:no-repeat;*/
}
#header h1 
{
	float:left;
	width:500px;
	color:#99bdab;
	font-size:20pt;
	margin-top:1em;
}
#header #logo
{
	margin:15px;
	margin-right:4em;
	float:right;
}
#main 
{
	width: 760px;
}


/* menu styles */

#menustrip {
width: 790px;
/*float:left;*/
text-align:center;
padding-top:3px;
}

#menustrip ul {
list-style: none;
margin: 0px;
padding: 0px;
/*width: 8em;*/
float: left;
min-width:7.0em;
width:7.3em;
background:url(../images/vert_grad.gif) repeat-x;
}
#menustrip a, #menustrip h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
padding-top:8px;
height:20px;
text-align:center;
}

#menustrip h2 {
color: #000;
text-transform: uppercase;
cursor:default;
padding: 0px 1em 0em 1em;
}

#menustrip a {
color: #000;
text-decoration: none;
padding: 0px 1em 0em 1em;
}

#menustrip a:hover {
color: #a00;
}
#menustrip li {position: relative;}
#menustrip ul li ul 
{
	position:absolute;
z-index: 500;
background-color: #cee3d8;
left:0;
top:19px;

}

#menustrip ul li ul li a
{
	background-image:none;
background-color: #c5d9cf;
height:auto;
text-align:left;
}
#menustrip ul li ul li 
{
	background-image:none;
	background-color:white;
	border: dashed 1px gray;
	border-top:none;
background-color: #c5d9cf;
}

div#menustrip ul ul
{display: none;}

div#menustrip ul li:hover ul
{display: block;}




#footer
{
background-color: #99bdab;
height:15px;
font-size:0.8em;
text-align:center;
color:White;
margin-top:1em;
margin-bottom:1.5em;
width:760px;
}


#main 
{
	padding-top:1em;
	text-align:left;
}
#main div 
{
}
#main img 
{
	border: solid 1px black;
}

div.centrealign
{
	text-align:center;
}
div.floatright 
{
	float:right;
	margin-left:1em;
}
div.floatleft
{
	float:left;
	margin-right:1em;
}



/* about us */
span.name 
{
	font-weight:bold;
}
span.edu 
{
	font-weight:bold;
	font-style: italic;
}
span.job
{
	display:block;
}



.bold 
{
	font-weight:bold;
}

div.address 
{
	float:left;
}
div.clear 
{
	clear:both;
}


p.spaceimages img
{
	margin: 0.5em 1em 0.5em 1em;
}


span.tagline 
{
	font-style:italic;
	font-size:small;
}

table.photofiletable 
{
border: solid 2px #c5d9cf;
}
table.photofiletable tr td 
{
	padding:5px;
border: solid 2px #c5d9cf;
}
table.photofiletable tr.head 
{
background:url(../images/vert_grad.gif) repeat-x;
background-color: #c5d9cf;
}
table.photofiletable tr.head td 
{
	padding:10px;
border: solid 2px #c5d9cf;
}
table.photofiletable tr td img
{
	border:solid 3px black;
}

div.photos 
{
	margin:auto;
}
img.photo
{
	border-color: #c5d9cf;
	margin:1em auto;
}

table.pagestable 
{
border: solid 2px #c5d9cf;
}
table.pagestable tr td 
{
	padding:5px;
border: solid 2px #c5d9cf;
}
table.pagestable tr.head 
{
background:url(../images/vert_grad.gif) repeat-x;
background-color: #c5d9cf;
}
table.pagestable tr.head td 
{
	padding:10px;
border: solid 2px #c5d9cf;
}
div.editbuttons a
{
	
}

p.lastupdated
{
	text-align:right;
	font-size:x-small;
	color:#999;
}