@charset "UTF-8";
/* CSS Document */

	body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #032b44;
	}
	
	.splash h1, .splash h2 {
	color: #DA1E2F;
	}

	h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 1em;
	}
	
	h3 {
	font-size: 17px;
	}

	h4 {
	font-size: 14px;
	font-style: italic;
	}

	p {
	margin: 0px;
	}
	
	/* specs for template page */	
	.template #wrapper {
	background-image: url(images/content_bckgrd.jpg);
	background-repeat: repeat-y;
	width: 800px;
	background-color: #FFF;
	margin: 30px auto 0px auto;
	}
	
	.template #header {
	background-color: #FFF;
	background-image: url(images/banner.jpg);
	height: 105px;
	}
	
	.template #header h1 {
	text-indent: -9999px;
	}
	
	.template #content {
	width: 585px;
	float: left;
	padding: 10px 0px 20px 0px;
	}
	
	.template #navigation {
	width: 185px;
	float: right;
	padding: 10px 10px 0px 10px;
	}
	
	#navigation ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	}
	
	#navigation ul a {
	display: block;  /* changes from inline to block, for larger clickable area */
	background-color: #FFF;
	padding: 5px 10px 5px 10px;
	text-decoration: none; /* removes underlining of link */
	color: #DA1E2F;  /* text color */
	font-weight: bold;
	text-transform: uppercase; /* for all caps: can also use lowercase, capitalize, and normal */
	font-size: 90%; /* reduces font size a little bit */
	letter-spacing: 2px; /* adds to the existing space between letters */
	font-family: georgia, "times new roman", serif;	
	}
	
	#navigation ul a:hover {  /* this is a pseudo class to control element only in the hover state */
	color: #FFF;
	background-color: #DA1E2F;
	}
	
	.template #footer {
	background-color: silver;
	clear: both;
	height: 50px;
	border-top: 2px solid #444;
	padding: 10px;
	height: 1%;  /* Hack to fix margin issues in IE */
	font-size: 10px;
	}
	
	
	
	/* specs for all pages */
	#content h1 {
	font-family: arial, helvetica, sans-serif;
	font-style: bold;
	font-size: 18px;
	color: #DA1E2F;
	}
	
	#content h2 {
	font-size: 16px;
	color: #143520;
	}
	
	#content h3 {
	font-size: 14px;
	font-style: italic;
	color: #2A374C;
	}



	/* specs for all divs and text specific to splash page */
	.splash #wrapper {
	width: 800px;
	height: auto;
	margin: 0px auto 0px auto;
	padding-top: 50px;
	}

	
	
	.splash #content {
	width: 800px;
	text-align: center;
	margin: 0px;
	}
	
	.splash #content a {
	text-decoration: none;
	}
	
	
	.splash #header h1, #header h2 {
	text-indent: -9999px;
	}
	
	#menucase {
	background-color: #fff;
	}
	
	/* specs for the menu buttons on the splash page */
	h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:#032b44 url(bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;
	}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(bgDIVIDER.gif) no-repeat top right;
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff url(bgON.gif) no-repeat top right;
	}
