@charset "utf-8";
/*   Color Codes Used
#630 -header logo
#fff -BODY BG
#333 -body text
#fff - WRAPPER BG
#060 - HEADER BG
#fff #360 - Hover links
*/
body  {
   margin:0;
   padding:0;
   text-align: center;
   color: #333;
   background:#fff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100.01%;
   line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, dd, dt, address, div {
   margin: 0;
   padding: 0;
}
#wrapper {
   width: 930px;
   margin: 0 auto; 
   padding: 0;
   text-align: left; /* overrides the center on the body element*/
} 
#header {
   margin: 0;
   padding: 5px 0 0 0;
   width: 930px;
   height: 100px;
   background:;
}
#header p {
   vertical-align: middle;
   font-size: 16px;
   line-height: 3;
   visibility: hidden;
}
#header a {
   list-style-type: none;
}
#header a:link, #header a:visited {
   text-decoration: none;
}

#menu {
   height: 2em;
   background: #060;
}
#menu ul li {
   display: block;
   float: left;
}
#menu ul li a {
   margin-left: 10px;
   list-style-type: none;
   color: #fff;
   padding: 0 5px;
}
#menu ul li a:link, #menu li a:visited {
   text-decoration: underline;
   font-weight:bold;
   font-size: 1em;
   line-height:1.73;
}
#menu ul li a:visited {
   color: #ccc;
   font-weight:normal;
}

/*sidebar settings*/
#sidebar {
   float: left;
   padding: 0;
   margin: 0;
   font-size: 0.9em;
   width: 200px;
}
#sidebar h3 {
	margin: 20px 0 5px;
	text-align: center;
	font-size: 1.2em;
}
#sidebar ul li  {
	display: block;
   	margin: 0px;
	padding: 5px 5px 5px 15px;
	list-style: none;
	text-align: left;
	text-decoration: none;
}
#sidebar li a:link, #sidebar li a:visited {
	display: block;
	font-size: 0.9em;
    color: #333;
	font-weight: bold;
   text-decoration: underline;
	padding: 5px;
}
#sidebar li a:visited {
   color: #666;
	font-weight: normal;
}
#sidebar img  {
	margin: 2px auto;
	display: block;
}
#sidebar p  {
	font-size: 0.85em;
	margin: 0;
	padding: 5px 5px 5px 15px;

}
#sidebar p.caption {
	font-size: 0.8em;
	margin-top: 0;
	text-align: center;
}

/**************Main Content Section*******/
#mainContent {
   margin: 0px 0px 0px 200px;
   padding: 0;
   font-size: 0.95em;
   border-left: solid #ccc 1px;
} 
#mainContent h1 {
   font-size: 1.8em;
   margin: 0;
   text-align: center;
   padding: 30px 20px 5px;
}
#mainContent h2 {
   font-size: 1.4em;
   text-align: center;
   padding: 25px 20px 5px;
}
#mainContent h4 {
   font-size: 1.15em;
   padding: 18px 40px 5px;
}
#mainContent h5 {
   font-size: 1.1em;
   text-align: center;
   padding: 12px 20px 5px;
}
#mainContent h6 {
   font-size: 1.0em;
   text-align: center;
   padding: 8px 20px 5px;
}
#mainContent p {
   font-size: 0.95em;
   color: #000;
   padding: 8px 40px;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
}
#mainContent p.caption {
   text-align: center;
   font-size: 0.9em;
}
#mainContent ul, #mainContent ol, #mainContent dl {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#mainContent li, #mainContent dt, #mainContent dd {
   font-size: 0.95em;
   text-align: left;
}
#mainContent ul li {
   padding: 8px 40px 8px 60px;
   list-style: disc inside;
}
#mainContent ol li {
   margin-left: 75px;
   padding: 8px 40px 8px 10px;
   list-style: decimal outside;
}
#mainContent dl dt {
   padding: 8px 40px 0 50px;
   list-style: disc inside;
   font-weight: bold;
   font-style: italic;
}
#mainContent dl dd {
   padding: 0 40px 8px 80px;
   list-style: disc inside;
   font-style: italic;
   vertical-align: top;
}

#mainContent a:link, #mainContent a:visited {
   font-size: 0.95em;
   color: #333;
   font-weight: bold;
   text-decoration: underline;
   list-style: none;
}
#mainContent a:visited { color: #999; }

