/*
*** Styles for all elements ***
*/
* {
	margin: 0px;
	padding: 0px;
	/*  */
}

html {
	margin: 0px;
	padding: 0px;
	height: 101%; /* force a scrollbar at all times to prevent resizing on short pages */
}

body {
	font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 1.0em;
	background-color: #66321E;
}

a img {
	border: 0px; /* disable borders on linked images */
}

a:link, a:visited, a:hover, a:active {
	color: blue;
	text-decoration: none;
}

label {
	cursor: pointer;
}

input[type=text], input[type=password] {
	width: 200px;
}

textarea {
	height: 125px;
	width: 350px;
}

h1, h2, h3, h4, h5, h6 {
	color: #009999;
	padding-top: 15px;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.2em;
}

h2 a {
	color: blue !important;
}

p {
	padding-top: 5px;
	padding-bottom: 5px;
}

ol, ul {
	margin-left: 20px;
}

/* for the slideshow photos */
img .photo {
	display: block;
}

/*
*** IDs ***
*/

/* the wrapper that contains all the XHTML */
#page {
	width: 982px;
	margin: auto;
}

#header {
	/*padding-bottom: 5px;*/
	text-align: right;
	font-size: 0.8em;
	height: 30px;
	line-height: 40px;
	color: #ECD8B7;
}

/* This is where all the main content is -- it's a nice framed section with room above and below for other links */
#mainsection {
	width: 980px;
	/* this is key for the page to work right -- if this is not floated then
	the longest/tallest section will "break" through the containing div and 
	destroy the layout */
	float: left;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #D9D9D9;
	background-image: url('../images/mainsection-background.png');
	background-position: 0 0;
	background-repeat: repeat-y;
}

#logo {
	height: 75px;
	width: 980px;
	/*border-bottom: 1px solid #F2F2F2;*/
	clear: both;
}

#sidebar {
	width: 209px;
	float: left;
	padding-top: 10px;
	border-right: 1px solid #9D4E2E;
	background-color: #9D4E2E;
}

#slide {
	height: 247px;
	list-style-type: none;
	margin: 0px 0px 50px 0px;
	padding: 0;
	position: relative;
	clear: both;
}

#content {
	width: 520px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}

#bigcontent {
	width: 730px;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}

#rightbar {
	width: 209px;
	float: right;
	border-left: 1px solid #ECD8B7;
	background-color: #ECD8B7;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#rightbar_content {
	margin-top: 30px;
	padding: 5px;
}

#testimonial_box {
	margin-top: 30px;
	padding: 5px;
	font-size: 0.9em;
	font-style: italic;
}

#news_header {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.9em;
	text-decoration: underline;
	text-transform: uppercase;
	color: #66321E;
}

#footer {
	clear: both;
	padding-top: 5px;
	text-align: center;
	font-size: 0.8em;
	color: #ECD8B7;
}

/*
*** Selectors ***
*/

#header a {
	color: #ECD8B7;
}

#sidebar div a {
	color: #ECD8B7;
}

/* Transform the unordered list in the sidebar to navigation style links */
#sidebar ul {
	background-color:#9D4E2E;
	padding-left: 5px;
	margin-left: 0px;
	font-size: 0.8em;
	width: 190px;
	z-index: 100;
	position: relative;
	/*list-style-image: url('../images/bullet_black.png');*/
	/**/
}

#sidebar ul li {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom: 1px solid #D9D9D9;
	padding: 5px;
	position: relative;
	
	list-style-position: inside;
	list-style-type: none;
}

#sidebar ul li a {
	color: #ECD8B7;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bolder;
}

/* roll over */
#sidebar ul li:hover {
	background-color: #AE5833;
}


/*
 ul li ul {
	padding-left: 5px;
	font-size: 0.9em;
	border-bottom: none;
}
*/



#sidebar ul ul {
	display: none;
	left: 1em;
	margin-left: 8em;
}

#sidebar ul li:hover ul {
	border: 3px solid #ECD8B7;
	display: block;
	left: 80px;
	position: absolute;
	top: -3px; /* make sure it lines up */
	z-index: 30000 !important;
}


#sidebar div {
	padding: 10px;
}

#footer a {
	color: #ECD8B7;
	text-decoration: underline;
}

/* for donation page */
#recipient_section {
	display: none;
}

/*
*** Classes ***
*/
.prop {
	width: 1px;
	float: right;
	height: 600px;
}

.center_align {
	text-align: center;
}

.center_align_block {
	margin: auto;
}

.hidden {
	display: none;
}

.folders {
	float: left;
	margin: 10px;
}

.checkbox_table {
}

.checkbox_table td {
	padding: 5px;
}

.clear {
	clear: both;
}

/* YUI draggable list control */
ul.draggable_list { 
	position: relative;
	width: 400px; 
	list-style: none;
	margin: 0;
	padding: 0;
	/*
	   The bottom padding provides the cushion that makes the empty 
	   list targetable.  Alternatively, we could leave the padding 
	   off by default, adding it when we detect that the list is empty.
	*/
	padding-bottom: 20px;
}

ul.draggable_list li {
	margin: 3px;
	cursor: move;
	padding: 3px;
}

li.draggable_li {
	background-color: #D1E6EC;
	border: 1px solid #7EA6B2;
}

.smallPadding {
	padding: 5px;
}

.mediumPadding {
	padding: 10px;
}

.largePadding {
	padding: 20px;
}

.bordered-box {
-moz-border-radius:6px 6px 6px 6px;
border:1px solid gray;
margin-bottom:20px;
padding:10px;
}

button {
-moz-border-radius:6px 6px 6px 6px;
-moz-box-shadow:0 1px 3px #999999;
background-color:#9D4E2E;
border:3px solid black;
color:#ECD8B7;
cursor:pointer;
font-family:Verdana,sans-serif;
font-size:115%;
font-weight:bold;
padding:6px;
text-shadow:0 -1px 1px #222222;
text-transform:uppercase;
}