@import url("reset.css");

body				{ 
							font:100% / 150% Verdana, Arial, Helvetica, sans-serif; 
							background:#f5e9ad; 
							color:#121830; 
					}

a					{ 
							text-decoration:none;
							outline:none; 
					}

h1,h2,h3,h4,h5,h6	{ 
							font-size:24px; 
							display:block; 
							color:#ffffff; 
							padding:5px 5px 5px 10px; 
							border-bottom:2px dashed #fdd540; 
							border-left:6px solid #fdd540; 
							clear:both;
					}
h1,h2,h3,h4,h5,h6,p	{ 
							margin:25px 15px 25px 15px; 
					}

em					{ 
							font-style:italic;
							margin:0 0 0 15px; 
					}
strong				{ 
							font-weight:bold; 
					}
iframe				{
							margin:15px;
					}
.mapLink			{
							margin:15px;
					}
form > span			{
							clear:both; display:block;
					}
form > em			{
							float:left;
					}

/* ----- Type ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header h1													{ 
																	text-indent:-9999px; 
																	border:0; 
																	padding:0; 
															}
#primary h1, #primary h2, #primary h3, #primary h4			{ 
																	color:#fdd540; 
															}
#aside h1, #aside h2, #aside h3, #aside h4					{
																	color:#fdd540;
															}

#info														{ 
																	display:block; 
																	font-size:18px; 
																	color:#000000; 
																	margin:40px 0 25px 15px; 
																	float:right; 
															}
	#info a													{ 
																	color:#000000; 
																	border-bottom:1px dotted;
															}
	#info a:hover											{ 
																	color:#bbbbbb; 
																	border-bottom:1px solid; 
															}

#aside p													{ 
																	font-size:18px; 
																	font-style:italic;
																	color:#ffffff; 
															}

/* ----- Divs ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header			{ 
						width:960px; 
						margin:auto; 
						position:relative; 
						overflow:auto; 
						background:url(../images/headerBG.jpg) top; 
				}
#content		{ 
						width:960px; 
						margin:auto; 
						position:relative; 
						background:url(../images/BG.jpg) repeat; 
						padding:15px 0 15px 0; 
						border-bottom:9px solid #fdd540; 
				}
	#aside		{ 
						float:left; 
						width:200px; 
						background:url(../images/shadow.png) repeat-y right; 
				}
	#primary	{ 
						float:right; 
						width:760px;
						background:url(../images/primaryCornerLogo.png) no-repeat top right #777777; 
				}
#footer			{ 
						width:960px; 
						margin:auto; 
						position:relative; 
						overflow:auto; 
				}

.clear			{ 
						clear:both; 
				}

/* ----- Navs ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.navPrimary					{ 
									display:block; 
									margin:270px 0 0 0; 
									padding:15px 0 15px 0; 
									text-align:center; 
									background-color:#777777; 
									border-top:9px solid #fdd540; 
									border-bottom:2px dashed #fdd540; 
							}
.navPrimary li				{ 
									display:inline; 
									margin:10px; 
							}
	.navPrimary a			{ 
									font-size:18px; 
									color:#fdd540; 
									border-bottom:1px dotted; 
							}
	.navPrimary a:hover		{ 
									border-bottom:1px solid #000000; 
							}
	
	#footer .navPrimary		{ 
									margin:0; 
									border-top:2px dashed #283461; 
									border-bottom:9px solid #283461; 
							}
	
.navDepth					{ 
									display:block; 
									border-bottom:1px dashed #283461; 
									margin:0 15px 0 15px; 
							}
.navDepth li				{ 
									display:inline; 
							}

.bottom						{ 
									border-top:1px dashed #283461; 
									border-bottom:0; 
									clear:both; 
							}

	.navDepth a				{ 
									color:#121830; 
							}
	.navDepth a:hover		{ 
									color:#fdd540; 
							}	

.catering					{
									margin:15px 15px 0 15px;
							}


/* ----- Links ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#primary > a		{ 
							margin:0 0 0 15px; 
							color:#fdd540;
							border-bottom:1px dotted; 
					}
#primary > a:hover	{
							border-bottom:1px solid;
					}

#aside a			{ 
							display:block; 
							margin:15px 15px 15px 15px; 
							color:#aaaaaa; 
							padding:5px;
							border-bottom:1px dotted; 
					}
#aside a:hover		{ 
							background-color:#fdd540; 
							color:#000000; 
					}
	#aside p > a	{ 
							margin:0; 
					}

/* ----- Images --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header h1 img{ position:absolute; top:10px; left:50%; margin-left:-154.5px; }

#primary p+img{ float:left; border:5px solid; clear:both; margin-bottom:5px; }
#primary h2+img{ float:right; border:5px solid; clear:both; }
#primary h3+img{ float:right; border:5px solid; clear:both; }

#aside p+img{ float:left; border:5px solid #ffffff; margin:0 0 15px 15px; clear:both; }
#aside img+img{ float:left; border:5px solid #ffffff; margin:15px 0 0 15px; clear:both; }

#primary img{ margin:0 15px 15px 15px; }
#primary a img{ border:5px solid #283461; }
#primary a img:hover{ border:5px solid #ffffff; }

/* ----- vCard / hCard -------------------------------------------------------------------------------------------------------------------------------------------------- */

#primary .vcard{ margin:0 0 15px 15px; }

.vcard{ float:left; margin:15px 0 15px 0; font-size:18px; color:#000000; clear:both; }
.vcard a{ color:#000000; }
	.vcard .vcardLink{ font-size:10px; color:#555555; border-bottom:1px dotted; }
	.vcard .vcardLink:hover{ border-bottom:1px solid; }
	
/* ----- form ----------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
input,select,textarea{ background:#ffffff; border:1px solid #999999; }

form{ margin:15px 15px 15px 150px; }
input{ width:350px; height:15px; padding:5px; margin:10px 0 10px 0; }
	.comments{ width:50px; float:left; }
	.button{ width:175px; height:25px; margin-right:7px; background-color:#fdd540; color:#000000; border:1px solid #000000; }
	.button:hover{ background-color:#B40704; }
select{ width:358px; height:25px; padding:5px; margin:10px 0 10px 0; }
textarea{ width:350px; padding:5px; margin:10px 0 10px 0; }

/* ----- dl ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

dl{ margin:0 0 15px 15px; }
dt{ border-top:1px dashed #283461; margin:10px 0 10px 0; font-size:20px; color:#fdd540; padding:15px 0 0 0; }
dd{ font-style:italic; }
	
/* ----- lightbox ------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }