a {	color:#000064;
	font-weight: bold;
	text-decoration: underline; }

a:hover	{	color: #FF0000;
			text-decoration: underline; }

a:visited	{	color: #6699FF; }

body	{	font-family: verdana, tahoma, helvetica, arial, sans-serif;
		font-size: 80%;
		background-image: url('graphics/marb030.jpg');
		background-repeat: repeat;
		background-attachment: fixed;
		margin: 0em; }


#wrapper-menu-top {
	background: white url('graphics/bg02-blue-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('graphics/bg02-blue-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#wrapper-header {
	background: transparent url('graphics/bg.png') top center repeat-x;
}

#header1 {
	background: #eee url('graphics/bay-night-1600.jpg') no-repeat center top;
}

#header2 {
	background: #eee url('graphics/bay-eve-1900blk-pt.jpg') no-repeat center top;
}

#header3 {
	background: #eee url('graphics/bay-eve4c.jpg') no-repeat center top;
}

#header4 {
	background: #eee url('graphics/bay-day-2000b.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('graphics/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('graphics/bg02-blue-right.png') top right no-repeat;
}

#header1 h1 {
	margin: 0 20px;
	padding: 0;
	height: 120px;
	line-height: 1.5em;
	color: #FFFFFF;
	font-size: 200%;
}

#header2 h1 {
	margin: 0 20px;
	padding: 0;
	height: 126px;
	line-height: 1.5em;
	color: #FFFFFF;
	font-size: 200%;
}

#header3 h1 {
	margin: 0 40px;
	padding: 0;
	height: 120px;
	text-align: center;
	line-height: 1.5em;
	color: #000064;
	font-size: 200%;
}

#header4 h1 {
	margin: 0 40px;
	padding: 0;
	height: 120px;
	text-align: center;
	line-height: 1.5em;
	color: #000064;
	font-size: 200%;
}

#wrapper-content {
	background: white url('images/bg02-blue-left.png') no-repeat left top;
}


h1	{	color: #000064;
		font-weight: bold;
		padding-left: 0.5em;
		padding-top: 0.2em; }

h2	{	color: #000064;
		font-weight: bold;
		border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E5E5E5; }

h3 	{	color: #09308F;
		font-size: 1.25em;
		font-weight: bold; }

.no-bullet	{	margin-left: -2em;
			list-style-type: none;	}

.indent	{	text-indent: 1.5em;	}

.clear	{	clear: both; }

.bold		{	font-weight: bold;	}

.emphasis	{	font-weight: bold;
			font-size: 1.25em;	}

.italics	{	font-style: italic;	}

.strike	{	text-decoration: line-through; }

.line	{	line-height: 1.5em;	}

.noline	{	text-decoration: none;	}

.underline	{	text-decoration: underline;	}

