/* ------------------------------------------------------------*/
/* ----------- DNN Globals ------------------------------------*/
/* ------------------------------------------------------------*/
/*Styled and commented by Joel Friesen, Jan 03, 2007 */
/*Sage Internet additional styles by Andrew Quinton, */
/*Jan 09, 2007 SageInternet.com */
/*updated Mar 09 - 20th, 2007 SageInternet.com*/
/*updated Oct 04, 2011 by Keith Tuomi - Added OpenTable LI hide rules directly here instead of as inline on Reservation Form */

html,body,body#Body {
background:#FFF;
min-height:100%;
height:100%;
font-size:90%;
font-family:Georgia, "Times New Roman", Times, serif
}

/* 	
/*DNN 4 default messes with the body tag in bad ways, you have to put the */
/*background stuff on this element below, or in the stacked divs. Putting anything */
/*on the body tag above will be reflected in the "Edit Text" box. */
/*eg: I put a black background up there, then when you edit the text in DNN, you'll */
/*be editing on a black box. So keep it nice and light, and edit the one below. - JF*/

#pagewrapper {
padding:0;
margin:0;
/*This bit here will make the wrapper stretch the legnth of the page and not just */
/*to the height content- JF*/
min-height:100%;
/*hack for firefox*/
height:auto !important;
/*hack for firefox*/
height:100%
}

/* ------------------------------------------------------------*/
/* -------- Layout --------------------------------------------*/
/* ------------------------------------------------------------*/
#pagewrapper {background: url(images/pagebg.jpg) repeat top left; padding-bottom:5px }
#header, #main, #footer,#footerborder {width:100%; text-align:center; padding:0; margin:0; clear:both; overflow:hidden;}
.center{ margin-left:auto; margin-right:auto; width:761px; padding:0; text-align:center;  }
.center img { text-align:center; margin:auto;}
#header{background:url(images/headerbg.jpg) repeat-x top left ; overflow:hidden;}
#header .center{ overflow:hidden;}

#main {}
#main .center {background: url(images/mainbg.jpg) repeat-y top left; overflow:auto;}
#main .center .left {float:left; text-align:left; margin:0 0px; width:175px;}
#main .center .left .leftcontent {text-align:left; width:165px; margin:10px 5px 5px 5px; }	 

#main .center .content {float:left; text-align:left; padding:5px; margin-right:20px; width:350px; color:#6B402C;}
#main .center .contentinside {float:right;text-align:left; padding:5px; width:570px; color:#6B402C; position:relative;}

#main .center .right{float:left; width:176px; background: url(images/rightbg.jpg) top left no-repeat #C5B59E;}
#main .center .right .rightcontent{text-align:left; width:155px; margin:30px 0px 5px 5px; color:#FFFFFF;}		
#footerborder {}

#footer {}
#footer .center { overflow:hidden; color:#FFFFFF; background: url(images/footerbg.jpg) no-repeat bottom left #C7B6A4; padding:10px 0;}
#footer .center .left {float:left; text-align:left; margin:0 15px; width:155px; }
#footer .center .right {float:left; text-align:left; margin:0; width:560px; }

span.Normal img{padding:6px;} /*Padding around all images in the content areas*/
/* ------------------------------------------------------------*/
/* -------- Fonts ---------------------------------------------*/
/* ------------------------------------------------------------*/
/* text style used for most text rendered by modules */

