html, body{ 
 margin:0px; 
 padding:0px; 
 height:100%; 
 font-size:100%; 
 text-align:center; 
 font-family: Arial,sans-serif;
} 

body {background-color: #324c7d; color: #000000;}

/* ****************** DEFAULT STYLES ***************** */ 
table { margin:0; font-size: 100%; } /* IE hack for better text resizing */
img { border: 0 none; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; font-size: inherit; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: Arial, sans-serif;}
ul { list-style-type: square; margin: .5em 0 1em; padding: 0 0 0 1.5em; }
ul.flush li {margin-left:0px;}
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: none; }
ol { margin: .5em 0 1em; padding: 0 0 0 1.5em; }
ol.listSpace li, ul.listSpace li {margin-bottom:.5em;}
p.listSpace { line-height:1.2; }
blockquote {margin: 1em 15px; padding:15px; }
hr { clear: both; }

a, a:link, a:visited {color: #006699; text-decoration: none;}
a:hover {color: #006699; text-decoration: underline; }

h1{font-size: 120%; font-family: verdana, arial, sans-serif; }
h2{font-size: 114%; color: #334d55;}
h3{font-size: 110%; color: #334d55;}
h4{font-size: 100%; }
h5{font-size: 100%; color: #334d55;}

/* ****************** LAYOUT STYLES ***************** */ 

#pageframe{ 
 width:790px; 
 text-align:left;  
 margin: 50px auto;
 background: rgb(239,240,244) url(images/side1.jpg) 0px 80px no-repeat;
} 
 
#masthead{
 position:relative; /* helps logo positioning */
 width:100%;
 height:3em; 
}

#logo {
 height: 165px; width:165px; display:block;
 position: absolute; left:25px; top: -25px; overflow:visible; 
 border:none; background-color:#b8c0d1;
}
#logo img{background-color:white; border:none;}  /* assumed to be same size as container */
#logo:hover img {background-color:#999999;}

#uppernav {width:70%; float:right; text-align:right; padding-top: 1em; }
#uppernav p {margin:0; padding: 0; font-size:75%; padding-right:1.5em;}

#navbar{
 background-color: #324c7d; 
 color:white;
 font-weight:bold;
 padding: 0px 0px 0px 190px;
 border-bottom: 2px solid #324c7d; 
 border-top: 1px solid #324c7d; 
}

#navbar a{
 font-size: 85%; font-weight:bold;  color:white; white-space:pre;
 display: inline;
 line-height:3em;
 padding: 1em;
}

#navbar a:hover {background-color:#333333;}
#navbar a.selected {background-color:black;}

#colwrap{
margin:0px; padding: 0px; 
height:400px; /* height acts as mininum height for shorter content pages in IE6 */
}
div#pageframe > div#colwrap{
height:auto; min-height:400px; /* height for modern browsers */
}
 
#leftcol{
 width:24%; 
 float:left; 
 position:relative;
 margin:0px;
 padding-top: 50px;
 padding-bottom: 20px;
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:75%; 
 padding:20px 0px;
 }
 
#footer{
 position:relative;
 width:100%;
 clear:both;
 margin:0px;
 padding: 5px 0px;
 font-size: 12px; color:white; font-weight:bold;
 background-color:#000000; 
} 
#footer a{
 color:white;
}
#footer img{
	padding:0px 5px;
	vertical-align: middle;
}

#designer {position:absolute; top:5px; right:10px; font-size:11px;}

/* ****************** MAIN CONTENT STYLES ***************** */ 
#pageName{
	margin: 0px .8em .8em .5em;
	padding-bottom: 5px;
	border-bottom: 2px dashed #cccccc;
}

.feature{
	padding: 0px 1em;
	font-size: 92%; 
}

.feature h3, .feature h2{
	margin: 0 0 .5em 0;
	padding:0;
	text-align: left;
}

.feature img{
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 2px;
	border:1px solid black;
}

.bubble {
	margin:0px 0px 1em 1em;
	padding: 1em;
	width:180px;
	float:right;
	background-color:#b8c0d1;
	border:2px solid #cccccc;
	font-size: 92%;
}

.q {border: 2px solid #cccccc; padding: .25em .5em; background-color:#b8c0d1;}
.quotation {font:italic bold 1em arial; margin-bottom:0px; text-align:left;}
.author {font:normal bold 1em arial; margin:.25em 0 0 0; text-align:right;}

/*********** page specific styles ***********/
#staffBubble {width:195px; margin-top:-45px; padding: 1em .25em;}

/* alternate index at top */
#staffTable td {vertical-align:top; padding: .5em;}
#staffTable {background-color:#b8c0d1;}

/* old listings on same page */
.staff {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #cccccc;
}
.staff img { display:none; float:right; margin: 0 20px 10px 0; }

.caption {text-align:left; margin-top:0px;font-size:80%;}

#groups td, #groups th {padding: 8px;vertical-align:top; text-align:left; }
#groups th {font-style:italic; font-weight:bold; border-right:1px dashed #999999;}
#groups tr.odd td, #groups tr.odd th {}
#groups tr.even td, #groups tr.even th {background-color: #b8c0d1; }

/*********** .relatedLinks styles ***********/

.relatedLinks ul {list-style: none; margin: 0; padding: 0;}
.relatedLinks ul li {margin:0;padding:0;}

.relatedLinks{
	margin: 0px;
	padding: 0px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a {
	width:95%;
	padding: .25em 0 .25em .25em;
	border: 2px solid #b8c0d1;	
	border-bottom: 2px dashed #dddddd; 
	display:block; 
}
.relatedLinks .name {font-weight:bold; font-size:.9em;}
.relatedLinks .title {font-size: .8em;}
.relatedLinks a:hover {
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}
.relatedLinks a.selected{
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
}

 
 /* *********************** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /* ********End Float containers fix */

  /*printer styles - change font to pixels??? */ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#maincol{width:100%; float:none;}
#colwrap{padding-top:30px;}
#pageframe{width:100%;margin:0px; background:#ffffff none;}
#logo {height:82px; width:82px; margin-top: 25px; margin-bottom: -70px;}
#logo img {height:82px; width:82px;}
#navbar {padding-left: 110px;}
html,body {background-color:white;}
}