﻿/* CSS Document */
* {
	margin: 0;
	padding: 0;
	
	font-family: Geneva, Lucida Sans, Lucida Sans Unicode, Verdana, Sans-Serif; 
	font-size: 10pt;
	
}

.clearer
{
    clear: both;
}

.black { color: #000000; }

.gold { color: #EAB166; }
.lightGold { color: #D1AC67; }
.blue {color: #708AA3;}

.gray { color: #535C51; }
.lightgray { color: #DEE1DF; }
.verylightgray { color: #CDCDCD; }

.green { color: #245047; }


body  
{
    background-color: #000000; 
    background-image: url(/images/bg.png);
    background-position: center;
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100% auto;
    min-height: 500px;
    text-align: center;
}

.b1 { border: solid 1px white; }

hr { color: #535C51; height: 1px; }

.diningHours td { padding: 5px;}
.headerRow td { font-size: 12pt; font-weight: normal; letter-spacing: .2em;}
.alternatingRow { background-color: #2A2A2A;}



#Wrap 
{
    background-color: #000000;
	width: 960px;
	height: 100% auto;
    min-height: 500px;
    margin: 5px auto;
	padding: 0;
	border: solid 1px #535C51;
	text-align: left;
    color: #CDCDCD;
}

#SubWrap 
{
    width: 960px;
	margin: 0;
	padding: 0px;
	border: solid 0px Yellow;
	clear: both;
}

#SubWrap p, #SubWrap a  
{
    font-family: Arial;
    letter-spacing: 1.1px;
    font-size: 8pt; 
    margin: 0;
    padding: 0;
    margin-bottom: 25px;   
}

#SubLeftColumn { float: left; width: 320px; text-align: left; border: solid 0px red; }
#SubMiddleColumn { float: left; width: 310px; text-align: left; border: solid 0px red; }
#SubRightColumn { float: left; width: 320px; text-align: right; border: solid 0px red; }

#Logo
{
    float: left;
    margin: 15px;
    height: 150px;
    width: 239px;
}

#Header
{
    background-color: #000000 !Important;
    margin: 0;
}

#Header label 
{
    padding: 10px;
    color: #DEE1DF;
    font-size: 10pt;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 22px; 
    vertical-align: bottom;
}

#Header .info
{
    padding: 2px;
    color: #D1AC67;
    font-size: 8pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 22px; 
    vertical-align: bottom;

}
 


#Header p 
{
    margin: 10px 5px 10px 5px;
    line-height: 10px;
}

#Header h1 { border: solid 0px white; height: 50px; line-height: 50px; vertical-align: middle; margin: 0px; margin-left: 5px; padding: 5px 0px 5px 15px; font-size: 22pt; letter-spacing: .15em;}

#Header h2 
{
    border: 0px;
    text-align: left;
}

.headerImage { margin-top: 20px; margin-left: 15px; }


#Content 
{
    margin: 0;    
}

#PageContent
{
    background-image: url(/images/BlackGradientTopBottom.png) !Important;
    background-repeat: repeat-x !Important;
    background-color: #2F2F2F !Important;
    padding: 15px;
    padding-top: 10px;
    width: 930px;
    color: #CDCDCD;
    border: solid 0px yellow;
    display: inline-block;
}

#EventList 
{
    border: solid 0px white;
    width: 350px;
    margin: 5px;
}

#EventList .event
{
    border-top: solid 1px #535C51;
    border-bottom: solid 0px #535C51;
    margin: 7px;
    padding: 5px;
    clear: both;
}


#EventList .event h3
{
    border: 0;
    font-size: 12pt;    
    color: #D1AC67;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
    
}

#EventList .event p
{ 
    margin: 2px; line-height: 1.1em; font-size: 10pt;     
    border: solid 0px black;
}

#EventList .event .summary 
{
    float: left;
}

#EventList .event p.date 
{
    font-size: 16pt;
    color: #535C51;
    float: right;
}



#PageContent .column { float: left; border: solid 0px #FFF; padding: 10px; }
#PageContent .three { width: 262px; }
#PageContent .wide { width: 500px; }
#PageContent .single { width: 910px; }
#PageContent .narrow { width: 385px; }  
#PageContent .gutter {width: 10px; }
    
#PageContent .column h2.center {text-align: center;}

#PageContent ul {margin-top: 5px; margin-left: 15px; }
#PageContent li {margin-left: 15px; list-style-image: url(/images/list-item-off.gif);}



.highlighted{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
border:5px solid #FFB515;
z-index:5;
}
    
#Footer 
{
    height: 250px;
    padding: 34px 10px 34px 10px;
    vertical-align: bottom;  
    border-top: solid 1px #535C51;
    background-image: url(/images/BlackGradientBottomTop.png) !Important;
    background-repeat: repeat-x !Important;
    background-position: bottom;
    background-color: #2F2F2F;
    
}

#Footer .column
{
    height: 220px;
    padding: 15px;
}

#Footer .left 
{
    width: 240px;
    float: left;
}

#Footer .middle 
{
    width: 240px;
    float: left;
    border-left: solid 1px #535C51;
    border-right: solid 1px #535C51;
}

#Footer .right 
{
    width: 360px;
    float: left;
}

#Footer h1, #Footer h2
{
    color: #D1AC67;
	font-size: 11pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 4px;
}

#Footer h2 
{
    font-size: 10pt;
    margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	letter-spacing: .1em;
}



#Footer ul { line-height: 1.5em; margin-top: 5px; }
#Footer li {margin-left: 15px; list-style-type: none;}
#Footer li a {background:url(/images/list-item-off.gif) no-repeat left; padding:0 0 0 20px; line-height:1.2em;}
#Footer li a:hover { background:url(/images/list-item-on.gif) no-repeat left; }
#Footer li a.active { background:url(/images/list-item-on.gif) no-repeat left;}

#ImageRotator
{
    width: 960px;
	height: 250px;
	background-color: #000000;
	margin: 0px auto;
	padding: 0px;
	border-top: solid 1px #535C51;
	border-bottom: solid 1px #535C51;
	text-align: center;    
}


#MenuSelector
{
    float: right;
    text-align: right;
    margin: 15px;    
    display: inline-block;
    background-color: Transparent;
}

#Menu 
{
    padding: 25px;
    margin: 0px;
    height: 800px;
    width: 600px;
    background-color: #000000;
}


#CallToActionButtons {  border: solid 0px white; float:left; margin-left: 10px; margin-top: 25px; text-align: right; width: 600px; }
.callToActionButton { padding: 15px; text-align: center; border: solid 0px #535C51; color: #DEE1DF; float: right; margin-left: 15px; margin-right: 15px; }
.callToActionButton em { margin-left: 7px; font-size: 22pt; font-style: normal; font-family: Calisto MT, Myriad Pro, Times New Roman, Serif;  }
.callToActionButton a { display:block; font-size: 12pt; font-style:oblique; color: #DEE1DF; margin: 15px;  }
.callToActionButton a em { color: #708AA3;  }
.callToActionButton a:hover em { color: #D1AC67;  }



.callToActionButton{
    background-image: url(/Images/eventsButton.pngxxx);
    background-repeat: no-repeat;
    background-position: center top;
    padding:0;
}


.contactInfo .row 
{
    line-height: 30px; height: 30px; vertical-align: middle; border: solid 0px white; 
}
.contactInfo p, .contactInfo .row a
{
    margin: 0; padding: 0; vertical-align: middle;
}    
.contactInfo .row img {  }    



h1, h2, h3, h4, h5  
{
     font-family: Calisto MT, Century Gothic, AppleGothic, Geneva, Lucida Sans, Lucida Sans Unicode, Verdana, Sans-Serif;
     margin-top: 10px;
     margin-bottom: 10px;

}

h1 
{
    color: #D1AC67;
	font-size: 18pt;
	font-weight: normal;
	letter-spacing: 2px;
}

h2 
{
    padding: 5px;
	font-size: 14pt;
	font-weight: normal;
	color: #D1AC67;
	border-bottom: solid 0px #D1AC67;
}

h2.focused
{
    font-size: 18pt;
}

h3 
{
	font-size: 12pt;
	padding: 5px;
	border: solid 1px #DEE1DF;
	color: #CDCDCD;
	font-weight: normal;
}


p, ul, ol
{
    margin: 15px 5px 15px 5px;
    line-height: 2em;
    color: #CDCDCD;
}

a   {
	color: #708AA3;
	text-decoration: none;
	}
	
a:hover {
	color: #EAB166;
	text-decoration: none;
	}


.radDropDownText
{
    font-size: 12pt;
    color: #D1AC67;
    text-transform: uppercase;
}

.radDropDownText a 
{
    color: #708AA3;
}

.radDropDownText a:hover
{
    color: #EAB166;
}


    
.frameGray 
{
    border: solid 0px #535C51;
}

.frameGray img {border: solid 1px #535C51; margin: 20px;}

.frameGold 
{
    border: solid 1px #EAB166;
    padding: 0;
    margin: 15px;
}


.curl {
margin: 0 0 20px 0px;
padding: 0 0 25px 10px;
-moz-background-origin:padding;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
background:transparent url(/images/curl.jpg) no-repeat scroll left bottom;
}


.address { margin-left: 15px; margin-top: 0px; font-size: 14pt; } 

.moreInfoLink {font-size:9pt; font-style:oblique; margin-left: 5px; letter-spacing: .1em;}

/* -------------------------------  MAIN MENU STYLES ----------------------------------- */

#Nav 
{
    clear: both;
    margin-top: 0px;
    text-align: right;
	width: 960px;
	border: 0px solid yellow;
	height: 50px;
	padding: 0px;
    font-family: Geneva, Arial;
	font-size: 14pt;
	font-weight: normal;
	letter-spacing: 2px;
	}
	#Nav ul 
	{
	    display: inline-block;
	    border-top: 1px solid #535C51;
	    width: 960px;
		list-style: none;
		text-align: right;
		margin: 0;
		padding: 0;
		height: 50px;
		margin-top: 5px;
		}
		#Nav ul li 
		{
		    border-top: solid 2px #000000;
			float: left;
			text-align: right;
			display: inline;
			padding-bottom: 0px;
			padding-left: 0px;
			padding-right: 0px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			height: 30px;
			text-transform: uppercase;
			font-weight: normal;
			padding-top: 6px;
			padding-bottom: 5px;
			padding-left: 14px;
			padding-right: 14px;
			margin: 0;
			}
		#Nav ul li.nonNav
		{
		    font-size : 8pt !Important;
			letter-spacing: .1em !Important;
			
		}
		#Nav ul li.home
		{
		    padding-left: 5px;
			padding-right: 5px;
			padding-top: 7px;
			
		}
		#Nav ul li a {
			color: #708AA3;
			text-decoration: none;
			font-size: 13pt;
			letter-spacing: .15em;
			}
		#Nav ul li a:hover, #SelectedMenuItem a, .selectedItem a
		{
		    color: #EAB166 !Important;
		}
		#Nav ul li:hover, #Nav ul li.selected, #Nav ul li.selectedItem 
		{
		    border-top: solid 2px #EAB166;
		}
		#Nav ul li.nonNav:hover
		{
            border-top: solid 2px #000000 !Important;
			
		}
			
/* -------------------------------  END MAIN MENU STYLES ----------------------------------- */


/***************************************** FORM ELEMENT STYLES *****************************************************/

.userMessage
{
    width: 275px;
    padding: 25px;
    margin: 25px 0px 10px 10px;
    border: solid 1px #535C51 !Important;
}

.userMessage p
{
    font-family: Arial, Sans-Serif;
    font-size: 11pt;
    color: #CDCDCD;
    margin: 15px;
}

.success { border-color: inherit; }
.failure { border-color: inherit; }
.warning { border-color: inherit; }


.statusImage
{
    margin: 5px;
    float: left;
    border: solid 1px white;
}


.formSubmitButton
{
    font: Arial 10pt;
    color: #CDCDCD;
    background-color: #535C51;   
    border: solid 1px #000;
    padding: 5px;
    margin: 15px 0px 0px 0px;
    
}

.formSubmitButton:hover { color: #EAB166; border-color: #EAB166; cursor: pointer; }

.registrationForm
{
    border: solid 0px white;
      z-index:999;
    margin-top: 20px;
    padding-top: 25px;
}

.reservation
{
    width: 550px; border: solid 0px red;
}

.reservation .leftColumn { float: left; width: 275px; border: solid 0px white; }
.reservation .rightColumn { float: left; width: 250px; border: solid 0px white; }


.registrationForm formHeader
{
    margin: 5px;
}

.registrationForm label  
{
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: #CDCDCD;
    font-weight: normal;
    letter-spacing: .1em;
    margin-right: 2px;
    margin-bottom: 0px;
}

.registrationForm input  
{
    background-image: url();
    padding: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}

.formRow 
{
    height: 40px;
    line-height: 40px;  
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.formRow label {float: left; text-align: right; width: 50px; display: block;}

.formElement { margin-left: 5px; width: auto; padding-top: 2px; float: left; text-align: left; border: solid 0px black;}

.formElementInfo { width: 20px auto; padding: 0px; margin-left: 5px; margin-top: 2px; float:left; text-align: center; border: solid 0px black;}

.formSubmitButton { height: 30px; padding: 2px; }


/***************************************** END FORM ELEMENT STYLES *****************************************************/


/***************************************** IMAGE ROTATOR STYLES *****************************************************/

.rotatorPics {  
    height:  250px;  
    width:   960px;  
    padding: 0;  
    margin:  0;  
} 

.rotatorPics img {  
    padding: 0px;  
    width:  960px; 
    height: 250px; 
    top:  0; 
    left: 0 
} 

    
/***************************************** IMAGE ROTATOR STYLES *****************************************************/


