@charset "utf-8";
/* CSS Document */
<style type="text/css">
		
		* {
			padding:0;
			margin:0;
			}
		
		
		#container {
			margin:auto;
			width:640px;
		}
		#header {
			width:640px;
			height:130px;
			position:relative;
			margin-top:25px;
			background-image:url("images/header_bg.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			}
		#logo {
			background-image:url("images/logo.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			width:203px;
			height:118px;
			position:absolute;
			top:-10px;
			left:5px;				
				}
		#pageTitles {
	position:absolute;
	top:75px;
	left:245px;
	background-color: #D7E3E3;
			}
		#pageTitles h4 {
	position:absolute;
	top:24px;
	left:2px;
	height:30px;
	width: 305px;
				}
					
		.mainTitle {
	width:324px;
	height:25px;
	background-image:url(images/slogan.png);
	background-repeat:no-repeat;
	background-position:top left;
					
				}
		.mainTitle h1{
				display:none
					
				
					
				}
		#pageTitles h4 {
	font-weight:normal;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
				
					
			}
		#bgcontainer {
			margin:auto;
			width:750px;
			
			
			
			}
			#headerbg {
			width:750px;
			height:550px;
			position:relative;
			background-image:url("images/backgrd.jpg");
			background-repeat:no-repeat;
			background-position:center;	
			 
			}
			body {
        background:#FFFFFF;
        color: #000;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
}
a:link, a:visited {
	color: #FF2A84;
	text-decoration: none;
}
a:hover, a:active {
	color: #999;
	text-decoration: none;
	background: #FF2A84;
}
#navigation {
	background:#DDD;
	border-bottom: 2px solid #FF2A84;
	margin: 1em 0 0;
	padding: 0.6em 0 0;
	font-weight: bold;
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding: 5px 0 5px;
        text-align: center;
}
#navigation ul li {
        display: inline;
}
#navigation ul li a {
	background: url("images/tableft.gif") no-repeat left top;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0;
}
#navigation ul li span {
        background: url("images/tabright.gif") no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#navigation ul li a:hover span {
	text-decoration: underline;
	background-position: 100% -75px;
}
#navigation ul li a:hover {
        background-position: 0 -75px;
}
#navigation #current a {
        background-position: 0 -150px;
}
#navigation #current a span {
        background-position: 100% -150px;
}		
	
	
	#welcomeTitles {
		width:80%;
		height:450px;
		margin-left:auto;
		margin-right:auto;
		margin-top:auto;
		margin-bottom:auto;
			}
	.welcomeTitles {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#679899;
	
		
		}
	#welcomeTitles h2 {
	text-align:center;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#678;
	}
	
	#welcomeTitles p {
	margin-top: 0;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2em 1em 0em 3em;
	text-decoration: none;
	font-style: italic;
	color: #666666;
	text-transform: capitalize;
		
	}
	 .welcomeTitles li  {
	width:100%;
	margin-top:1px;
	text-align:left;
	list-style:url(images/arrow.gif) none outside;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#679899;
	}
	.p  {
	float: right;
	padding-right: 1em;
	font: 12px "Times New Roman", Times, serif;
	text-decoration: none;
	clear: right;
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 1em;
	display: block;
	margin: 0.5em;
	width: 230px;
	border-top-style: dashed;
	color: #679899;
	}
	.p  {
	float: left;
	padding-left: 0;
	font-family: "Times New Roman", Times, serif;
	color: #667899;
	}
	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */ Hide entire CSS code from IE6 
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 300px; /* container width*/
background: transparent url("images/bigshadow.gif") no-repeat bottom right;
}

.shadowcontainer .innerdiv {
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}



.shiftcontainer2{
	margin-right: auto;
	position: relative;
	left: 8px; /*Number should match -left shadow depth below*/
	top: 8px; /*Number should match -top shadow depth below*/
}
.shadowcontainer2{
width: 180px; /* container width*/
background: transparent url("images/bigshadow.gif") no-repeat bottom right;
}
.shadowcontainer2 .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -8px; /*shadow depth*/
top: -8px; /*shadow depth*/
}
.shadowcontainer3 {
float: right;
width: 180px;
background: transparent url("images/bigshadow.gif") no-repeat bottom right;
}
.shadowcontainer3 .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -8px; /*shadow depth*/
top: -8px; /*shadow depth*/
}
.shadowcontainer3 .redtext {
color:#CC3300;
font-size:12px;
}

#ftrcontainer {
			clear: both;
			margin:auto;
			width:750px;
			height:5em;
			}
		.footerTitle h4{
	float:right;
	background-color:#A0BEBE;
	font-weight:normal;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#B72764;
	padding:1em;
	text-decoration: none;
	}
	.footerTitle p {
	background-color:#A0BEBE;
	font-weight:normal;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	padding:1em;
	}