@charset "utf-8";
/* CSS Document */
@import url("navigation.css");
@import url("DNN.css");


body {
	margin: 0;
	padding: 0;
	font: normal 12px Verdana, Arial, Helvetica, Verdana, sans-serif !important;
	letter-spacing:0.5px;
	line-height:150% !important;
	color: #02407f;
	background:#84A3E4;
	
}
a, a:link, a:visited {
	color: #AF922A;
	text-decoration: underline;
	font-weight:bold;
}
a:hover, a:focus {
	text-decoration: none;
	color:#000;
}
h1{
	margin:0;
	color:#ccc;
	font: 28px/36px Verdana, Arial, Helvetica, sans-serif !important;
}
h2{
	margin:0;
	color:#017280;
	font: 20px/34px Verdana, Arial, Helvetica, sans-serif !important;
}
h3 {
	margin:0;
	color:#6a4d9d;
	font:bold 17px/28px Verdana, Arial, Helvetica, sans-serif !important;
}
h4 {
	color:#AF922A;
	font:bold 15px/20px Verdana, Arial, Helvetica, sans-serif !important;
	margin:0px;
}
/* general globals */
#wrapper {
	background: url(bg.jpg) repeat-x;
	text-align:center;
}
#shell {
	width:900px;
	margin: 0 auto;
	padding: 0;
	background: url(bg_shell.jpg) repeat-y;
	text-align: left;
	position:relative;
}
#header{
	width:900px;
	height:387px;
	background:url('bg_header.jpg') no-repeat;
	position:relative;
}
#flash{
	width:900px;
	height:358px;
}
#container{
	background:url('bg_container.jpg') no-repeat;
	width:900px;
	padding-top:70px;
}
#navigation {
	position:absolute;
	top:358px;
	left:30px;
}
#content {
	width: 510px;
	min-height:300px;
	_height:300px;
	background: #fff url(bg_content.jpg) repeat-x;
	padding:0 0 15px 0px;
	margin:20px 50px 0 83px;
}
.cleartextarea{
	margin:0 15px;
	padding:0;
}
#callouts{
	position:absolute;
	right:85px;
	top:460px;
}
#callouts img{
	border:0px;
}
#footer {
	width:900px;
	margin:0 auto;
	text-align:center;
	background: url(bg_footer.jpg) top center no-repeat;
	padding-top:10px;		
}
#footer p {
	text-align:center;
	color:#fff;
	margin:0;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}
#footer a:hover {
	color: #4c4c4c;
	text-decoration: underline;
}

/* other styles */
.clear {clear:both;}
.formTable p {
	font:12px/150% normal Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#contentAdmin {
	min-height:300px;
	_height:300px;
	background: #fff url(bg_content.jpg) repeat-x;
	padding:0 0 15px 0px;
	margin:20px 85px 0 83px;
}

/* Standard positioning, wrapping, styling of photo and feature elements */
#feature {margin:30px auto 20px auto;}
.caption { font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:2px; background:#B9CDF7; border:3px solid #6a4d9d; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:2px; background:#B9CDF7; border:3px solid #6a4d9d; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#B9CDF7; border:1px solid #6a4d9d;}
.featureRight {border:5px solid #6a4d9d; padding:3px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:5px solid #6a4d9d; padding:3px; margin:7px auto 7px auto; }
.clear {clear:both;}


/* sIFR 3 styling */
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
	.sIFR-active .pageTitles { visibility: hidden; font-size:22px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:22px; color:#fff; margin-left:55px; width:300px; }
