@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background:#000066;
	background-image:url(images08/backplaid2.jpg);
	background-repeat:repeat;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}



.oneColFixCtrHdr #container {
	width: 850px;
	background:#ddddef;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
	/*This part guarantees that col1 will be as tall as col2. */
	background-image: url(images08/bkgcol1.gif);
	background-position: 4px 500px;
	background-repeat: no-repeat;
}

.oneColFixCtrHdr #containerinner {
	/*This container guarantees that col2 will be as tall as col1. */
	width: 850px; 
	background-image:url(images08/bkgcol2.gif);
	background-position: 223px 500px;
	background-repeat: no-repeat;
	
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent {
	background-color: #ffffff;
	color:#01014b;
	font-family: Arial, Verdana, Helvetica;
	vertical-align: top;
	text-align:left;
	font-size: 12px;
	margin: -10px 4px 8px 223px;/* testing this one */
	padding: 4px 40px 8px 20px; 
	min-height:360px;
}

.oneColFixCtrHdr #mainContent a:link, #phototableblue a:link {
	color:#009900;
	text-decoration:none;
	
}

.oneColFixCtrHdr #mainContent a:visited, #phototableblue a:visited {
	color:#009900;
	text-decoration:none;
	
}

.oneColFixCtrHdr #mainContent a:hover, #phototableblue a:hover {
	color:#02d102;
}

.oneColFixCtrHdr #footer {
    width:830px;
	clear:both;
	margin: -5px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */

	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#A4A4CC;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#01014b;
	font-family: Arial, Verdana, Helvetica;
	vertical-align: top;
	text-align:left;
	font-size: 12px;
}

.oneColFixCtrHdr #footer a:link {
	text-decoration:none;
	color: #0000FF;
}

.oneColFixCtrHdr #footer a:visited {
	text-decoration:none;
	color: #0000FF;
}

.oneColFixCtrHdr #footer a:hover {
	text-decoration:none;
	color: #6969fd;
}


.content 
{
	clear: left;
	color: #000000;
}

h1
{
	color: #cc0000;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica;
	text-align: left;
	padding: 4px 0 0 0;
}


h2
{
	font-size: 14px;
	color: #000066;
	font-family: Arial, Verdana, Helvetica;
	text-align: left;
	padding: 4px 0 0 0;

}

.subcenter
{
	font-size: 14px;
	color: #000066;
	font-family: Arial, Verdana, Helvetica;
	text-align: center;
	padding: 0;

}

h3
{
	font-size: 12px;
	color: #cc0000;
	font-family: Arial, Verdana, Helvetica;
	text-align: center;
	padding: 0;

}

.center
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
                
.legal
{
	width: 400px;
	background-color: #ffffff;
		color:#01014b;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.mousetype
{
	color:#01014b;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

#collage
{
	position:absolute;
	height: 208px;
	width:334px;
	z-index:999;
	vertical-align: top;
	text-align:left;
	margin: 0 4px 0 558px;
}

#logo
{
	position:relative;
}

.col1
{
	position:relative;
	float:left;
	width:200px;
	height:100%;
	min-height:360px;
	margin: -10px 0px 4px 4px;
    padding: 4px 4px 4px 10px;
	color:#01014b;
	background-color:#ffffff;
	font-family: Arial, Verdana, Helvetica;
	vertical-align: top;
	text-align:left;
	font-size: 12px;
}

.col1 h3
{
	text-align:center;
}


.col1 ul
{
	list-style:none;
	list-style-position:outside;
	margin-left: 0px;
	padding-left: 20px;
}

.col1 a:link
{
	color:#009900;
	text-decoration:none;
}

.col1 a:visited {
		color:#009900;
	text-decoration:none;
}

.col1 a:hover {
	color:#02d102;
}

.months
{
	margin-top: -10px;
	list-style:disc;

}

.col2
{
	position:relative;
	float:left;
	width:300px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align:left;
	font-size: 12px;
}

.col3
{
	vertical-align: top;
	text-align:right;
	font-size: 12px;
	margin: 0px 0px 0px 300px;
	padding: 0px 0px 40px 0px; 
	min-height:900px;
}

.phototableblue {
	clear: left;
}


.phototable {
	width: 850px;
	border: 0;
	vertical-align: top;
	margin: 0;
	padding: 4px 10px 4px 10px;
	background-color:#ddddef;
}

.photostack
{
	text-align:center;
	padding-bottom: 4px;
}

.photostackpadded
{
	text-align:center;
	padding: 4px 8px 4px 0;
}

.photoleft
{
	float:left;
	padding-right: 8px;
}

.photoright
{
	float:right;
	padding-left: 8px;
}

#photogallery {
	background-color:#ddddef;
	min-height: 1800px;

}

.photogalfoot {
	float:left; 
	background-color:#ddddef; 
	width:100%;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
}

.caltab1 {
	padding-left: 6px;
}

.caltab2 {
	padding-left: 24px;
}

#albumlist {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	background-color:#ddddef;

}

