/* reset section */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
       padding: 0;
       margin: 0;
       font-size: 100%;
       font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, caption { font-weight: normal; text-align: left; }

img, fieldset { border: 0; }

ol { padding-left: 1.2em; list-style: decimal; }

ul { padding-left: 1.2em; list-style:square;}

q:before, q:after { content:''; }

/* end reset */

/********************** Body *************************/

body {
	background-image: url('theme_images/suntile.jpg');
}

#banner {
         background-image: url(theme_images/banner1.gif);
         background-repeat: repeat-x;
	}

.bannertxt p {
         background-color: #ffffcc;
         color: #669966;
         font-family: "Marker Felt", "Comic Sans MS",  cursive; 
         font-size: 4em;
         font-weight: bold;
         text-align: center;
         padding-bottom: 8px;
        }

/********************* Top Nav **********************/

#here #herelink {
   background-color: #74b674;
   color: #000000; 
   }

ul.mainnav {
	list-style-type: none;
	padding: 0px 0px 6px 0px;
	margin: 0px;
        border: 0px;
        overflow: hidden;
        zoom: 1;
}
ul.mainnav li { 
    float: left; 
    width: 14.28%;
 	background-color: #FFFF66;
	border-top: 1px solid #FF9933;
	border-bottom: 1px solid #FF9933;
}
ul.mainnav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	background-color: #FFFF66;
	color: #800000;
        text-align: center;
	text-decoration: none;
        zoom: 1;
}
ul.mainnav a:hover {
  	color: #000000;
	background-color: #74b674;
}

/********************* Second Top Nav **********************/

ul.secnav {
	list-style-type: none;
    padding: 6px 0px 6px 0px;
	margin: 0px;
        border: 0px;
        overflow: hidden;
        zoom: 1;
}
ul.secnav li { 
    float: left; 
    width: 16.66%;
	background-color: #FFFF66;
	border-top: 1px solid #FF9933;
	border-bottom: 1px solid #FF9933;
}
ul.secnav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	background-color: #FFFF66;
	color: #800000;
        text-align: center;
	text-decoration: none;
        zoom: 1;
}
ul.secnav a:hover {
      	color: #000000;
	background-color: #74b674;
}

/********************* Alternate Second Top Nav **********************/

ul.altsecnav {
	list-style-type: none;
    padding: 6px 0px 6px 0px;
	margin: 0px;
        border: 0px;
        overflow: hidden;
        zoom: 1;
}
ul.altsecnav li { 
    float: left; 
    width: 20%;  
	background-color: #FFFF66;
	border-top: 1px solid #FF9933;
	border-bottom: 1px solid #FF9933;
}
ul.altsecnav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	background-color: #FFFF66;
	color: #800000;
        text-align: center;
	text-decoration: none;
        zoom: 1;
}
ul.altsecnav a:hover {
      	color: #000000;
	background-color: #74b674;
}

/********************* Left Nav **********************/

#leftbar {
   float: left;
   width: 11em;
   padding-right: 10px;
   }

#leftbar #sidelink {
   background-color: #ffcc00;
   color: #000000; 
   }

ul.leftnav {
   list-style-type: none;
   padding-top: 10px;
   padding-bottom: 5px;
   font-variant: small-caps;
   margin-left: -20px; 
   overflow: hidden;
   zoom: 1;
   }

ul.leftnav li { 
   width: 11em;
   background-color: #bde8bd;
   margin-top: -1px;
   padding-top: 4px;
   padding-bottom: 4px;
   border-right: 1px solid #FF9933;
   border-left: 1px solid #FF9933;
   zoom: 1;
   }

ul.leftnav a {
   display: block;    
   background-color: #bde8bd;
   color: #800000;
   text-align: center;   
   text-decoration: none;
   font-weight: bold;
   font-size: 1em;
   zoom: 1;  
   }

ul.leftnav a:hover {
   color: #000;
   background-color: #ffcc00;
   }

/********************* Headers **********************/

h1   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 24pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
      padding-bottom: 12px;
      padding-top: 12px;
     }

h2   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 18pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
      padding-top: 6px;
      padding-bottom: 6px;
      margin-left: 10px;
     }

h3   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 14pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
      margin-left: 10px;
     }


/************** H4 - H6 like H1 - H3 but centered **************/


h4   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 24pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
      padding-bottom: 12px;
      padding-top: 12px;
      text-align: center;
      color: #800000;
     }

h5   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 18pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
      padding-top: 6px;
      padding-bottom: 12px;
      margin-left: 10px;
      text-align: center;
     }

h6   { 
      color: #669966;
      font-weight: strong;
      font-style: normal; 
      font-size: 14pt; 
      font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
      margin-left: 10px;
      text-align: center;
     }


/******************* Paragraph Formatting *********************/

.paraw p {
   text-align: left;
   width: 90%; 
   margin-left: 10px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 6px;
   font-family: Baskerville, "Palatino Linotype", Times, serif;
   font-size: 1em;
   }

.parafl p {
   float: left;
   width: 75%; 
   margin-left: 25px; 
   padding-top: 10px;
   padding-bottom: 6px;
   font-family: Baskerville, "Palatino Linotype", Times, serif;
   font-size: 1em;
   }

.parafln p {
   float: left;
   width: 50%; 
   margin-top: 25px;
   padding-top: 10px;
   padding-bottom: 6px;
   padding-left: 10px;
   font-family: Baskerville, "Palatino Linotype", Times, serif;
   font-size: 1em;
   }

.paraflr p {
   float: right;
   width: 25%; 
   margin-right: 50px; 
   padding-top: 10px;
   padding-bottom: 6px;
   padding-right: 100px;
   font-family: Baskerville, "Palatino Linotype", Times, serif;
   font-size: 1em;
   }

.parac p {
   text-align: center;
   width: 90%; 
   margin-left: 10px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 6px;
   font-family: Baskerville, "Palatino Linotype", Times, serif;
   font-size: 1em;
}