p.content, li {
	margin:2px; 
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 90%;
 	line-height: 130%; padding: 3px 3px 5px 3px;
}

p.highlight {
	margin: 2px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	color: Purple;
	border-bottom: 1px solid #cbdea8;
	border-top: 1px solid #cbdea8;
}
p.copyright {
	text-align: center;
	margin: 4pt;
	font-size: 75%;
}

h1 {
	/* header element */
	font: bold 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0000FF; /*border-bottom:1px solid #669999;*/
	line-height: 120%;
	margin: 4px;
}

h2 {
	/* header element */
	font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #339933;
	border-bottom: 1px solid #669999;
	line-height: 120%;
	margin: 2px;
}

div#infobox { /* Use h2.infotitle and p.info with this */
		background: none #ffffff;
		color: #000000;
    	display: block;
    	margin: 0;
    	padding: 3px;
    	width: auto; 
}

#infobox h2 { /* Use in div.info along with p.info */
	background: none #ccffff;
  	border-top: solid #669999 1px;
    border-bottom: solid #669999 1px;
    color: #0000CC; 
    font-variant: small-caps;
    display: block;
    font-size: 1.0em;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    text-indent: 0;
    width: auto;
}

#infobox p { /* Use along with h2.infotitle for caption in div.info */
		background: none #ccffff;
    	border-bottom: solid #669999 1px; 
    	color: #000000;
    	display: block;
    	font-size: .9em;
    	line-height: 1.2;
    	margin: 0;
    	padding: 0;
    	text-align: left;
    	text-indent: 0;
    	width: auto; 
}

div #box1 {
	border: thin dotted Blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	padding-left: 3px;
	padding-right: 3px;
	width: 90%;
	margin: 4px 4px 4px 4px;
}

#box1 h3 {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
}

/* MAIN WINDOW FRAME/BORDER CONFIG */
.frame_top {
  background: url('../images/t.gif') repeat-x top;
  }
.frame_top_left {
	background: url('../images/tl.gif')  top left no-repeat;
	}
.frame_top_right {
	background: url('../images/tr.gif') top right no-repeat;
	}
.frame_bottom_left {
	background: url('../images/bl.gif')  top left no-repeat;
	}
.frame_bottom_right {
	background: url('../images/br.gif')  top left no-repeat;
	}
.frame_left {
	background: url('../images/ls.gif') left repeat-y;
	}
.frame_right {
	background: url('../images/rs.gif') right repeat-y;
	}
.frame_bottom {
	background: url('../images/b.gif') right repeat-x;
	}
	
#nav { 
	line-height: 1.4; 
	font-size: 10pt; 
	}
	
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a
{
	display: block;
	color: Blue;
	background-color: #cbdea8;
	width: 150px;
	padding: 1px 5px 1px 10px;
	text-decoration: none; /*border-bottom: 1px solid #fff;*/
	font-weight: bold;
	font-size: 80%;
}

#navcontainer a:hover
{
background-color: #ccc;
color: #FFF;
}

#navcontainer li li a
{
display: block;
color: #000;
background-color: #fff;
width: 150px;
padding: 1px 5px 1px 5px;
text-decoration: none;
/*border-bottom: 1px solid #ccc;*/
font-weight: bold;
}

#navcontainer a.selected, #navcontainer li li a.selected {
	color: red; /* border: 1px solid #aaa; */
	background-image: url(../images/arrow-current.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em; /* padding-left: .6em; */
}