/* styles.css */

/* Container Style */
#container {
   width: 80%;
   background-color: #be8432;
   margin: 0 auto;
   padding: 0;
   font-size: small;
   text-align: left;
}

/* Header Style */
#header {
   background-color: #fcf1be;
   text-align: center;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

/* Navbar Style */
#navbar {
   float: left;
   width: 12em;
   font-weight: bold;
}

/* Main Content Style */
#mainContent {
   background-color: #fcf1be;
   margin-left: 12em;
   padding: 10px 20px 0 1em;
}

/* Footer Style */
#footer {
   background-color: #4d220e;
   color: #fce364;
   margin: 0;
   padding: 10px 0;
   text-align: center;
   font-size: .8em;
}

/* Define Clear Float Class */
.clearfloat {
   clear: both;
   height: 0;
   font-size: 1px;
}

/* Body Style */
body {
   font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
   background-color: #4d220e;
   color: #000000;
   margin: 0;
   padding: 0;
   text-align: center;
}

/* Header Font Family */
h1, h2, h3, h4, h5, h6 {
   font-family: Cambria, "Palatino Linotype", "Book Antiqua", "URW Palladio L", serif;
   color: #4d220e;
}

/* Photo Class - styling for photo and caption */
.photo {
   width: 200px;
   font-size: .8em;
   font-style; italic;
   line-height: 1em;
}

/* Float Right Class */
.floatRight {
   float: right;
   margin-left: .8em;
}

/* Float Left Class */
.floatLeft {
   float: left;
   margin-right: .8em;
}

/* Clear Float Class */
.clearfloat {
   clear: both;
   height: 0;
   font-size: 1px;
}

/* Removes Bullets from Navbar */
#navbar ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

/* Creates Menu Blocks */
#navbar a {
   display: block;
   padding: 3px 3px 5px 10px;
   background-color: #6a4128;
   color: #fcf1be;
   border-bottom: 1px #fce364 solid;
   text-decoration: none;
}

/* Creates Menu Rollover Effect */
#navbar a:hover {
   background-color: #fce364;
   color: #6a4128;
   border-right: 3px #999999 solid;
   border-bottom: 3px #999999 solid;
   padding-bottom: 3px;
}

/* Creates Menu Flyout Effect */
#navbar li li {
   width: 15em;
   margin-left: 20px;
   position: relative;
}

a img {
	border-width: 0;
}

.hanginindent {
	color: #4d220e;
	margin-left: 5em;
	text-indent: -5em;
}

.para_indent {
	margin-left: 5em;
}

.para_color {
	color: #4d220e;
}

.center_schedule {
	text-align: center;
}

a:link {
	color: #dc9000;
}

a:visited {
	color: #8c5900;
}