﻿body
{
	padding: 6px 0 28px 0;
	margin: 0;
	font-family: Tahoma, Helvetica;
	font-size: 70%;
	background: #8c8d56 url(../Images/body-bg.gif);
}

img
{
	border: 0;
}

a
{
	color: #95322b;
}

a:hover
{
	text-decoration: none;
}

hr
{
	border:0;
	height:0;
    border-bottom:dotted 1px #b2b2b2;
}

form
{
	padding: 0;
	margin: 0;
}

h1, span.h1
{
	font-size: 150%;
	font-family: Arial, Helvetica;
	font-weight:bold;
}

h2, span.h2
{
	font-size: 140%;
	font-family: Arial, Helvetica;
	font-weight:bold;
}

h1.red, span.h1-red
{
	font-size: 150%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#95322b;
}

h2.red, span.h2-red
{
	font-size: 140%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#95322b;
}

p.p-red
{
color:#95322b;
}

h1.brown, span.h1-brown
{
	font-size: 150%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#bca272;
}

h2.brown, span.h2-brown
{
	font-size: 140%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#bca272;
}

p.p-brown
{
color:#bca272;
}

h1.green, span.h1-green
{
	font-size: 150%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#8c8d58;
}

h2.green, span.h2-green
{
	font-size: 140%;
	font-family: Arial, Helvetica;
font-weight:bold;
color:#8c8d58;
}

p.p-green
{
color:#8c8d58;
}

span.brown
{
	color:#bca272;
}

span.red
{
	color:#95322b;
}

span.green
{
	color:#8c8d58;
}

span.black
{
	color:#000000;
}

.clear
{
	clear: both;
}

.box
{
	padding-bottom: 20px;
}

.box .box-header
{
	background: #95322b url(../Images/box-header-bg.gif) no-repeat;
	height: 32px;
	width: 179px;
	line-height: 32px;
	font-size: 12px;
	color: White;
	font-weight: bold;
	padding: 0 20px;
}

#container
{
	padding: 0;
	margin: 0 auto;
	width: 884px;
}

#top-bg
{
	margin: 0;
	padding: 6px 0 0 0;
	width: 884px;
	background: url(../Images/top-bg.gif) no-repeat;
}

#bottom-bg
{
	margin: 0;
	padding: 0 0 6px 0;
	width: 884px;
	background: url(../Images/bottom-bg.gif) no-repeat bottom;
}

#container-inner
{
	background: url(../Images/container-inner-bg.gif) repeat-y;
}

#main-red
{
	background: url(../Images/red-bg.gif);
	margin: 0px 6px;
	padding: 7px;
}

#bottom-red
{
	background: url(../Images/red-bg.gif);
	margin: 0px 6px;
	padding: 5px;
}

#main-yellow, #bottom-yellow
{
	background: #e2d5a8;
	padding: 6px 19px 19px 19px;
}

#content
{
	background: #ffffff;
	padding: 15px 15px 30px 15px;
}

#left-content
{
	margin-top:0px;
}


#header
{
	background: #e2d5a8 url(../Images/header-bg-inner.jpg) no-repeat right top;
	height: 215px;
	margin-bottom: 20px;
}

#header a
{
	display: block;
	float: left;
	width: 126px;
	height: 172px;
	padding:14px 0 0 55px;
}

#right-column
{
	width: 220px;
	float: right;
}

#main-column
{
	margin-right: 240px;
}

#menu
{
	background: url(../Images/menu-bg.gif) repeat-x;
	height: 34px;
}

#menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li
{
	display: inline;
}

#menu ul li a
{
	background: url(../Images/menu-bullet.gif) no-repeat 0px 2px;
	line-height: 34px;
	padding-left: 17px;
	padding-right: 17px;
	color: Black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica;
}

#menu ul li a:hover
{
	color: #a02226;
}

#left-column
{
	float: left;
	width: 214px;
}

#submenu
{
	padding-top: 20px;
}

#submenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#submenu ul li a
{
	display: block;
	background: url(../Images/submenu-item-bg.gif) no-repeat;
	height: 35px;
	line-height: 35px;
	margin-bottom: 1px;
	padding: 0px 20px;
	color: Black;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
}

#submenu ul li a:hover
{
	color: #a02226;
}

#newsletter-box
{
	background: url(../Images/newsletter-box-bg.gif) no-repeat 0px 40px;
	width: 215px;
	_height: 120px;
	min-height: 120px;	
	padding: 20px 0 0 25px;	
	
	margin-left: -25px;
	position: absolute;
	z-index: 999;
}

#text-inner
{
	margin-left: 234px;
	_height: 1%;
	padding-top: 20px;
}

#bottom-separator
{
	background: url(../Images/separator-bg.gif) no-repeat top;
	padding: 16px 0 0 0;
	margin: 0;
	height: expression("1%");
}

