/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
*{margin:0;padding:0;}
body
{
    background:#000205 url(/Content/images/bkrd.jpg) repeat-x;
    font-size: .75em;
    font-family:Arial, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
}
a,img{border:none;outline:none;}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
dt{border:none;overflow:hidden;margin:0;padding:0;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
    text-transform:lowercase;
}
h3
{
    font-size: 1.2em;
    text-transform:lowercase;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 998px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding:6px 20px 20px;
    background:url(/Content/images/main-bkrd.jpg) no-repeat;
    height:563px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    position:relative;
}

#footer
{
    color: #3d6ace;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 1em;
}
#footer .left{float:left;width:70%;text-align:left;}
#footer .right{float:right;width:30%;text-align:right;}
#footer span,#footer span a{color:#243e77;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 2px;
    position: absolute;
    top:25px;
    left:25px;
    margin: 0;
    z-index:1000;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a,ul#menu li#food
{
    padding:10px 26px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color:White;
    font-size:14px;
    text-transform:lowercase;
}
ul#menu li#food{position:relative;}
ul#menu li a:hover,ul#menu ul.menu-open li a:hover
{
    text-decoration: none;color:#b0cbe1;
}

ul#menu li a:active
{
    text-decoration: none;
}

ul#menu li.selected a
{
    color: #000;
}


ul#menu ul{background:#36569E none repeat scroll 0 0;border:1px solid #94a2c1;padding:5px;position:absolute;width:57px;z-index:100;top:38px;left:-9999px;}
#nav li:hover ul, #nav li.sfhover ul  {left:0;}
li#food ul.menu-open{display:block;left:15px;top:0;z-index:1000;}
li#food ul.menu-open li{display:block;line-height:1em;}
li#food ul.menu-open li a{color:White;font-weight:bold;padding: 2px 7px;}
ul#menu ul.menu-open li a{padding:0 0 0 5px;font-weight: bold;text-decoration: none;line-height:2em;color:White;font-size:14px;text-transform:lowercase;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    height:61px;background:url(/Content/images/menucontainer-bkrd.gif) repeat-x;position:relative;
}

