/*------------------------------ Common styles for all pages -----------------------------------------*/
@charset "utf-8";

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(../images/VertBlueBKG.png);
	background-color: #000033;
}
a {
	background-color: #660000;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #600;
	padding: 0px 4px 0px 4px;
}

a:visited {
	text-decoration: none;
	color: #FFCC99;
	background-color: #660000;
	padding: 0px 4px 0px 4px;
}

a:active {
	text-decoration: none;
	color: #FFCC66;
	background-color: #660000;
	padding: 0px 4px 0px 4px;
}
	
a:hover {
	background-color: #FFCC66;
	color: #000066;
	font-style: italic;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #CCFFFF;
}
	
#header {
	padding: 10px 0px 10 0px;
	height: 146px;
}

h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #4A0000;
}

hr {
	color: #996600;
	height: 1px;
	padding-bottom: 8px;
}

h2 {
	margin: 0;
	padding: 6px 0 4px 0;
	color: #CCCCCC;
	font-size: 18px;
}

h3 {
	padding: 0px 0 0px 0;
	color: #FFCC66;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	margin: 18px 0 6px 0;
	letter-spacing: 1px;
}

li{
}

.SmallItalic {
	font-size: 10px;
	font-style: italic;
	margin: 0;
}

.SmallLightText{
	color: #FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#header img#bannerRight {
	margin-left:30px; /* this creates space between the two banner images*/
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.SmallLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.RegLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.NoLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #999999;
	padding: 0px 4px 0px 4px;
	font-weight: normal;
	font-style: italic;
}
.imageRight {
	margin: 2px 0px 2px 6px;
	border-color: #C00;
}
.imageCenter {
	margin: 6px;
	border-color: #FFFFFF;
}

.imageLeft {
	margin: 8px 8px 8px 0px;
	border-color: #C00;
}
.MenuSubHeader {
	font-size: 11px;
	color: #FFCC99;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/*------------------------------ Styles for the 1-column standard pages -----------------------------------------*/
.oneColFixCtrHdr #container {
	width: 600px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #navigation {
	padding: 5px;
	border-bottom: 1px solid #000; /*create a solid line across the bottom of the navigation container spanning the entire column*/
	margin-bottom: 25px;
	}
	
.oneColFixCtrHdr #navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: inline; /* removes the vertical space normally accompanying a list and places it into the flow of the rest of the document */
	} 

.oneColFixCtrHdr #navigation ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000; /*create a solid line around each individual list item*/
	list-style: none; /*eliminate the bullet, box, circle, etc. that normally preceeds a list item */
	display: inline;
	}
		
.oneColFixCtrHdr #mainContent {
	padding: 0 20px;
	padding: 0px;
	width: 600px;
	margin: 0 auto;
	}
	
.oneColFixCtrHdr p {
	padding: 8px;
	text-align: center;
	margin-top: 0px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #300;
}
	
.oneColFixCtrHdr #Menu1 {
	width: 140px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 5px 120px 5px;
	margin-top: 0px;
	background-image: url(../images/BlkBluBkg22.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	float: left;
	text-align: left;
	height: 100%;
}

.oneColFixCtrHdr #footer {
	margin: 0 auto;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	text-align: left;
	width: 600px;
} 

.oneColFixCtrHdr #header {
	color: #999999;
	height: 141px;
	width: 600px;
	margin: 0 auto;
} 


/*------------------------------ Styles for the 2-column standard pages -----------------------------------------*/

.twoColFixHdr #container {
	width: 760px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 4 0 4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #003333;
} 

/*.twoColFixHdr #navigation {
	padding: 5px;
	border-bottom: 1px solid #000; /*create a solid line across the bottom of the navigation container spanning the entire column*/
	/*margin-bottom: 25px;
	}
	
.twoColFixHdr #navigation ul {
	margin-left: 0;
	padding-left: 0;
	display: inline; /* removes the vertical space normally accompanying a list and places it into the flow of the rest of the document */
/*	} 
*/

.twoColFixHdr #navigation ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 1px solid #000; /*create a solid line around each individual list item*/
	list-style: none; /*eliminate the bullet, box, circle, etc. that normally preceeds a list item */
	display: inline;
	}
		
.twoColFixHdr #mainContent {
	margin: 0px 0px 0 160px;
	padding: 4px 14px 4px 14px;
	text-align: left;
	width: 570px;
	color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
			
.twoColFixHdr #mainContent em {
	color: #CCC;
	}
	
.twoColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 270px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 5px 5px 5px;
}


.twoColFixHdr #Menu1 {
	width: 140px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 5px 100px 5px;
	margin-top: 0px;
	background-image: url(../images/BlkBluBkg22.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	float: left;
	text-align: left;
	height: 100%;
}

.twoColFixHdr #footer {
	margin: 0 10px 8px 8px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: left;
} 


/*------------------------------ Styles for the 3-column front page -----------------------------------------*/

.thrColFixHdr #container {
	width: 760px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) CENTERS THE PAGE */
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #003333;
} 

.thrColFixHdr #Menu1 {
	width: 140px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 5px 80px 5px;
	margin-top: 0px;
	background-image: url(../images/BlkBluBkg22.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	float: left;
	text-align: left;
}

.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 8px;
	color: #FFF;
	line-height: 20px;
}


.thrColFixHdr #mainContent {
	margin: 0px 0px 0 170px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 8px;
	width: 285px;
	color: #FFF;
} 
			
.thrColFixHdr #mainContent em {
	color: #CCC;
	font-size: 10px;
	}

.thrColFixHdr #footer {
	margin: 0 10px 8px 8px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}