/*= Homepage Events List -----------------------------------------*/

.event
{
	padding: 10px 0;
}

.event .event-title
{
	display: block;
	padding-bottom: 10px;
	background: url(../Images/arrow-icon.gif) no-repeat left bottom;
}

.event .event-date
{
	color: #bca272;
	font-size: 10px;
	padding-right: 14px;
	background: url(../Images/clock-icon.gif) no-repeat center right;
}


/*= Polls ----------------------------------------------*/

.poll
{
	padding: 20px 0;
	color: #666c71;
}

.poll ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.poll .bar
{
	background: url(../Images/poll-bar.gif) repeat-x;
	margin-top: 10px;
	font-size: 8px;
}

/*= Search ----------------------------------------------*/

.paginator
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.paginator ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.paginator ul li
{
	display: inline;
	padding-right: 10px;
}

.paginator ul li
{
}

.paginator ul li span
{
}

.paginator ul li span a
{
	text-decoration: underline;
	padding: 0 10px;
	color: #026A9D;
}

.paginator ul li.active
{
}

.paginator ul li.active span
{
	padding: 0 10px;
}


#search-results
{
}

#search-results ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#search-results ul li
{
	padding-bottom: 10px;
	font-weight: bold;
}

#search-results ul li a
{
	text-decoration: underline;
}

/*= FAQs --------------------------------------------*/

.tree
{
}

.tree ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.tree ul ul
{
	padding-left: 20px;
}

.tree ul li
{
}

.tree ul li span
{
	padding: 2px 0 2px 0px;
	display: block;
}

.tree ul li span.active a.name
{
	color: #000000;
}

.tree ul li span.active a.name:hover, .tree ul li span.active a.name:visited:hover
{
	color: #000000;
}

.tree ul li span a.name
{
	font-weight: normal;
	padding: 0 1px;
}

.tree ul li span em
{
	color: Gray;
	font-size: 85%;
	padding-left: 3px;
}

.tree ul li img.icon
{
	cursor: pointer;
}

.tree ul ul ul li span a.name
{
	font-weight: normal;
}

.tree ul ul ul li span a.name
{
	font-size: 90%;
}

/*= Events -----------------------------------------------*/

.calendar
{
	width: 200px;
	margin: 0 auto 20px auto;
}

.calendar .header
{
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
}

.calendar .previous
{
	float: left;
}

.calendar .next
{
	float: right;
}

.calendar table.body
{
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

.calendar table.body tr.week
{
}

.calendar table.body tr.week-first
{
}

.calendar table.body tr.week-last
{
}

.calendar table.body td
{
	vertical-align: middle !important;
}

.calendar table.body td.day
{
	text-align: center;
	border: 1px solid #EFEFEF;
	height: 24px;
	color: Gray;
	padding: 0;
	margin: 0;
}

.calendar table.body td.day-first
{
}

.calendar table.body td.day-last
{
	border-right: 1px solid #EFEFEF;
}

.calendar table.body td.day a
{
	display: block;
	background: #f7f7f7;
	padding: 5px 0;
}

/* Gallery ----------------------------------------------------*/

ul#thumbnails
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#thumbnails li
{
	display: inline;
	height: 120px;
	width: 120px;
	float: left;
}

/*= Forms -----------------------------------------------------*/

.hint
{
	color: Gray;
	font-size: 85%;
	font-weight: normal;
}

/* Applied to containers with 
.validator
{
    color: Red;
}

/* Applied to containers with asterix inside */
.validator-req
{
}

/* 
    Applied to validator summary div, that contains ul
    By default it has style color: red; so you need to overwrite it somewhere in ul
 */
.validator-summary
{
	background: #fffed6;
	padding: 2px 8px;
	margin-bottom: 10px;
}

.validator-summary ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.validator-summary li
{
	font-weight: bold;
	padding: 3px 0;
	font-size: 90%;
	color: #cc0000;
}


fieldset
{
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}


legend
{
	display: none;
}

fieldset legend
{
}

.field-row .field-control
{
	padding-left: 7px;
	margin-bottom: 10px;
}

.required .field-control
{
	padding-left: 4px;
	border-left: 3px solid #98cae2;
}

.field-row .field-label
{
	padding-left: 8px;
	font-weight: bold;
}

label
{
	font-size: 90%;
	font-family: Verdana;
	color: #555;
}

.field-row .field-control
{
}

/* Simultaneously added to div.field-row */
.submit
{
}

.input-name
{
	width: 400px;
}

.input-address
{
	width: 400px;
}

.input-city
{
	width: 150px;
}

.input-state
{
	width: 10ex;
}


.input-phone
{
	width: 150px;
}

.input-reference
{
	width: 150px;
}

.button-link
{
	text-decoration: underline !important;
}

