@charset "utf-8";


/*layout styles*/

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	background: #699971 url(../images/theme/background_bagleys-body.jpg) repeat-x;
}

#wrapper {
	margin: 0px auto;
	width: 1000px;
}


#banner {
	background: url(../images/theme/background_banner.jpg);
	height: 188px;
}

#menu_bar {
	width: 580px;
	height: 41px;
	float: left;
	margin: 147px 0 0 40px;
	background: url(../images/theme/background_menu-bar.png) no-repeat;
}

#menu_bar li {
	float: left;
	margin: 10px 0 0 0;
}

#menu_bar a {
	margin: 0 4px;
}







#main {
	background: #eaeaea url(../images/theme/background_main.jpg) no-repeat;
	padding: 0 0 40px 0;
}


#content {
	width: 800px;
	margin: 60px 0px 0px 40px;
}
/*A note on the content_body background ../images/theme: the image is broken into three segments so that the image breaks the box. Each of the three main segments have an added 50px of white space on their left side to artificially create a margin. IE6 had numberous issues properly displaying a css margin, so this was my solution to the problem that works in all browsers.*/
#content_top {
	background: url(../images/theme/background_content-top.png) no-repeat;
	height: 25px;
}

#content_body {
	background: #fff;
}

#content_body_index h2, h3 {
	margin: 0 300px 0 0;
}

#content_copy {
	margin: 320px 0 0 50px;
}

#content_bottom {
	background: url(../images/theme/background_content-bottom.png) no-repeat;
	height: 25px;
}

#index_centerpiece_top {
	background: url(../images/theme/image_cowgirl-top.png) no-repeat;
	height: 50px;
	padding: 0 0 0 50px;
}
#index_centerpiece_bottom {
	background: url(../images/theme/image_cowgirl-middle.png) no-repeat;
	height: 25px;
}
#content_body_index {
	background: #fff url(../images/theme/image_cowgirl-bottom.jpg) no-repeat;
}


#footer {
	background: url(../images/theme/background_footer.png) no-repeat;
	height: 102px;
}

#copyright {
	padding: 60px 0 0 0;
}

/*Formatting styles*/

#page_label {
	color: #574630;
	font-size: 38px;
	font-weight: normal;
}

body {
	font-family: Verdana, Geneva, sans-serif;
}

#menu_bar li {
	display: inline;
	list-style-type: none;
	font-size: 16px;
}

#menu_bar .cur a {
	color: #806a59;
}

#menu_bar a {
	text-decoration: none;
	color: #574630;
}

#menu_bar a:hover, a:focus {
	color: #806a59;
}

#menu_bar .divider {
	color: #806a59;
}


#content_body_index h2 {
	text-transform: uppercase;
	font-size: 40px;
	text-align: right;
	color: #c8a16c;
}

#content_body_index h3 {
	text-align: right;
}

#content_copy p {
	font-size: 12px;
	line-height: 16px;
}

#content_copy li {
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	list-style-type: none;
	background: url(../images/theme/image_list-item.png) no-repeat;
}

#content_copy h4, h5 {
	color: #cba36f;
}

#content_copy h4 {
	font-size: 24px;
}

#content_copy h5 {
	font-size: 16px;
}

#copyright {
	font-size: 9px;
	text-align: center;
}

.calendar_empty_day{
	background-color:#DDDDDD;
}
.calendar_day{
	background-color:#E8E8E8;
	border:1px solid #DDDDDD;
}
.calendar_day_hover{
	background-color:#C3DFCA;
}

.calendar_day_date {
	background-color:transparent;
	color: #333333;
	font-size: 12px;
	width:20px;
	padding:3px 0 0 3px;
}
a.calendar_day_date:link {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
a.calendar_day_date:visited {
	background-color: #E8E8E8;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
a.calendar_day_date:hover {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}
a.calendar_day_date:active {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}

.calendar_day_today{
	padding:3px 0 0 3px;
}

a.calendar_day_today:link {
	background-color: transparent;
	color: #FF4444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.calendar_day_today:visited {
	background-color: transparent;
	color: #FF4444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.calendar_day_today:hover {
	background-color: transparent;
	color: #FF4444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.calendar_day_today:active {
	background-color: transparent;
	color: #FF4444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.calendar_day_text:link {
	background-color:transparent;
	color: #000000;
	text-decoration: none;
	font-size: 9px;
}
a.calendar_day_text:visited {
	background-color: transparent;
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}
a.calendar_day_text:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
}
a.calendar_day_text:active {
	background-color: transparent;
	text-decoration: underline;
	color: #000000;
	font-size: 9px;
}