/*Footer Section*/
#footer {
   margin: 0;
   padding: 0;
   font-size:0.9em;
   line-height:2;
   height: 30px;
   background: #006600;
   color: #FFF;
   text-align: center;
}
#footer p { 
   margin: 4px 40px; 
   font-size:0.95em;
}
#footer ul li {
   margin: 0;
   padding: 0px;
   list-style: none;
   float: left;
   text-align: center;
}
#footer a:link , #footer a:visited {
   padding: 5px;
   font-size: 0.95em;
   text-decoration: underline;
   color: #FFF;
}
#footer a:visited { color: #ccc; }

/*Bottom Navigation*/
#navBottom {
   margin: 0;
   padding: 0;
   font-size: 0.85em;
   height: 25px;
   text-align: center;
}
#navBottom p { 
   margin: 20px 40px 5px; 
   font-size: 0.85em;
}
#navBottom ul li {
   margin: 0;
   padding: 0px;
   list-style: none;
   float: left;
   text-align: center;
}
#navBottom a:link , #navBottom a:visited {
   padding: 5px;
   font-size: 0.85em;
   text-decoration: underline;
   color: #060;
}
#navBottom a:visited { color: #090; }

/*boxes*/
.boxLeft, .boxRight, .boxCenter500  {
   padding: 0;
   margin: 0;
}
.boxLeft {
   padding: 8px 40px ;
   float: left;
}
.boxRight {
   padding: 8px 40px ;
   float: right;
}
.boxCenter468 {
   margin: 0 auto ;
   text-align: center;
   padding: 5px;
   width: 468px;
}
.boxCenter {
   margin: 0 auto ;
   text-align: center;
   display: block;
}
.itemCenter {
   text-align: center;
   display: block;
}
.photoRight {
   float: right;
   margin: 8px 40px ;
   padding: 2px;
   text-align: center;
}
.photoLeft {
   float: left;
   margin: 8px 40px ;
   padding: 2px;
   text-align: center;
}
.photoCenter {
   margin: 0 auto ;
   text-align: center;
   padding: 2px;
}
.calloutBox {
   background-color: #eee;
   border: 1px solid #ccc;
   margin: 18px auto 20px;
   width: auto;
}
div.calloutBox p { padding: 10px; }

.reminderBox {
   color: #000;
   background-color: #999;
   width: 35%;
   border: 1px solid #8f8fb3;
   margin: 0;
   padding: 8px 40px ;
   float: right;
   font-size: 0.95em;
}
#mainContent .reminderBox p{
   font-size: 95%;
   padding: 5px;
}
#mainContent .reminderBox h2 {
   background-color: #eee;
   font-size: 1.25em;
   text-align: center;
}
#mainContent .reminderBox h4 {
   background-color: #eee;
   font-size: 1em;
   text-align: center;
}
#mainContent .reminderBox ul li {
   list-style: circle inside;
}

#mainContent table {
   margin: 0 auto;
   padding: 0;
   text-align: left;
   font-size: 0.95em;
   vertical-align: middle;
}
#mainContent table caption {
   font-weight: normal;
   background: #FAFAFA;
   font-size: 1em;
}
#mainContent table tr th {
   color: #333;
   background: #ccc;
   text-align: center;
   font-size: 1.05em;
   line-height: 1.3em;
   vertical-align: middle;
}
#mainContent table tr td p {
   color: #000;
   font-size: .9em;
   text-align: left;
   padding: 2px;
   vertical-align: middle;
}
#mainContent tr td   {
   vertical-align: middle;
   text-align: center;
   color: #333;
}
#mainContent tr td .alignLeft  {
   vertical-align: middle;
   text-align: left;
}

blockquote  {
   width: 75%;
   margin: 0 auto;
   padding: 5px;
   background: #eee;
   border: 2px inset #000;
}
.caption {
	font-size: 90%;
	display: block;
	margin-bottom:6px;
}
.floatLeft { 
	float: left;
	margin-right: 8px;
}
.floatRight { 
	float: right;
	margin-left: 8px;
}
.clearFloat { 
	clear:both;
	margin: 0px;
	padding: 0px;
}
.white { color: #FFF; }
.green { color: #008000; }
.yellow { color: #FF0; }
.purple { color: purple; }
.orange { color: orange; }
.red { color: red; }
.lightBlue { color: #06F; }
.darkBlue { color: #009; }
.brown { color: brown; }
#mainContent .mp3 {
   height: 60px;
   width: 300px;
   margin: 1px 10px 2px 40px;
   vertical-align: middle;
}
#wrapper #mainContent table tr .greenBg { background: #6C0; }
#wrapper #mainContent .alignLeft tr td  {
   text-align: left;
   padding-left: 5px;
}
#wrapper #mainContent .alignRight tr td  { text-align: right; }
#wrapper #mainContent .alignCenter tr td{ text-align: center; }