.Normal,.NormalDisabled,.NormalBold,.NormalTextBox,.NormalRed,.Normal table {
line-height:150%;
}
span.Normal h2{border-bottom:#C5B59E solid 1px; color:#b30; margin:8px 0; padding:8px 0; background:url(images/h2bg.jpg) repeat-x bottom;} /*h2's in the content areas*/

/*Module text*/
.Normal,.NormalDisabled {
font-weight:400
}

.NormalDisabled {
color:#ddd
}

.NormalBold {
font-weight:700
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
color:#000
}

/* text style used for error messages */
.NormalRed {
font-weight:700;
color:red
}

.SkinObject {
font-weight:400;
color:#93693D
}

/*Login buttons etc*/
/* Everyday Regular Links */
A.SkinObject:link,.Normal A.CommandButton:link,A:link {
color:#93693D;
text-decoration:underline;
}

A.SkinObject:visited,.Normal A.CommandButton:visited,A:visited {
color:#93693D
}

A.SkinObject:active,.Normal A.CommandButton:active,A:active {
color:#93693D
}

A.SkinObject:hover,.Normal A.CommandButton:hover,A:hover {
color:#B30
}

td p{font-size:14px;}
/* ------------------------------------------------------------*/
/* ------- Individual Modules ---------------------------------*/
/* ------------------------------------------------------------*/

p.SamuelsMenuitem{ text-align:center; font-size:110%; font-variant:small-caps; display:inline; border-bottom:1px solid #F5F0D3; width:100%;}
p.SamuelsMenuitemDescription{text-align:center; font-style:italic; display:block;}
p.SamuelsMenuPrice{ float:right; color:#006600; display:block;}

/*User Defined Tables*/
tr.UDT_Table_Item td{padding:5px;}
tr.UDT_Table_AlternateItem td{padding:5px; background:url(images/tablebgDark.jpg) repeat-x;}

/*news and events header*/
.DNN_ANN_DesignTable .SubHead{ font-weight: bold;} 

/*Special table just for the Meun's page*/
.displaytable {border:#871F1C solid 1px; width:80%;}
.displaytable th {background-color:#DBC6A3; color:#F7F2DE}
.displaytable tbody {background-color:;}
.displaytable td {text-align:left; background:url(images/tablebgDark.jpg) repeat-x;}

/* ------------------------------------------------------------*/
/* ------- Admin Page -----------------------------------------*/
/* ------------------------------------------------------------*/
.Settings {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

/*Titles of each of the pannels when logged in*/
span.SubHead center {
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
color:#6B402C;
padding:0
}

/* style for module titles */
/*NOTE: This can be overwriten for specific containers in the container css - JF */
.Head {
font-weight:700;
color:#6B402C;
padding:8px
}

/* module title style used instead of Head for compact */
/* rendering by QuickLinks and Signin modules */
.SubHead {
}

.SubHead img {
}

.SubSubHead {
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
color:#6B402C
}

.Settings label {
color:#6B402C;
padding:5px
}

.CommandButton:link,.CommandButton:visited,.CommandButton:active {
color:#6B402C;
text-decoration:underline
}

.CommandButton:hover {
color:#b30
}

.DataGrid_Container {
border:1px solid #93693D;
margin:5px 0
}

.DataGrid_Container td {
padding:3px
}

.DataGrid_Header {
background-color:#93693D;
color:#EEE
}

.DataGrid_Item {
color:#6B402C
}

.DataGrid_Item td {
background-color:#FFF
}

.DataGrid_SelectedItem {
background-color:#FFF
}

.DataGrid_AlternatingItem {
color:#6B402C;
background-color:#EEE;
padding:2px
}

.Normal input {
margin:3px;
}

iframe {
width:100%;
}


/* ------------------------------------------------------------*/
/* ------- Admin Topbar ---------------------------------------*/
/* ------------------------------------------------------------*/
.ControlPanel {
background-color:#93693D;
border:0;
border-bottom:#000 1px solid;
padding-bottom:15px;
color:#FFF
}

.ControlPanel,.PagingTable {
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:100%
}

.ControlPanel img {
background-color:#A3895D;
padding:3px;
margin-top:5px
}

.ControlPanel img:hover {
background-color:#C3A97D;
padding:3px
}

.ControlPanel td {
padding:2px;
}

.ControlPanel label {
color:#FFF;
padding:5px
}

.ControlPanel .SubHead {
color:#FFF;
padding:3px;
font-weight:700
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
.ControlPanel A.CommandButton:link,
.ControlPanel A.CommandButton:visited,
.ControlPanel A.CommandButton:active {
color:#FFF
}

.ControlPanel A.CommandButton:hover {
color:#b30
}

.ControlPanel .NormalTextBox {
font-weight:400;
color:#000
}

/*drop down boxes and module selection*/
.ControlPanel input,.ControlPanel select,.ControlPanel option {
border:0;
padding:1px;
margin:1px
}

/* ------------------------------------------------------------*/
/* ------- Menu -----------------------------------------------*/
/* ------------------------------------------------------------*/

/*Solpart CSS made Easy Version 1 - Joel Friesen*/ 
/*Use with "New Default CSS" developed by Joel.*/
/*MainMenu_MenuContainer & MainMenu_MenuBar*/
/*define the menu container -- */
/*These should be left transparent if you */
/*want to colour the submenus a different */
/*colour than the main menu. A quick way of*/
/*styling the menu would be to change the */
/*colours here and leave the rest transparent,*/
/*but you don't have the same control and detail*/
.MainMenu_MenuContainer {
background:transparent;
width:100%;
margin-top:5px
}

/* This is here just for the vertical nav. I needed to
/* pad the cells so i could put a bullet point in as a 
/* background element below*/
.MainMenu_MenuContainer table td {
padding-left:32px
}

.MainMenu_MenuBar {
height:24px;
background:transparent
}

/* MainMenu_MenuItem is the container for each text 
/* link in the flyout Note that when you hover over this 
/* item the TOP and BOTTOM borders dissappear

/* A Background colour change here affects all the menus, 
/* including the main-root unless you make changes to the 
/* TD as I have done below This stops the main menu from 
/* getting accidentally styled*/
.MainMenu_MenuItem {
cursor:pointer;
color:#B30;
font-weight:400;
font-style:normal;
background:url(images/flyoutbg_off.jpg) top right repeat-y;
height:24px
}

/* This will colour the flyout menu, and give it a height.*/
td.MainMenu_MenuItem, td.MainMenu_MenuArrow, td.MainMenu_MenuIcon{
background:#F5F0D3;
height:24px
}

/* This guy here is for the actual drop down or flyout. 
/* If you put a border around it, you'll get a border around the 
/* whole flyout. The background is the colour for the whole flyout
/* before you hover over each item*/
.MainMenu_SubMenu {
border:#DBC6A3 1px solid;
z-index:1000;
background-color:#F5F0D3;
margin-left:-3px; 
margin-top:1px;/*I needed to move theflyout over a tiny bit*/
}

/* This styles the menu break: as in a set space between two menu items. 
/* But in the main menu there is no break It's something you have
/* to turn on in the XML file, like if you want to simulate tabs*/
.MainMenu_MenuBreak {
background-color:#EEE;
height:24px;
width:1px
}

/* This is the HOVER state for the main menu text.
/* below on td.Main you'll find the HOVER state for the flyouts.
/* The main menu applies the style to the table where the flyout applies
/* it to a td this is why we can make the two different we just get 
/* more specific.*/
.MainMenu_MenuItemSel {
cursor:pointer;
color:#D52;
font-weight:400;
font-style:normal;
background:url(images/flyoutbg_on.jpg) top right repeat-y;
height:24px
}

td.MainMenu_MenuItemSel {
background:#DBC6A3;
height:24px;
}

/* These style that pesky little bit of border that dissappears when you hover over it.
/* Change the border colour to match the background colour and you should be cool
/* changing the size of the border will make a mess of it*/
/*----------------------------*/
.MainMenu_MenuItem {
border-bottom:#F5F0D3 1px solid;
border-left:#F5F0D3 0 solid;
border-right:#F5F0D3 0 solid;
border-top:#F5F0D3 1px solid
}

.MainMenu_MenuIcon {
border-bottom:#F5F0D3 0 solid;
border-left:#F5F0D3 0 solid;
border-top:#F5F0D3 0 solid
}

.MainMenu_MenuBreak {
border-bottom:#F5F0D3 1px solid;
border-left:#F5F0D3 0 solid;
border-right:#F5F0D3 0 solid;
border-top:#F5F0D3 1px solid
}

.MainMenu_MenuArrow {
border-bottom:#F5F0D3 0 solid;
border-right:#F5F0D3 0 solid;
border-top:#F5F0D3 0 solid
}

/* ------------------------------------------------------------*/
/* ------- Sage Footer ----------------------------------------*/
/* ------------------------------------------------------------*/
#sagefooter {
color:#DDD;
text-align:center;
padding:5px 0;
}

#sagefooter a:link,#sagefooter a:active,#sagefooter a:visited,#sagefooter a:hover {
text-decoration:none;
color:#DDD;}


/* ------------------------------------------------------------*/
/* ------- Open Table LI Override -----------------------------*/
/* ------------------------------------------------------------*/
ul.OT_list li {
   list-style-type:none;
}

.OT_wrapper {
   margin: 15px 0 0 10px;
}