body, p.bodytext, p, .bodytext {

  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  line-height: 140%;


}

.spacer-gif, p.spacer-gif {
  height: 2px;
}

.csc-firstHeader, h2.csc-header, h2.csc-header-n2, .csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6, .csc-header-n7, .csc-header-n8 {
  margin-bottom: -11px;
  overflow:hidden;

}

.csc-textpic, .csc-textpic-intext-left {
  margin-bottom: 0px;
  margin-top: 4px;
  overflow:hidden;
}

#topheader {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  width: 100%;
  background: #0f0;
    top: 150px;
  left: 0px;
}

#leftnav1 {
/*  background: #CC9900; */
vertical-align:text-top;
 float: left;
  width: 20%;
  overflow:hidden;


}


#rightcol {
  vertical-align:text-top;
  float: right;
  width: 20%;
  overflow:hidden;
  padding: 4px 3px 5px 3px;

}
#content {
  float: left;
  vertical-align:text-top;
  padding: 4px 3px 5px 3px;
  width: 55%;
  overflow:hidden;

}

#sponsors-bottom {
 vertical-align:text-top;
  padding: 4px 3px 5px 3px;
 width: 20%;
 float: left;
 overflow:hidden;
}

#left-bottom {
 vertical-align:text-top;
   float: left;
  width: 25%;
overflow:hidden;
  padding: 4px 5px 5px 3px;
}
#right-bottom {
  vertical-align:text-top;
   float: right;
  width: 25%;
overflow:hidden;
/*  padding: 5px 3px 5px 3px; */

 margin-left: 50px;

}

#footer {
  background: #CC9900;
  clear: both;
  width: 100%;
  padding: 4px 3px 5px 3px;
}


.csc-firstHeader {
  margin-bottom: 0px;
  margin-top: 2px;
}


H1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size : 17px;
	color: #036872;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:2px;
	border-color:#036872;
	  margin-bottom: -11px;
	  margin-top: 5px;
}
H2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	color:  #500253;
	  margin-bottom: -11px;
    margin-top: 5px;

}
H3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #0D6F0A;
	  margin-bottom: -11px;
    margin-top: 2px;

}
H4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : black;
	  margin-bottom: -11px;
   margin-top: 2px;

}

/* normal title same as text size 
.title {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000;  /* black */
font-size: 15px; padding: 2px */

.footer {
color: #000000;			/* black */
text-align: center;
}

 
/* last update */
.lastupdate {
font-size: 12px;
color: #000000;			/* black */
text-align: center;
}
 
