/*Body Elements*/
BODY {
	background-image:url(../images/backgrounds/grey_table_back.jpg); 
	background-color:white;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	padding:20px;
}
A:link{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

A:hover{
	text-decoration:underline;
	color:#3366FF;
	font-weight:bold;
}
A:visited {
	text-decoration:none;
	color:003399;
	font-weight:bold;
}


/*	Headers: These have a background image that looks like a bar
	and have small-caps as the font variation.  There are four color combinations: 
	A default, or greyscale pattern, and a Red, Green and Blue pattern 
*/
.headline{
	font-size:14px;
	font-weight:bold;
	background-color:#CCC;
	padding:5px;
	text-align:center;
	position:float:center;
	font-variant:small-caps;
}

.main-header{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-image:url(../images/backgrounds/main_header_cyan.jpg);
	padding: 1px 10px 1px 1px;
	position:float:center;
	font-variant:small-caps;
}

.content-back{
	background-image:url(../images/backgrounds/content-back.jpg);
}

.nav-back{
	background-image:url(../images/backgrounds/navigation.jpg);
	background-color:#227794;
	background-repeat:no-repeat;
}

.nav-buttons{
	background-color:#FFFFFF;
	color:#000000;
	font-size:14px;
	font-family:Verdana, Helvetica, sans-serif;
	font-variant:small-caps;
	height:20px;
	width:190px;
	border:1px solid #204a73;
}

.nav-buttons:hover, .nav-buttons-hover{
	background-color:#77aabb;
	color:#000000;
	font-size:14px;
	font-family:Verdana, Helvetica, sans-serif;
	font-variant:small-caps;
	height:20px;
	width:190px;
	border:1px solid #204a73;
}

.headlineRed{
	background-image:url(../images/backgrounds/red_header.jpg);
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	text-align:left;
	position:float:center;
	font-variant:small-caps;
}

.headlineBlue{
	background-image:url(../images/backgrounds/blue_header.jpg);
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	text-align:left;
	position:float:center;
	font-variant:small-caps;
}

.headlineGreen{
	background-image:url(../images/backgrounds/green_header.jpg);
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	text-align:left;
	position:float:center;
	font-variant:small-caps;
}

/*	Table Styles:
	Main table style is the table that will be on every page that determines
	the actual layout of the page, it will always either be a fixed width or
	a fixed percentage of the available screen space.
	
	There are also the same schemes as listed for the headlines: Red, Green and Blue
*/

.main-table{
	background-image:url(../images/backgrounds/drk_tableback.jpg);
	vertical-align:top;
	/*Border to be used for debugging only.  Will not use in final design of site */
	border:1px solid #000;
}
.red-table{
	border:1px solid #630000;
	vertical-align:top;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	position:center;
	background-image:url(../images/backgrounds/rtable_back.jpg);
}

.red-table A:link{
	text-decoration:none;
	color:#990000;
}

.red-table A:hover{
	text-decoration:underline;
	color:#CC3333;
}
.red-table A:visited {
	text-decoration:none;
	color:993333;
}

.green-table{
	border:1px solid #336600;
	vertical-align:top;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	position:center;
	background-image:url(../images/backgrounds/gtable_back.jpg);
}

.green-table A:link{
	text-decoration:none;
	color:#009900;
}

.green-table A:hover{
	text-decoration:underline;
	color:#33CC33;
}
.green-table A:visited {
	text-decoration:none;
	color:339933;
}

.blue-table{
	border:1px solid #330099;
	vertical-align:top;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	position:center;
	background-image:url(../images/backgrounds/btable_back.jpg);
	width:100%;
}

.blue-table A:link{
	text-decoration:none;
	color:#330099;
}

.blue-table A:hover{
	text-decoration:underline;
	color:#3333CC;
}
.blue-table A:visited {
	text-decoration:none;
	color:333399;
}

/*	Cell headers are a variation of the table class, this is just to be used to create
	a header cell for titling, or basic information on what is contained within that
	cell. 
	
	Same basic variations: Red, Green and Blue; Also will have a standard header
	that is generic (greyscale).
*/
.RcellHeader{
	background-color:#914E4E;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
	color:#FFF;
}
.GcellHeader{
	background-color:#829E5B;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
	color:#FFF;
}
.BcellHeader{
	background-color:#6281A5;
	font-weight:bold;
	font-variant:small-caps;
	font-size:11px;
	color:#FFF;
}

/*Footer information and style; inluding the link colors */
.footerCopy A:link{
	text-decoration:none;
	color:#FFFFCC;
}

.footerCopy A:hover{
	text-decoration:underline;
	color:#FFF;
}
.footerCopy A:visited {
	text-decoration:none;
	color:FFFF99;
}

.footerCopy{
	background-color:#630000;
	font-size:8px;
	font-variant:small-caps;
	text-align:center;
	color:#FFF;
}