/* 	Designer Styles -
		Any styles you want to use in the content area, just define here.
		Try to follow the rules that I used here, prefixing all styles with
		"div#content div".  This ensures that any styles you define only
		apply to the content area. 
		
		If you want to define styles that only apply to the left column you
		could prefix the styles with "div#content div.left", and etc.  Just
		make sure that the two divs (for the two columns) are given "left"
		and "right" classes respectively.
		
		I really don't recommend that you change any styles outside of this
		area, as there is some tricky CSS going on throughout the rest of
		the page.  Changing one thing, could break a lot of other things.
 */
div#content div p {
	color: #0e2644;
	background-color: transparent;
	margin: 0 0 15px 15px;
	text-align: left;
	font: 11px/20px Tahoma,Arial,Sans-Serif;
}
div#content div p a {
	color: #cc9933;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}
div#content div p a:hover {
	text-decoration: underline;
}
div#content div h1 {
	text-align: center;
	color: #0e2644;
	background-color: transparent;
	font: 18px/20px "Times New Roman",Serif;
	margin: 5px 0 5px 15px;
}
div#content div h2 {
	color: #0e2644;
	background-color: transparent;
	font: 14px/20px "Times New Roman",Serif;
	margin: 5px 0 5px 15px;
	font-weight: bold;
}
div#content div h3 {
	color: #cc9933;
	background-color: transparent;
	font: bold 11px/20px Tahoma,Arial,Sans-Serif;
	margin: 5px 0 5px 15px;
}
div#content div div.rule {
	margin: 5px 0 5px 0;
	width: 100%;
	height: 13px;
	background-image: url('../images/rule.gif');
	background-position: top center;
	background-repeat: no-repeat;
}
/* End Designer Styles */



/* Global Styles */
body {
	text-align: center;  /* IE6 Compatibility */
	background-color: #193a63;
}
div#sitecontainer {
	position: relative;
	margin: 30px auto;
	width: 660px;
}

/* Logo Style */
div#sitecontainer img#logo {
	position: absolute;
	top: 280px;
	left: 240px;
	z-index: 6;
	border: 0;
}

/* Header Styles */
.flashheader {
	margin: 5px 5px 0 5px;
	border: 3px solid #003366;
}

div#header {
	height:321px;
	width: 660px;
	background-color: #fff;
	z-index: 4;
}
div#header img {
	margin: 8px 5px 0 5px;
}

/* Navigation Styles */
div#nav {
	position: relative;
	background-color: #faf7ec;
	height: 38px;
	width: 660px;
	overflow: visible;
	z-index: 5;
}
div#nav img {
	position: absolute;
	left: -35px;
	top: -12px;
}
div#nav div {
	position: absolute;
	font: 11px/38px 'Times New Roman',Serif;
	vertical-align: middle;
	top: 0px;
}
div#nav div.right {
	right: 10px;
}
div#nav div.left {
	left: 10px;
}
div#nav div a {
	display: block;
	float: left;
	margin: 0 5px 0 5px;
	color: #4d0606;
	background-color: transparent;
	text-decoration: none;
}
div#nav div.right img {
	float: left;
	margin-top: 15px;
}
div#nav div.left img {
	float: left;
	margin-top: 15px;
}
div#nav div a:hover { 
	color: #AF0000;
	background-color: transparent;
}
div#nav div img {
	position: static;
}

/* Content Styles */
div#content {
	width: 660px;
	background-color: white;
	position: relative;
	padding: 35px 0 40px 0;
	background-image: url('../images/background.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left; /* IE6 Compatibility */
	z-index: 4;
}
div#content div {
	width: 329px;
	text-align: left;
}
div#content div.left {
	border-right: 1px solid #cdd8e6;
}
div#content p.left {
	padding-right: 10px;
}
div#content div.right {
	position: absolute;
	top: 40px;
	right: 0px;
}
div#content p.right {
	padding-right: 10px;
}
div#content p.middle {
	width: 627px;
	text-align: left;
}
div#content p.center {
	width: 627px;
	text-align: center;
}

/* Right Styles */
div#content div#right {
	width: 650px;
	position: relative;
	left: 50px;
}

/* Footer Styles */
div#content div#footer {
	background-color: #FFF;
	position: relative;
	width: 660px;
	float: left;
	height: 5px;
	overflow: visible;
}
div#footer img#rdlogo {
	position: absolute;
	left: 10px;
	top: 10px;
	padding-bottom: 15px;
}
div#footer span {
	position: absolute;
	top: 50px;
	font: 9px/9px Arial,Sans-Serif;
}
div#footer span#links {
	left: 135px;	
	color: white;
}
div#footer span#legal {
	right: 30px;
	color: white;
}
div#footer span#credit {
	left: 135px;
	padding-top: 15px;
	color: #777777;
}
div#footer span a {
	color: white;
	text-decoration: none;
}	
div#footer span a:hover {
	text-decoration: underline;
}
div#footer img#equal {
	position: absolute;
	right: 3px;
	top: 46px;
}
.bodyText {
	color: #0e2644;
	font: 11px/20px Tahoma,Arial,Sans-Serif;
}