body {
	background-color: #DBDBDB;
	margin-top: 8px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style5 {color: #666666}
.style13 {
	color: #006666;
	font-weight: bold;
}
/* here's the box... the image is the upper-left corner */
#csc {
  background : #fcfcfc url(images/csc_tl.png) no-repeat;
  width : 740px;
  height : auto;
  position : relative;
  padding : 10px 10px;
}

/* here's the box... the image is the upper-left corner */
#side {
	background : #fcfcfc url(images/csc_tl.png) no-repeat;
	width : 180px;
	height : auto;
	position : relative;
	padding : 10px 10px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 12px;
  height : 12px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : 0px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
	word-spacing: normal;
}
.btnav {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;  background-color: #6EA42D; border: 1px #FFE0B3 solid;
		text-decoration: none;
	color: #FFFFFF;
	} 
	
	.btnav2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;  background-color: #006600; border: 1px #FFE0B3 solid;
		text-decoration: none;
	color: #FFFFFF;
	} 
	
	

.class4 A:link {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}
.class4 A:visited {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}
.class4 A:active {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}
.class4 A:hover {
	text-decoration: none;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}
td.menuon { background-color: #000000; color: #FFFFFF; }
td.menuoff { background-color: #FFFFFF; color: #000000; }.home_titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: bold;
}
.class1 A:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

	
}
.class1 A:visited {
	text-decoration: none;
	color: #666666;
	

	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.class1 A:active {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;	

	
}
.class1 A:hover {
	text-decoration: underline;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}


.class2 A:link {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
.class2 A:visited {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
.class2 A:active {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	

	
}
.class2 A:hover {
	text-decoration: none;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#12B1C9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#999999;
		
	
}
.class3 A:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
.class3 A:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
.class3 A:active {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	

	
}
.class3 A:hover {
	text-decoration: none;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	
}
table.navbar {
   border-collapse: collapse;
}
table.navbar td {
   border: 1px solid #ccc;
}
.tips {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

table.navbar td a{
   display: block;
   width: 9em;
   padding: 3px;
   text-decoration: none;
}
table.navbar td a:link, table.navbar td a:visited {
   color: #000;
   background-color: #fff;
}
table.navbar td a:hover, table.navbar td a:active {
   color: #fff;
   background-color: #666;
}

.class5 {
	text-decoration: none;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: 71a7a7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.class5 A:link {
	text-decoration: none;
	color: #00B0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.class5 A:visited {
	text-decoration: none;
	color: #009999;
}
.class5 A:active {
	text-decoration: none;
	color: #666666;
}
.class5 A:hover {
	text-decoration: none;
	color: #99FFFF;

}
.class6 A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;

	
}
.class6 A:visited {
	text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;

	
}
.class6 A:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;

	
}
.class6 A:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006600;

	
}
.class7 A:link {
	text-decoration: none;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

	
}
.class7 A:visited {
	text-decoration: none;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

	
}
.class7 A:active {
	text-decoration: none;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

	
}
.class7 A:hover {
	text-decoration: none;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

	
}
.tab-bottom {
	background-image: url(../IMAGES/bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
}
ol {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #25899C;
}