.public	{	font-weight: bold;
			color: #FF0000;	}

.center	{	text-align: center;	}

.float-left		{	float: left;	}

.float-right	{	float: right;
				margin-left: .75em;
				margin-bottom: 0.25em;	}

.orange	{	color: #FF9933;	}

.blue		{	color: #000064;	}

.bluelight	{	color: #09308F;	}

.bluealt	{	color: #003366;	}
	
.red		{	color: #FF0000;	}

.redsons	{	color: #C0030E;	}

.green	{	color: #DFFFBE;	}

.gray		{	color: #F0F0F0;	}

.white	{	color: #FFFFFF;	}

/* ----- Superior Bar -----  */
div.supBar {
	vertical-align: middle;
}

/* ----- Menu Bar -----*/
div.menu {
	width: auto;
	text-align: right;
	vertical-align: middle;
	background-color:#000064;
	color:#FFFFFF;
	padding: 1em 1em 1em 1em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}

div.menu a		{	color:#FFFFFF;
				text-decoration:none; }

div.menu a:hover	{	color: #FF0000;
				text-decoration: underline; }

div.menu a:visited	{	color:#6699FF;	}

/* ----- top section container -----*/

div.ContainerF {
	clear: both;
	text-align: center;
	background-color: #000064;
	border-style:solid; border-width:2px; border-color:#FFFFFF;
	margin: 0.5em 0.5em 1em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
	overflow: auto;
}

div.ContainerF h2	{	color:  #FFFFFF ;	}

div.fullF	{
	width: 96%;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin-top: 0.5em;
	margin-left: auto;
	margin-bottom: 0.5em;
	margin-right: auto;
	padding: 0.5em 0.5em 0.5em 0.5em;		
	overflow: auto;
}

div.fullF h2	{	color:  #000064;	}

div.fullF2	{
	width: 96%;
	text-align: left;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin-top: 0.5em;
	margin-left: auto;
	margin-bottom: 0.5em;
	margin-right: auto;
	padding: 0.5em 0.5em 0.5em 0.5em;		
	overflow: auto;
}

div.fullFl h2	{	color:  #000064;	}

div.fullL	{
	width: 42%;
	float: left;
	color: #000000 ;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

div.fullL h2	{	color:  #000064;	}

div.fullR {
	width: 42%;
	float: right;
	color: #000000 ;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

div.fullR h2	{	color:  #000064;	}

/* -- 3-column middle-float page --*/

/* ----- left Container/Column -----*/

div.ContainerL	{
	float: left;
	clear: left;
	width: 18em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#FFF3CE;
}

div.topL	{
	width: 16em;
	background-color:#F8F8F8;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0em 0.5em 0.5em 0.5em;
	padding: 0em 0.5em 0.5em 0.5em;	
}

div.topL h2{
	color:#FFFFFF;
	text-align: center;
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#000064;
}

/* ----- main Container ----- */

div.ContainerR{
	margin: 0.5em 0.5em 0.5em 19em;
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#FFF3CE;
	overflow: auto;
}

/* ----- right column ----- */

div.topR	{
	float: right;
	clear: right;
	width: 18em;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.topR h2{
	color:#FFFFFF;
	text-align: center;
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#000064;
}

div.topR p	{	text-align: center;	}

/* ----- center column ----- */

div.topM{
	width: auto;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 18.5em 0.5em .75em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	overflow: auto;
}

/*----- 30/70 two-column page --------*/

/* ----- left column -----*/

div.Container2L{
	float: left;
	clear: left;
	width: 16em;
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#FFFFFF;
	margin: 0.5em 0em 0em 0.5em;
	padding: 0.5em 0em 0.5em 0.5em;
}

div.top2L{
	width: 13em;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.0em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.bottom2L{
	width: 13em;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/* ----- right-hand column -----*/

div.Container2R{
	width: auto;
	background-color:#000064;
	border-style:solid; border-width:1px; border-color:#FFFFFF;
	margin: 0.5em 0.5em 0.5em 18em;
	padding: 0.5em 0em 0.5em 0.5em;
}

div.top2R{
	width: auto;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	overflow: auto;
}

div.bottom2R{
	width: auto;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
	overflow: auto;
}

/*--- 45/10/45 two-column with center divider ---*/

/* ----- left section -----*/

div.Container3L{
	float: left;
	width: 45%;
	background-color: #000064;
	border-style:solid; border-width:1px; border-color:#FFFFFF;
	margin: 0em 0em 0em 0.5em;
	padding: 0.5em 0.0em 0.5em 0.5em;
}

div.top3L{
	width: 90%;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.bottom3L{
	width: 90%;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/* ----- right section -----*/

div.Container3R{
	float: right;
	width: 45%;
	background-color: #000064;
	border-style:solid; border-width:1px; border-color:#FFFFFF;
	margin: 0em 0.5em 0em 0em;
	padding: 0.5em 0.0em 0.5em 0.5em;
}

div.top3R{
	width: 90%;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 1em 0.5em;
}

div.bottom3R{
	width: 90%;
	background-color:#FFFFFF;
	border-style:solid; border-width:2px; border-color:#FF0000;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

/* ----- image boxes ----- */

div.image {
	float: left;
	width: 80px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{	color:#CCCCCC;	}

div.image-right {
	float: right;
	width: 80px;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.figure-right2	{
	float: right;
	width: 15%;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}

div.figure-right2 p	{
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

div.figure-left2	{
	float: left;
	width: 10%;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}

div.figure-left2 p	{
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

img.scaled	{
	width: 100%;
}


/* ----- dynamic image gallery ----- */
/* -- Credits: Dynamic Drive CSS Library -- */
/* -- URL: http://www.dynamicdrive.com/style/ -- */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom: 0;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* ----- sub Container ----- */

div.subContainer{
	clear:both;
	width: auto;
	font-size:90%;
	background-color:#000064;
	color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
	margin: 0em 0em 0em 0em;
	padding: 1em 0.5em 2em 0.5em;
}

div.copyright {
	color:#FFFFFF;
	text-align:right;
	margin-left:20em;
	margin-right:0.5em;
	font-size:90%;
}

div.copyright a		{	color:#FFFFFF;
					text-decoration:none; }

div.copyright a:hover	{	color: #FF0000;
					text-decoration: underline; }

div.copyright a:visited	{	color:#6699FF;	}

div.subLinks{
	float:left;
	clear:left;
	margin-left:2em;
}

div.subLinks a		{	color:#FFFFFF;
					text-decoration:none; }

div.subLinks a:hover	{	color: #FF0000;
					text-decoration: underline; }

div.subLinks a:visited	{	color:#6699FF;	}