/*----------------------------------------------------------
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.
----------------------------------------------------------*/
body{background-color: #666699; font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #111111;}
a:link {color: #034af3; text-decoration: none;}
a:visited {color: #505abc; text-decoration: none;}
a:hover {color: #1d60ff; text-decoration: none;}
a:active {color: #12eb87;}

p, ul {margin-bottom: 20px; line-height: 1.6em;}

/* 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;}
h3 {font-size: 1.2em;}
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   
----------------------------------------------------------*/
.page {width: 98%; 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;}
#main {padding: 10px 15px 15px 10px; background-color: #fff; margin-bottom: 20px; height: 100%; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }
#footer {color: #999; padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {border-bottom: 0px #5C87B2 solid; padding: 0 0 0px; position: relative;  margin: 0; text-align: right;}
ul#menu li {display: inline; list-style: none;}
ul#menu li#greeting {padding: 3px 6px; font-weight: bold; text-decoration: none; line-height: 2em; color: #fff;}
ul#menu li a {padding: 3px 6px; font-weight: bold; text-decoration: none; line-height: 2em; background-color: #e8eef4; color: #034af3;}
ul#menu li a:hover {background-color: #223344; color: #fff  ; text-decoration: none;}
ul#menu li a:active {background-color: #a6e2a6; text-decoration: none;}
ul#menu li.selected a {background-color: #fff; color: #000;}

/* 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 {}
table th {padding: 6px 5px;  text-align: left;  background-color: #e8eef4;}
.trheader {background-color: #eeeeff;}

/* MISC  
----------------------------------------------------------*/
.clear {clear: both;}
.error {color: Red;}

#menucontainer {margin-right:25px; margin-top:10px;}
#logindisplay {font-size:1.1em;display:block;text-align:right; margin:15px;color:blue;}
#logindisplay a:link {color:blue; text-decoration:underline;}
#logindisplay a:visited {color:blue; text-decoration:underline;}
#logindisplay a:hover {color:blue; 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;}
#dinnerform textarea {width:200px; height:70px;}
#dinnerDiv textarea {width:200px; height:70px;}
#rsvpmsg {color:Red;}
hr {padding:0px, 10px, 0px, 10px; height:1px;}
.pagination {text-align:left;}

#dinnerDiv {float: left;width: 280px;}
#mapDiv {float: left;}
#mapDivLeft {float: left;}
#mapDivRight {padding: 30px 0px 0px 20px;float: left;}
#dinnerList {padding:0px 0px 0px 0px;}
#searchBox {padding:0px 0px 10px 0px;}
#theMap {position: relative;width: 500px;height: 450px;}

/*--------- PONE ------------*/

#title
{
    height: 60px;
    width: 98%;
    padding-top: 10px;
    padding-left: 20px;
    margin-left: auto;
    margin-bottom: 5px;
    background: url(/images/background.jpg) repeat center top;
}

#col_main_left
{
    padding: 10px;
    float: left;
    width: 160px;
    border: 1px solid #DFDCCB;
    height: 100%;
    background: #FFFFFF url(images/background.jpg) repeat-x top;
}

#col_main_left h2, #col_main_left h3
{
    color: #000000;
    font-size: 1em;
}

#col_main_right
{
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 180px;
    height: 100%;
    border-left: 2px solid #DFDCCB;
    border-right: 1px solid #CAC7B8;
    background: #F9F9FA;
}

#col_list_right
{
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 0px;
    margin-left: 180px;
    height: 100%;
    border-left: 2px solid #DFDCCB;
    border-right: 1px solid #CAC7B8;
    background: #F9F9FA;
}

/* PAGER */
.pager {margin:8px 3px;	padding:3px;}
.pager .disabled {border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center;}
.pager .current {background-color:#06c;	border:1px solid #009;	color:#fff;	font-weight:bold; margin-top:4px; padding:3px 5px; text-align:center;}
.pager span, .pager a {margin: 4px 3px;}
.pager a {border:1px solid #c0c0c0;	padding:3px 5px; text-align:center;	text-decoration:none;}


/* MODAL */
#mask { position:absolute;  left:0;  top:0;  z-index:9000;  background-color:#000;  display:none;}
#boxes .window { position:absolute;  left:0;  top:0;  width:420px;  height:380px;  display:none;  z-index:9999;  padding:20px;}
#boxes #dialog { padding:10px;  background-color:#ffffff; border:5px solid #c0c0c0;}
.close {color:Black}
       
/* RECAPTCHA */
.recaptchatable .recaptcha_image_cell, 
 #recaptcha_table {background-color:#ffffff}
 #recaptcha_table {border-color: #ffffff}
 #recaptcha_response_field {border-color: #ffffff; background-color:#ffffff}

/* SLIDE SHOW */
#gallery {position:relative; height:225px}
#gallery a {float:left;position:absolute;}
#gallery a img {border:none;}
#gallery a.show {z-index:500}
#gallery .caption {z-index:600; background-color:#000; color:#ffffff; height:35px; width:100%; position:absolute;bottom:0;	}
#gallery .caption .content {margin:5px}
#gallery .caption .content h3 {margin:0;padding:0;color:#1DCCEF;}