/* styles.css
 * - modify this file to change the look of the site.
 */

/* Global site styles
 */

body {
	margin: 0px;
	background-color: #a79271;
}
body, table {
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
}
img {
   margin: 0px; 
   padding:0px;
}
a {
   color:#f6dcb7;
}
#border_wrapper {
	margin:0px auto; 
	width:880px; 
	text-align:center; 
	background-color: #000000;
}
#page_container_div {
	margin: 0px auto;
	width: 850px;
}
#menu_div {
	margin: 0px auto;
	padding: 0px;
	background-color:#000000;
	border-bottom: 1px solid #EEEEEE;
}
#content_div {
   background-color:#a89168;
	background-image: url(images/content-background.jpg);
	background-position: top center;
	background-repeat:;
	text-align:left;
	padding:1em;
}
#footer_div {
	background-color:#000000;
	border-top: 1px solid #EEEEEE;
	text-align:left;
	color:#cccccc;
	font-size:.8em;
	padding:3px;
}
/* Styles for welcome page
 */
#welcome_table {
   height:100%;
}
#welcome_table td {
}
#news_div {
   width:280px;
   height:100%;
   padding:1em;
   /* This code makes the transparent background */
   background-image: url(images/content-trans60-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #080828;                          /* IE only */
   filter:alpha(opacity=60);

}
html>body #news_img {
   width:109px;
   height:35px;
   background: url(images/news_header.png) no-repeat;
}
#about_div {
   height:100%;
   padding:1em;
   /* This code makes the transparent background */
   background-image: url(images/content-trans60-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #080828;                          /* IE only */
   filter:alpha(opacity=60);

}
html>body #about_img {
   width:133px;
   height:35px;
   background: url(images/about_header.png) no-repeat;
}

/* Styles for the menu page
 */
#menu_table {
	width:100%;
	font-size:1.4em;
}
#menu_table td {
   filter:alpha(opacity=60);  
}
#menu_table ul {
   list-style-type:none;
   font-family: Times, serif;
}
#menu_table_title_row {
   /* This code makes the transparent background */
   background-image: url(images/content-trans60-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #080828;                          /* IE only */
}
#menu_table_lists_row {
   /* This code makes the transparent background */
   background-image: url(images/content-trans35-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #080828;                          /* IE only */
}
/* Styles for calendar page
 */
#calendar_table {
   width: 100%;
}
html>body #calendar_table td {
   padding:.5em 4px;
   border-bottom: 1px solid #EEEEEE;
   height:100px;
   /* This code makes the transparent background */
   background-image: url(images/content-trans35-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
}
html>body #calendar_header_row{
   /* This code makes the transparent background */
   background-image: url(images/content-trans60-bg.png);  /* Mozilla only */
   background-color: transparent;           /* Mozilla only */
}
html>body #calendar_header_row td {
   padding:5px 0 5px 0;
   height:30px;
}
html>body #calendar_sunday {
   background: url(images/calendar/sunday.png) no-repeat;
}
html>body #calendar_monday {
   background: url(images/calendar/monday.png) no-repeat;
}
html>body #calendar_tuesday {
   background: url(images/calendar/tuesday.png) no-repeat;
}
html>body #calendar_wednesday {
   background: url(images/calendar/wednesday.png) no-repeat;
}
html>body #calendar_thursday {
   background: url(images/calendar/thursday.png) no-repeat;
}
html>body #calendar_friday {
   background: url(images/calendar/friday.png) no-repeat;
}
html>body #calendar_saturday {
   background: url(images/calendar/saturday.png) no-repeat;
}
/* this class is used to hide descriptive test for users without css */
.css_hide {
   display:none;
}
.calendar_month_day {
   float:left;
   background-color:#caac7a;
   color:#000000;
   padding:1px .5em;
   margin:0 1em 1em 0;
}
/* Styles for contact page 
 */
#contact_right_div {
   height:100%;
   padding:1em;
   /* This code makes the transparent background */
   background-image: url(images/content-trans60-bg.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #080828;                          /* IE only */
   filter:alpha(opacity=60);
}