/* start by zeroing out the margins on elements, add padding or margins on each element separately */

* {
	padding: 0;
	margin: 0; 
}

body {
background-color: ffffcc;
text-align: center;
}

div#PageChars{
border: 2px solid black;
margin: 20px auto;
width: 1000px;
background-color: maroon;
/*height: 1000px;*/
}

div#banner {padding-top: 20px; }

/*Horizontal LInks*/
div#horlinks {width: 975px; margin: 10px auto;}

/*Horizontal Links*/

a#home {display: inline-block; width: 189px; background-color: white; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;} 
a#home1 {display: inline-block; width: 189px; background-color: f1ca2f; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}

a#tourism {display: inline-block; width: 189px; background-color: white; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}
a#tourism1 {display: inline-block; width: 189px; background-color: f1ca2f; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}

a#community {display: inline-block; width: 189px; background-color: white; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}
a#community1 {display: inline-block; width: 189px; background-color: f1ca2f; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black; }

a#business {display: inline-block; width: 189px; background-color: white; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}
a#promo {display: inline-block; width: 189px; background-color: white; font: bold 10pt Arial; color: black; text-decoration: none; border: 1px solid black;}
div#horlinks a:visited {text-decoration: none; color: black; }
div#horlinks a:hover {background-color: f1ca2f; color: white; }

div#centercapsule {width: 960px; margin: 20px auto; background-color: f1ca2f; padding-top: 2px;}

/* Left Side links*/

div#Sidenav {float: left; width: 185px; padding: 5px 5px; }

div#Sidenav a {display: block; padding: 0px 0px 1px 0px; font: 10pt Arial; color: black; text-align: left; text-decoration: none; margin-left: 10px;}
div#Sidenav a#highlight { background-color: white;}
div#Sidenav a:hover {background-color: white; color: black;}

div#Sidenav h3 {color: black; font: bold 10pt Arial; padding: 5px 0px; text-align: left;}
div#Sidenav h3#highlight {background-color: white; }


/*Right side Nav links*/

div#rightside {float: right; width: 185px; padding: 5px 5px;}

div#rightside a {display: block; padding: 0px 0px 1px 0px; font: 10pt Arial; color: black; text-align: left; margin-left: 10px; text-decoration: none;}
div#rightside a:hover {background-color: white;}
div#rightside a#highlight { background-color: white;}
div#rightside h3 {color: black; font: bold 10pt Arial; padding: 5px 0px; text-align: left;}
div#rightside h3#photo {color: black; font: 9pt Arial; text-align: left;}
div#rightside img {margin-bottom: 6px; }

/*Center div*/

div#center {margin: 6px auto; width: 548px; #width: 572px; padding: 0px 10px; background-color: ffffcc;}
div#center h3 {font: 18pt "Brush script std"; padding: 10px 0px; text-align: left;}
div#center h4 {font: bold 10pt Verdana; padding: 10px 5px; text-align: left;}
div#center h3#tours {font: 17pt "Brush script std"; padding: 10px 0px; text-align: left; }
div#center p {font: 10pt Verdana; padding-bottom: 6px;}
div#center p#indent {margin-left: 50px; }
div#center img.left {float: left; margin-right: 10px; }
div#center img.center {margin-bottom: 10px; margin-left: 80px; }

div#center p#center {text-align: center;}

div#center p#bottominfodefault {margin-top: 180px; font: 8pt Arial; text-align: center; }
div#center p#bottominfotourism {margin-top: 105px; font: 8pt Arial; text-align: center; }
div#center p#bottominfohistory {margin-top: 250px; font: 8pt Arial; text-align: center; }
div#center p#bottominfonormal {margin-top: 50px; font: 8pt Arial; text-align: center; }
div#center p#bottominfomuseum {margin-top: 150px; font: 8pt Arial; text-align: center; }
div#center p#bottominfoferns {margin-top: 320px; font: 8pt Arial; text-align: center; }
div#center p#bottominfovanpark {margin-top: 135px; font: 8pt Arial; text-align: center; }
div#center p#bottominfonew {margin-top: 350; font: 8pt Arial; text-align: center; }

div#center a {text-decoration: none; color: blue; }
div#center a:hover {color: red; }

UL {text-align:left; padding-left: 10px; margin-left:20px; }
p {font: 10pt Georgia Arial; text-align: justify;}

h2 {font: 16pt arial bold; color: red; text-align: left;}

div#festival img {margin: 8px 0px; }