#albumlist li {
	float: left;
	/*width: 400px;*/
	margin-left: 16px;
	margin-top: 16px;
	background-color:#ddddef;
	font: bold;
	color:#01014b;
}

#albumlist img {
	display: block;
	border: none;
	height: 267px;
	}

.quote
{
	text-align:left;
	font: papyrus, Times New Roman, Times, serif;
}

a.rollover {
	display: block;
	width: 150px;
	height: 33px;
	text-decoration: none;
	text-align:right;
	padding-bottom:5px;
	}
	
a.rollover#sponsor
{
		background: url("../gala2010/buttonsponsor.gif")
	}
	
a.rollover#ad
{
		background: url("../gala2010/buttonad.gif")
	}
	
a.rollover#catalog
{
		background: url("../gala2010/buttoncatalog.gif")
	}
	
a.rollover#tickets
{
		background: url("../gala2010/buttontickets.gif")
	}
	
	a.rollover#visit
{
		background: url("../gala2010/buttonvisit.gif")
	}
	
a.rollover#sponsor:hover {
	background-position: -150px 0;
	}
	
a.rollover#ad:hover {
	background-position: -150px 0;
	}
	
a.rollover#auctions:hover {
	background-position: -150px 0;
	}
	
a.rollover#tickets:hover {
	background-position: -150px 0;
	}

a.rollover#visit:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

#galabuttoncontainer {
	float: right;
	padding-right:60px;
	}
	



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:9;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}#qm1 ul {top:100%;}#qm1 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		background-color:#000066;
		background-image:url(../images08/navplaid.jpg);
		background-repeat:repeat;
		border-width:4px 0px 4px 0px;
		border-style:solid;
		border-color:#01014B;
		line-height:1.25;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 40px 3px 8px;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#FFFFFF;
		text-decoration:underline;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		font-weight:bold;
	}


	/*"""""""" (MAIN) Parent Hover State""""""""*/	
	#qm0 .qmparent:hover	
	{	
		font-weight:bold;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:2px 0px 6px 4px;/*Testing this one*/
		margin:0;	
		background-color:transparent;
		background-image:none;
		background-repeat:repeat;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:1px 40px 0px 5px;/*Testing this one*/
		background-color:transparent;
		color:#FFFFFF;
		font-size:10px;
		text-align:left;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#FFFF00;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#FFFF00;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:transparent;
		color:#FFFF00;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 4px 5px;
		color:#01014B;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:5px 4px 5px 4px;
		border-color:#000066;
	}




	/* QuickMenu 1 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm1	
	{	
		width:auto;
		background-color:#000066;
		background-image:url(../images08/navplaid.jpg);
		background-repeat:repeat;
		border-width:4px 0px 4px 0px;
		border-style:solid;
		border-color:#01014B;
		margin: -4px 0 0 0; /* testing this one */
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm1 a	
	{	
		padding:3px 40px 3px 8px;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm1 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm1 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm1 .qmactive, body #qm1 .qmactive:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm1 div, #qm1 ul	
	{	
		padding:8px;
		margin:3px 0px 0px 0px;
		background-color:transparent;
		background-image:none;
		background-repeat:repeat;
		border-width:0px;
		border-style:none;
		border-color:transparent;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm1 div a, #qm1 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		color:#000066;
		font-size:12px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm1 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm1 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm1 div .qmactive, body #qm1 div .qmactive:hover	
	{	
		background-color:#000066;
		color:#333333;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm1 .qmtitle	
	{	
		margin:2px 5px 4px 5px;
		color:#111111;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm1 .qmdividerx	
	{	
		border-top-width:1px;
		margin:5px 4px 5px 4px;
		border-color:#01014B;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul .qmparent	
	{	
		background-image:url(../html/qmimages/arrow_5.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 .qmparent	
	{	
		background-image:url(../html/qmimages/arrow_6.gif);
		background-repeat:no-repeat;
		background-position:92% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul	
	{	
		margin:0px;
		background-color:#FFFF00;
		border-width:1px;
		border-style:solid;
		border-color:#01014B;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul ul	
	{	
		margin:0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm1 div div	
	{	
		margin:0px;
	}