/* in text hyperlinks */
a:link       { font-weight: bold; color: #9C4003; font-size: 13px; text-decoration: none }
a:visited    { font-weight: bold; color: #39039B; font-size: 13px; text-decoration: none }
a:hover      { font-weight: bold; color: #038E9B; font-size: 13px; text-decoration: none }
/* top navigation menu */
.topnav {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.topnav a:link {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff; 			/* white */
padding: 1px;
}
.topnav a:visited {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff; 			/* white */
padding: 1px;
}
.topnav a:hover {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}

.topnav-act {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}
.topnav-act a:active {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}
.topnav-act a:link {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}
.topnav-act a:visted {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}
.topnav-act a:hover {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 1px;
}
 



/* bottom navigation menu */
.bottomnav {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.bottomnav a:link {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000; 			/* lime green */
padding: 2px;
}
.bottomnav a:visited {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000; 			/* lime green */
padding: 2px;
}
.bottomnav a:hover {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 2px;
}
.bottomnav-act a:active {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 2px;
}
.bottomnav-act a:link {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000; 			/* lime green */
padding: 2px;
}
.bottomnav-act a:visted {
font-weight: bold;

font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000; 			/* lime green */
padding: 2px;
}
.bottomnav-act a:hover {
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
background: #000000;	/* black */
color: #ffffff; 			/* white */ 
padding: 2px;
}



/* left navigation menu */
.leftnav {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
}
.leftnav1 a:link { font-weight: bold; display: block; text-indent: 15px; white-space: nowrap; color: #036872; 
               text-decoration: none; width: 100%; padding-left: 4px;
               padding-right: 4px; padding-top: 4px; padding-bottom: 5px }
.leftnav1 a:visited { font-weight: bold; display: block; text-indent: 15px; white-space: nowrap; color: #036872; 
               text-decoration: none; width: 100%; padding-left: 4px; 
               padding-right: 4px; padding-top: 4px; padding-bottom: 5px }
.leftnav1 a:active { font-weight: bold; display: block; text-indent: 15px; white-space: nowrap; color: #036872; 
               text-decoration: none; width: 100%; padding-left: 4px; 
               padding-right: 4px; padding-top: 4px; padding-bottom: 5px; 
               background-position: 0 -24px }
.leftnav1 a:hover { font-weight: bold; display: block; text-indent: 15px; white-space: nowrap; color: #01292E; 
               text-decoration: none; width: 100%; padding-left: 4px; 
               padding-right: 4px; padding-top: 4px; padding-bottom: 5px; 
               background-position: 0 -24px }
.leftnav1-act a:link {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		font-weight: bold;
		white-space: nowrap;
	    color: #036872;
/*		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav1-act a:visited {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav1-act a:active {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
	    color: #036872;
/*		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav1-act a:hover {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
 
.leftnav2 a:link {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
	       color: #f7620f;  /* dark orange */
		font-weight: bold;
/*		color: #7fb8e0; 			/* sky blue */
		text-decoration: none;
		width: 100%;
		background-position: 0 -48px;
}
.leftnav2 a:visited {
		display: block;
		font-weight: bold;
		text-indent: 30px;
		white-space: nowrap;
		color: #AD4005; 			/* dark orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -48px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:5px
}
.leftnav2 a:active {
		display: block;
		font-weight: bold;
		text-indent: 30px;
		white-space: nowrap;
		color: #f7620f;  /* dark orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -48px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:5px
}
.leftnav2 a:hover {
		display: block;
		font-weight: bold;
		text-indent: 30px;
		white-space: nowrap;
		color: #622102; 			/* very dark brown */
		text-decoration: none;
		width: 100%;
		background-position: 0 -72px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:5px
}


.leftnav2-act a:link {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		color: #f7620f;  /* dark orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -72px;
}
.leftnav2-act a:visited {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		color: #AD4005; 			/* dark orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -72px;
}
.leftnav2-act a:active {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		color: #f7620f;  /* dark orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -72px;
}
.leftnav2-act a:hover {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		color: #622102; 			/* very dark brown */
		text-decoration: none;
		width: 100%;
		background-position: 0 -72px;
}


.leftnav3 a:link {
		display: block;
		font-weight: bold;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #7fb8e0; 			/* sky blue */
		text-decoration: none;
		width: 100%;
		background-position: 0 -96px;
}
.leftnav3 a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #7fb8e0; 			/* sky blue */
		text-decoration: none;
		width: 100%;
		background-position: 0 -96px;
}
.leftnav3 a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}
.leftnav3 a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}


.leftnav3-act a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}
.leftnav3-act a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}
.leftnav3-act a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}
.leftnav3-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -120px;
}

.leftnav4 a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav4 a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav4 a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav4 a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}


.leftnav4-act a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav4-act a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav4-act a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav4-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
 
.leftnav5 a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav5 a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav5 a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav5 a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}


.leftnav5-act a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav5-act a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav5-act a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav5-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
 
.leftnav6 a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav6 a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav6 a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav6 a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}


.leftnav6-act a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav6-act a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav6-act a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav6-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav7 a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav7 a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #000000; 			/* lime green */
		text-decoration: none;
		width: 100%;
}
.leftnav7 a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav7 a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}


.leftnav7-act a:link {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav7-act a:visited {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav7-act a:active {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
.leftnav7-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #f7620f; 			/* red orange */
		text-decoration: none;
		width: 100%;
		background-position: 0 -24px;
}
 

 
 
/* forms fields */
select       { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 }
textarea     { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: 
               normal; font-size: 13px; text-indent: 0px; 
               border: 1px solid #000000; }
input        { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: 
               normal; font-size: 13px; text-indent: 0px; border-color: 
               #000000; border-width: 1px; }