/* CSS Document */
/* Lightbox Styles  */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
/*  End Lightbox Style  */

/*  Begin Overall Page Style  */
body 			{margin:0;padding:0;background:#000000 url(images/gradHeader.jpg) repeat-x;color:#ffffff;}
.container 		{width:950px;margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1,h2,h3		{color:#FFFFFF;}
h1				{ font-size:24px; font-weight:100; font-family:Geneva, Arial, Helvetica, sans-serif;}
h2				{ font-size:20px; font-weight:100; font-family:Geneva, Arial, Helvetica, sans-serif;}
h3				{ font-size:18px; font-weight:100; font-family:Geneva, Arial, Helvetica, sans-serif;}

/* Masthead Section */
.masthead 					{margin:0;padding:0;}
.header 					{width:950px;height:150px;margin:0;padding:0;}
.header img					{ margin:0 0 0 290px;}
.headernav					{height:50px; margin:20px 0 0 75px;}
.headernavtable				{font-size:20px; margin:0 0 0 0px;}
.headernavtable tr			{}
.headernavbutton			{width:100px;margin:0 18px; text-align:center;}
.headernavbutton a			{color:#CCCCCC; text-decoration:none;}
.headernavbutton a:hover	{color:#ffffff; text-decoration:underline;}

/*  Subpage Section */
.subpage 				{width:970px;margin:0;padding:0;}
#left 					{
	width:220px;
	height:500px;
	margin:0;
	padding:0;
	float:left;
}
#middle					{
	width:510px;
	margin:0 0 0 225px;
	padding:0;
}
#right					{
	width:220px;
	margin:0;
	padding:0;
	float:right;
	clear:left;
}

/* Left Column */
.calendararea			{height:0px; margin:0 0 0 0;}
.calendararea img		{border:0;}
.calendararea a			{color:#CCCCCC;}
.blogarea 				{}
#left img				{border: 7px white outset;}
.upcomingEventBox		{margin:0 0 10px 0; padding: 0 5px; width:190px; background-color:#CCCCCC; color:#000000;border: 7px white outset;}
.upcomingEventBox a		{color:#000000;}

/* Middle Column */
.content 				{color:#CCCCCC;font-size:16px; padding: 0 40px 0 30px;}
.content a 				{color:#CCCCCC;}
.content li>a:hover		{color:#FFFFFF;}
.content li				{ list-style:none;}
.boldwhitetext			{font-weight:bold; color:#FFFFFF;}
.boldblacktext			{font-weight:bold; color:#000000;}
.content a:hover 		{color:#ffffff;text-decoration:none;}
.contentcalendar 		{ margin:0; padding:0;}
#samplelink				{margin:0; padding:0;}	
#samplelink>p			{margin:0 0 0 33px; padding:0; font-size:14px;}
.package li				{ list-style-type:circle; color:#FFFFFF;}
.package td				{ padding: 0 0 0 0px;}


/* Right Column */
.photoarea				{height:220px; margin:30px 0 0 0;}
.photoarea img			{border: 7px white outset;}
.photoarea img:hover	{border: 7px white inset;}
/*.linkarea 				{height:200px;}*/

.footer					{ margin:20px 0 0 280px; clear:both;}

/*  This code wont work with IE6.0 
.headernav	{height:70px; margin-top:20px;}
.headernav ul>li { float:left; font-size:20px;margin:0 18px; list-style:none;}
.headernav a	{color:#CCCCCC; text-decoration:none;}
.headernav a:hover	{color:#FFFFFF; text-decoration:underline;}*/