/******** CSS Document ***********/
/***** FOOD FOR CHILDREN ******/
/********** SCREEN ONLY  **********/


body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #433D27;
	background-color: #B0A373;	
}


h1 {
	font-size: 110%;
	display: none;
}


h2 {
	font-size: 100%;
	
}

h3 {
	font-size: 80%;
	margin-bottom: -10px;
	
}

h4 {
	font-size: 75%;
	margin-bottom: -15px;
}


p {
	font-size: 82%;
	line-height: 18px;
}


img {
	border: none;
}

.divider {	
	border-bottom: 2px solid #666633;
	margin-bottom: 30px;
}

/******************************/
/*********LIST STYLES ******/
/*****************************/

li {
	font-size: 70%;
	
}


ul.top {
	display: inline;
	float: right;
	padding-right: 59px;
}


li.top {
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 26px;
	padding-right: 26px;
	text-align: center;
	list-style: none;
	
}

li.side {
	font-size: 75%;
	padding-bottom: 25px;
	list-style: none;
}

/*** ORDERED Lists ****/
ol {
	margin-top: 40px;
	font-size: 100%;
}

ol li {
	margin: 0px 0px 20px 0px;
}



/***** LIST for Region Info *****/

#area ul {
	list-style: disc;		
}



/***********************************/
/********  DIV STYLES ***********/
/**********************************/

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	background-color: #EDEAD6;
	min-height: 625px;
	height: auto;
	border-right: 8px inset #75753C;
	border-left: 8px outset #717046;
	border-top: 8px outset #717046;
	border-bottom: 8px inset #717046;
}


#header {
	padding-right: 30px;
}

#sidenav1, #sidenav2, #sidenav3, #sidenav4 {
	width: 130px;
	margin-top: 50px;
	float: left;
	border-right: 1px solid #B9AC82;	
	padding-left: 20px;	
	padding-right: 10px;
	text-align: right;
	background-color: #EDEAD6;	
}

#content {
	margin-top: 90px;	
	padding-left: 236px;
	padding-right: 93px;	
	background-color: #EDEAD6;	
	 
}

#footer {
	text-align: center;
	margin-top: -35px;	
	height: 20px;
}

/*** Syles for Region MAP ***/
#contentLarge {
	margin-top: 50px;
	width: 480px;
	float: right;
	padding-right: 50px;	
	background-color: #E3F2FB;
	height: auto;
}

#region {
	margin-left: 30px;
	margin-top: 90px;
	width: 200px;
}

#region p {	
	font-size: 70%;
	text-align: justify;
	
}

#region h3 {
	text-align: center;
}

/******************************/
/******** LINK & NAV Styles *********/
/*******************************/

/****** TEXT LINKS ******/
a, a:link, a:visited, a:hover, a:active {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	color: #FF5353;
	text-decoration: underline;
}


/*** TOP NAV ****/

a.top, a.top:link, a.top:visited, a.top:hover, a.top:active {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

a.top:hover {
	color: #FF5353;
}

/****SIDE NAV ******/
a.side, a.side:link, a.side:visited, a.side:hover, a.side:active {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

a.side:hover {
	color: #FF5353;
}


/********** Special style for *************/
/*****LINK to identify current page*****/

#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active {
	color: #FF5353;
	font-weight: bold;
	text-decoration: none;
}

/*** Button Links with swapped images ***/
.musicButton {	
	margin: 0px 0px 10px 30px;
	background-image: url(images/blueButton.gif);
	background-repeat: no-repeat;
}

.musicButton:hover {
	background-image: url(images/redButton.gif);
	background-repeat: no-repeat;
}

.donateButton {	
	margin: 10px 0px 0px 30px;
	background-image: url(images/upDonateButton.gif);
	background-repeat: no-repeat;
}

.donateButton:hover {
	background-image: url(images/downDonateButton.gif);
	background-repeat: no-repeat;
}


/******************************/
/*****SPAN CLASSES ******/
/******************************/

p.bold {
	font-weight: bold;
	font-size: 90%;
}

.small {
	font-size: 70%;
	color: #756942;
}

.bold {
	font-weight: bold;
}

/*****************************/
/****IMAGE STYLES *******/
/*****************************/

img.left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

img.right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;	
}

/**** H3 & IMAGE spacing fix *****/
h3.pic {
	padding-bottom: 20px;
}