/* Global Styles */

body {
	margin:0px;
	}


td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #993300;
	text-decoration:none; 
	}
	
a:hover {
	color: #990000;
	}

/* ID Styles */

#navigation td {
	
	padding:10px 0px 40px 100px;
	}
	
#navigation a { /* NOT USED */
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:40px;
	letter-spacing:.2em;
	text-decoration: none;
	display:block;
	padding: 0px 0px 0px 60px;
	text-align:left;
	vertical-align:middle;
	/*background-image:url(images/nav/dovetail.gif);*/
	background-repeat:no-repeat;
	background-position:right;	
	}
	
#navigation a:hover {/* NOT USED */
	color: #cc3300;
	/*background-image:url(images/nav/dovetail.gif);*/
	background-repeat:no-repeat;
	background-position:right;
	}
	
#logo 	{/* NOT USED */
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #999999;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:16px;
	letter-spacing:.2em;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
	text-align:left;
	vertical-align:middle;
	
	}
	
	/* here's the box... the image is the upper-left corner */
#csc {
  background : #E1EA93 url(../images/csc_tl.png) no-repeat;
  width : 20em;
  height : auto;
  position : relative;
  padding : 20px 0px;
}

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

/* 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;
}