/* sets the main body properties */
HTML {
scrollbar-arrow-color: #E5A564;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #E5A564;
}

BODY {
font-family : Verdana, Arial, sans-serif;
font-size: 75%;
margin: 0px 20px;
background-color: #254117;
color: #000000;
}

P, TD, LI, UL {
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
}

Table {
font-family: Verdana, Arial, sans-serif;
border-collapse: collapse;
font-size : 100%;
}


/* this group sets the normal link colors */

A:LINK.norm {color: #DC8632; text-decoration: underline; font-weight: bold;}
A:VISITED.norm {color: #DC8632; text-decoration : underline; font-weight: bold;}
A:HOVER.norm {color: #ffffff; text-decoration : underline; font-weight: bold;}
A:ACTIVE.norm {color: #DC8632; text-decoration : underline; font-weight: bold;}



/* this group sets the normal link colors in top navagation bar */
/* #FFEFAE */
a:link.top {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #FFEFAE;; font-size: 12px; font-weight: bold}
a:visited.top {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #FFEFAE;; font-size: 12px; font-weight: bold}
a:hover.top {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #000000; font-size: 12px; font-weight: bold}


/* this group sets the normal link colors in Left page navagation*/
/*#DC8632 */
a:link.left {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #DC8632;; font-size: 12px; font-weight: bold}
a:visited.left {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #DC8632;; font-size: 12px; font-weight: bold}
a:hover.left {font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color: #000000; font-size: 12px; font-weight: bold}


/* We like to use headings for special effects */

H1 {
background-color: #E5A564;
color: #000000;
font-family: "Book Antiqua", Palatino, serif;
text-align: center;
font-size: 1.8em;
font-weight: bold;
letter-spacing: 4px;
width: 95%;
margin: 0px;
padding: 5px;
border: 3px double #000000;
}


h2 {
color: #A57E51;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
text-align: center;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 2px;
}

h3, h4 {
color: #A57E51;
text-align: left;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}

h5, h6 {
color: #A57E51;
text-align: center;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}

HR {
color: #000000;
height: 1px;
width: 100%;
}


.sidebar {
background-color: #F6E8D8;
color: #000000;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom-style: none;
border-bottom-width: medium;
border-top-style:solid;
border-top-width:1
text-align: center;
line-height: 20px;
width=100% ;
vertical-align: top;
}


.main {
background-color: #F6E8D8;
color: #000000;
text-align: justify;
line-height: 20px;
vertical-align: top;
padding: 20px;
width: 100%;
}

.hottopic {
background-color: #F6E8D8;
color: #000000;
font-size: 90%;
vertical-align: top;
line-height: 14px;
width: 250px;
float: right;
padding: 3px;
margin: 0px 0px 10px 20px;
border: 1px dotted #E5A564;
}



.hnavbar {
background-color: #254117; 
border-left-style: solid;
border-left-width: 1;
border-right-style: solid;
border-right-width: 1;
border-top-style: solid;
border-top-width: 1;
border-bottom-style:none;
border-bottom-width:medium;
text-align: center;
}

/* list types for main content */
ul#tag li {
list-style-type: square;
  }

ul#notag li {
list-style-type: none;
  }

/* list types for grade ps-8 navagation menu*/

ul#menu {
  width: 100px;
  list-style-type: none;
  border-top: solid 1px #b9a894;
  margin: 0;
  padding: 0;
}

ul#menu ol {
  display: none;
  list-style-type: none;
  text-align: right;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #785a3c;
}

ul#menu li {
  border-bottom: solid 1px #b9a894;
  line-height: 15px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "-";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #539dbc;
}

ul#menu a.active {
  color: #be5028;
}

#content		
		{
		z-index: 5;
		position: relative;
		float: left;
		display: block;
		overflow: hidden;
		width: 475px;
		height: auto;
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 25px;
		margin: 0px 55px 0px 0px;
		background: #fff;
		}

		
div#content h1
		{
		font-family: arial, verdana, tahoma !important;
		font-size: 15px !important;
		font-weight: bold !important;
		color: #0856A3 !important;
		background: transparent;
		text-transform: uppercase !important;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 15px;
		margin-right: 10px;
		margin-top: 15px;
		margin-bottom: 10px;
		padding: 0px;	
		}
		
div#content h2
		{
		font-family: arial, verdana, tahoma !important;
		font-size: 13px !important;
		font-weight: bold !important;
		color: #0856A3 !important;
		background: transparent;
		text-transform: uppercase !important;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 15px;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 5px;	
		border-bottom: 1px solid #000;
		}
			
div#content h3
		{
		font-family: arial, verdana, tahoma !important;
		font-size: 13px !important;
		font-weight: bold !important;
		color: #0856A3 !important;
		background: transparent;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 15px;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 5px;	
		}
		
div#content h4
		{
		font-family: arial, verdana, tahoma !important;
		font-size: 12px !important;
		font-weight: bold !important;
		color: #0856A3 !important;
		background: transparent;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 15px;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 5px;	
		border-bottom: 1px solid #000;
		}
		
div#content h5
		{
		font-family: arial, verdana, tahoma !important;
		font-size: 12px !important;
		font-weight: bold !important;
		color: #0856A3 !important;
		background: transparent;
		text-transform: uppercase !important;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 15px;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 5px;	
		}
						
div#content p
		{
		font-family: arial, verdana, tahoma !important;
		font-weight: normal !important;
		font-size: 12px !important;
		line-height: 18px !important;	
		color: #000 !important;
		text-decoration: none !important;
		margin: 0px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 5px;		
		}
		
div#content td
		{
		font-family: arial, verdana, tahoma !important;
		font-weight: normal !important;
		font-size: 12px !important;
		line-height: 18px !important;	
		color: #000 !important;
		text-decoration: none !important;	
		margin: 0px;	
		padding: 5px;		
		}
		
div#content a
		{		
		text-decoration: underline !important;
		font-weight: bold !important;
		margin: 0px;
		padding: 0px;		
		}
		
div#content ul
		{				
		margin: 0px;
		margin-left: 45px;
		margin-right: 10px;
		list-style: square;			
		}
		
div#content li
		{
		padding: 3px;	
		}
		
div#content img
		{		
		margin: 0px;
		padding: 3px;		
		}

.clear
		{
		clear: left;
		display: block;
		height: 10px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px;
		}
		
.spacer			
		{
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		}