div#title
{
    display:block;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:0;
    color:White;
    position:absolute;
    top:5px;
    right:5px;
}
#logindisplay{color: #7597d4;}
#logindisplay a:link
{
    color: #7597d4;
    text-decoration: none;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: none;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* --- Twitter --- */
.twitted {width: 16em;margin-bottom: 1.5em;}
.twitted h2 {margin: 0;padding: 0.3em 0.8em;font-size: 1em;color: #fff;background-color: #888;}
.twitted p.preLoader {margin: 0;padding: 10px 0 0 100px;color:White;background: transparent url("/Content/images/loader.gif") no-repeat scroll 200px 12px;}
.twitted ul#twitter_update_list {margin: 0;padding: 0 0 0 100px;list-style-type: none;}
.twitted ul#twitter_update_list li {margin: 0;padding: 0.8em 0 1em 0;}
.twitted ul#twitter_update_list li span {/* tweet content */display: block;}
.twitted ul#twitter_update_list li span a {/* links in tweet content */color:#b0cbe1;}
.twitted ul#twitter_update_list li a {/* timestamp link */color:#b0cbe1;}
.twitted ul#twitter_update_list li.firstTweet {}
.twitted ul#twitter_update_list li.lastTweet {color:White;font-size:14px;}
.twitted p.profileLink {display: block;margin: 0;padding: 0.3em 1em;color: #fff;}
.twitted p.profileLink a{display:block;text-align:right;color:#b0cbe1;}
/* --- =Master --- */
#main{overflow:hidden;}
#main #content-bkrd{position:absolute;top:44px;left:20px;width:961px;height:534px;background-color:#ffffff;/* for IE */filter:alpha(opacity=60);/* CSS3 standard */opacity:0.6;overflow:hidden;}
#main .leftColumn{position:absolute;top:61px;left:37px;width:591px;height:500px;background:url(/Content/images/copy-bkrd.png) no-repeat;overflow:hidden;}
#main .leftColumn .copy{overflow:auto;height:454px;margin:3px 0;padding-top:40px;}
#main .leftColumn h2{padding:0 20px;color:#205de0;height:15px;}
#main .leftColumn h3{padding:0 20px;color:#205de0;height:15px;}
#main .leftColumn p{padding:10px 20px;margin:0;color:#10244e;}
#main .leftColumn hr{margin:10px;border:none;outline:none;background:#94a2c1;height:1px;}
#main .rightColumn{position:absolute;top:64px;right:37px;}
#main .rightColumn .copy{height:452px;overflow:auto;}
/* --- =Branding --- */
h1#logo{background:url(/Content/images/logo.png) no-repeat;text-indent:-9999px;width:596px;height:106px;margin:0 auto;padding:0;}
/* --- =Homepage --- */
.flash{width:934px;margin:0 auto;}
#main .main-content{border-top:solid 1px #8299c3;position:absolute;top:324px;left:0;width:100%;}
.twitter-module{height:87px;width:651px;position:relative;}
#twitter{width:625px;height:87px;background:url(/Content/images/twitter.png) no-repeat scroll 43px 20px;}
a.twitter-account{display:block;width:65px;height:12px;background:url(/Content/images/twitter-account.gif) no-repeat;position:absolute;bottom:10px;right:35px;text-indent:-9999px;}
.twitter-module .logo{width:30px;height:30px;position:absolute;bottom:32px;left:41px;text-indent:-9999px;}
.home-copy{width:625px;padding-top:20px;border-bottom:solid 1px #8299c3;}
.home-copy h2{color:White;padding-left:36px;text-transform:lowercase;}
.home-copy p{color:White;padding-left:36px;}
.upcoming{width:350px;height:255px;position:absolute;bottom:0;right:5px;}
.upcoming h3 a{padding:10px 0 0 0;color:#769cef;text-decoration:none;}
.upcoming p{color:White;width:265px;margin-bottom:5px;}
h3.upcoming-events{color:#769cef;border-bottom:solid 1px #8299c3;padding:0 0 2px;margin:0 0 10px 10px;}
#social{padding:0 0 0 46px;}
#social a{margin-right:10px;}
#social a.twitter{display:block;height:20px;width:20px;background:url(/Content/images/icon-twitter.png) no-repeat;text-indent:-9999px;float:left;}
#social a.fb{display:block;height:20px;width:20px;background:url(/Content/images/icon-fb.png) no-repeat;text-indent:-9999px;float:left;}
#social a.ms{display:block;height:20px;width:20px;background:url(/Content/images/icon-myspace.png) no-repeat;text-indent:-9999px;float:left;}
/* --- =Contact ---*/
.contact-form{margin-bottom:20px;}
.contact-form label{display:block;float:left;width:60px;text-align:right;padding-right:10px;font-size:15px;color:Black;}
.contact-form textarea{height:75px;width:250px;}
.contact-form input.submit{margin-left:90px;border:none;background:url(/Content/images/send-message.gif) no-repeat;color:White;width:112px;height:22px;padding-bottom:2px;}
.vcard{margin:25px;}
.vcard .org{font-size:12px;color:#205de0;font-weight:bold;}
.vcard .adr{margin:15px 0 0 0;}
.vcard .tel{font-size:14px;margin:10px 0;color:#205de0;font-size:18px;}
a.xes{display:block;text-indent:-9999px;position:absolute;bottom:25px;right:40px;width:117px;height:69px;background:url(/Content/images/xes.jpg) no-repeat;}
a.df{display:block;text-indent:-9999px;position:absolute;bottom:25px;right:96px;width:117px;height:69px;background:url(/Content/images/df.jpg) no-repeat;}
a.xes:hover,a.df:hover{background-position:0 -69px;}
h3.other-concepts{position:absolute;top:362px;left:6px;color:#205DE0;border-bottom:solid 1px #94a2c1;width:316px;padding:0 0 3px 0;}
.facebook-link{position:absolute;top:89px;left:444px;background:url(/Content/images/facebook.png) no-repeat;width:120px;height:30px;text-indent:-9999px;}
.twitter-link{position:absolute;top:124px;left:444px;background:url(/Content/images/twitter.jpg) no-repeat;width:120px;height:30px;text-indent:-9999px;}
.myspace-link{position:absolute;top:165px;left:444px;background:url(/Content/images/myspace.jpg) no-repeat;width:118px;height:33px;text-indent:-9999px;}
/* --- Menu --- */
#main .leftColumn .page-copy{overflow:auto;height:422px;margin:3px 0;width:588px;}
#main .leftColumn h2.page-title{color:#205DE0;height:25px;margin:0 10px;padding:0 0 0 15px;border-bottom:solid 1px #94acc1;}
#main .leftColumn h3.page-title{width:541px;font-size:20px;color:#051b4a;text-align:left;padding:2px 0 0 0;margin:0 0 0 25px;}
a.pdf{display:block;width:38px;height:33px;background:url(/Content/images/pdf.png) right no-repeat;text-indent:-9999px;position:absolute;left:497px;top:18px;}
dl.menu{padding:20px;}
dl.menu dt{display:block;font-size:15px;color:#051b4a;padding:5px;font-weight:bold;}
dl.menu dt div.title{width:50%;float:left;text-transform:lowercase;}
dl.menu dt div.price{float:right;text-align:right;padding-right:10px;}
dl.menu dd{display:block;font-size:12px;color:#10244e;line-height:25px;padding:5px;clear:both;}
.extraItem1{font-size:15px;color:#051b4a;font-weight:bold;width:50%;float:right;text-align:right;}
#main .leftColumn h3.cat-title {color:#051B4A;font-size:18px;margin:10px 0 0 25px;padding:2px 0 0;text-align:left;width:541px;}
/* --- Events --- */
dl#events{padding:20px;}
dl#events dt div.title{display:block;font-size:15px;color:#2364f3;padding:5px;font-weight:bold;float:left;width:75%;}
dl#events dt div.date {font-size:15px;color:#2364f3;font-weight:bold;text-align:right;}
dl#events dd{display:block;font-size:12px;color:#10244e;line-height:25px;border-bottom:solid 1px #94a2c1;padding:5px;clear:both;margin-bottom:10px;}
/* --- Gallery --- */
#main .leftColumn .gallery-copy{overflow:auto;height:494px;margin:3px 0;width:588px;}
#albums{background:#fff;width:328px;height:494px;}
#albums h2{font-size:18px;color:#0d5aff;text-align:left;padding:10px 0 0 10px;text-transform:lowercase;}
#albums ul{list-style:none;padding:5px;width:290px;}
#albums ul li{color:#325193;border-bottom:2px solid #94a2c1;}
#albums ul li span{color:#0d5aff;}
#albums ul li a{display:block;width:289px;height:26px;font-size:15px;font-weight:bold;text-decoration:none;padding:3px 0 0 5px;text-transform:lowercase;}
#albums ul li a:hover,#albums ul li a.active{color:White;background:url(/Content/images/album-ro.gif) no-repeat;}
#albums ul li a:hover span{color:White;}
ul#gallery{list-style:none;padding:20px 0 0 35px;}
ul#gallery li{display:inline;}
.gallery-copy h2{display:none;}
/* --- Reservations --- */
img.ot-logo {position:absolute;top:160px;left:310px;}
#hours {padding-top:10px;}
div.hours-left {float:left;width:40%;}
div.hours-right {float:right;width:60%;}
span.blue {color:#205DE0;font-weight:bold;}
/* --- Membership --- */
#form_holder td,#form_holder table{border:none;}
input.cell{width:40px;}
.heads,.reqHeads{color:Black;font-size:15px;}
.member-form label{display:block;float:left;width:80px;text-align:right;padding-right:10px;font-size:15px;color:Black;}
.member-form textarea{height:75px;width:250px;}
.member-form input.submit{margin-left:90px;border:none;background:url(/Content/images/send-message.gif) no-repeat;color:White;width:112px;height:22px;padding-bottom:2px;}
.member-form .inputBox{background:transparent url(/Content/images/blue-button.gif) repeat-x scroll 0 0;border:none;color:White;height:22px;margin-left:90px;padding:0 3px 2px;}
a.mobile-storm{display:block;background:transparent url(/Content/images/poweredby.png) no-repeat;width:182px;height:60px;text-indent:-9999px;position:absolute;top:252px;left:335px;}
/* --- Admin --- */
#SaveMenuItemBtn{margin-right:5px;}
input.sortOrder{width:20px;}
.TEditableCurrentContainer{border: 1px solid #ff0000;}
.TEditableCurrent{background-color:White;border: 1px solid grey;padding:10px;}
.mediaUpload{position:absolute;top:0;left:0;}
.add-item-btn{display:block;width:85px;height:22px;background:url(/Content/images/add-item.gif) no-repeat;text-indent:-9999px;}
.add-category-btn{display:block;width:116px;height:22px;background:url(/Content/images/add-category.gif) no-repeat;text-indent:-9999px;}
/* --- Sub Content --- */
.sub-page-title{display:none;}
.Sub-Column{overflow:hidden;}
.sub-page-copy{margin-top:14px;}
.sub-page-copy .menu{padding:0;}
.sub-page-copy .menu dt{padding:0;margin:0 0 3px;width:335px;}
.sub-page-copy div.title{float:left;width:92%;}
.sub-page-copy .menu dd{line-height:normal;padding:0;color:White;}
.sub-page-copy .maincopy{width:345px;font-size:11px;margin-bottom:3px;}
.rightSubColumn img{height:100px;width:325px;}
.sub-copy a.pdf{display:none;}
.upcoming .extraItem1{float:right;color:#769CEF;width:45%;}
.sub-page-copy dl.menu dt div.title{color:#769CEF;width:50%;}

.blank{display:none;}