@charset "utf-8";
/* CSS Document */


html{ overflow-y:scroll; } 

body {
	padding: 0 !important;
	margin: 0 !important;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #373735;	
}

p { font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	color: #373735;
	padding: 0 0 15px 0;
	margin: 0;
}

img {
	border: 0 !important;
}

title {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #a40006;
	padding: 0 0 10px 0;
	margin: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #373735;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 15px 0;		
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #373735;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 15px 0;	
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	color: #a40006 !important;
}

li span {
	color: #373735 !important;
}
	
a { color: #373735; text-decoration: none; font-weight: bold;}
a:hover { color: #373735; text-decoration: none;}
a:active {color: #373735; text-decoration: none;}	

/*a[href$='.pdf'] {
	padding-right:13px;
	background: transparent url(../images/pdf-link.gif) center right no-repeat;
}*/


input {
	background: white;
	color: #333;
	font-size: 12px;
	height: 20px;
	border: 1px solid #black;
	padding: 2px 3px 3px 3px;
	margin: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	}

textarea {
	background: white;
	border: 1px solid #black;
	color: #333;
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 2px 3px 3px 3px;	
	font-family: Arial, Helvetica, sans-serif;
	}
select {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 2px 3px 3px 3px;
	color: #333;
	border: 1px solid #black;
}
.submit_button {
	background-color:#a40006;
	color:#FFF;
	border:none;
	padding : 3px 5px 5px 5px;
	margin: 0 !important;
	width: 70px;
	height: 22px;
	font-size: 12px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* Layout Styles
********************************************************************/

#outer-container {
	width: 1073px;
	min-height: 700px !important;
	height:auto !important;
	height:100% !important;
	overflow: visible;
	background: white url(../images/outer-container-back.jpg) top left no-repeat !important;
	margin: 0 auto 0 auto;
	padding: 0 auto 0 auto;
}

#inner-container {
	width: 980px;
	float: left !important;
	min-height: 700px !important;
	height:auto !important;
	height:100% !important;
	overflow: visible;
	background: white !important;
	padding: 0;
	margin: 0 0 0 47px !important;
}


#header {
	width: 980px;
	height: 86px;
}

#header-left {
	float: left;
	width: 450px;
	height: 86px;
	text-align: left;
}

#header-right {
	float: right;
	width: 450px;
	height: 86px;
	text-align: right;
}


/* Navigation
********************************************************************/

#navi-container {
	width: 980px;
	height: 31px;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	float: left;
	background: url(../images/navigation/navgation-back.jpg) top left repeat-x;
}
#navi-container ul {
	padding: 0 !important;
	margin: 0 !important;
}

#navi-container li {
	height: 31px;
	float: left;
	padding: 0;
	overflow: hidden;
	list-style: none;
	color: #353535;
	}
#navi-container li a {
	padding: 7px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #353535;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 108px;	
	margin: 0 1px 0 0;	
	overflow: hidden;
	background: url(../images/navigation/nav-back.jpg) top left no-repeat;
	}
	#nav01{	
		margin: 0 !important;
		}	
	#home-icon {
		float: left;
	}

#navi-container li a:hover {
	color: white;
	background-position: 0 -31px;
	}
	#navi-container li a.active,
	#navi-container li a.active:hover {
		color: white;
		background-position: 0 -31px;
		}

/**********************/

#left-navi {
	float: left;
	width: 800px;
}


#right-navi ul {	
	padding: 0 !important;
	margin: 0 !important;
	float: right;
}

#right-navi li {
	height: 31px;
	float: right;
	padding: 0;
	overflow: hidden;
	list-style: none;	
	}
#right-navi li a {
	padding: 7px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 108px;	
	margin: 0;	
	overflow: hidden;
	background: url(../images/navigation/loginnav-back.jpg) top left no-repeat;
	}
		
#right-navi li a:hover {
	color: white;
	background-position: 0 -31px;
	}
	#right-navi li a.active,
	#right-navi li a.active:hover {
		color: white;
		background-position: 0 -31px;
		}


/* Home Styles
********************************************************************/

#home-banner {
	float: left;
	width: 980px;
	height: 300px;
	margin: 0 0 10px 0 !important;
}

#features-container {
	float: left;
	width: 980px;
	height: 165px;
	margin: 0 0 10px 0;
}

	#features-container h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 19px;
		font-weight: normal !important;
		color: white;
		padding: 0 0 10px 0;
		margin: 0;
	}
	#features-container p { font-family: Arial, Helvetica, sans-serif;;
		font-size: 12px;
		padding: 0 0 8px 0;
		margin: 0;	
	}	


	#feature-01-container {
		padding: 0 !important;
		margin: 0 !important;
		float: left;		
	}
	#feature-01 {
		float: left;
		width: 205px;
		height: 125px;
		background: url(../images/f-home01-back.gif) top left no-repeat;
		margin: 0 20px 0 0;
		padding: 10px 10px 15px 15px;
	}
		#feature-01 h1, #feature-01 h1 a{
			padding: 0 0 30px 0 !important;
			font-size: 20px !important;
			color: white !important;
			font-weight: normal;
		}
	#f01-link {
		clear: both;
		float: left;
		width: 200px;
		height: 22px;
		font-size: 12px;
		padding: 3px 10px 0 15px;
		border-top: 1px dotted #552d90;
		border-bottom: 1px dotted #552d90;		
	}
		#f01-link a{	
			color: #552d90;
		}
	#feature-02-container {
		padding: 0 !important;
		margin: 0 !important;
		float: left;		
	}	
	#feature-02 {
		float: left;
		width: 205px;
		height: 125px;
		background: url(../images/f-home02-back.gif) top left no-repeat;
		margin: 0 20px 0 0;
		padding: 10px 10px 15px 15px;		
	}
		#feature-02 h1, #feature-02 h1 a{
			padding: 0 0 30px 0 !important;
			font-size: 20px !important;
			color: white !important;
			font-weight: normal;
		}
			#f02-link {
				clear: both;
				float: left;
				width: 200px;
				height: 22px;
				font-size: 12px;
				padding: 3px 10px 0 15px;
				border-top: 1px dotted #dc803d;
				border-bottom: 1px dotted #dc803d;				
			}
				#f02-link a{	
					color: #dc803d;
				}		
	#feature-03-container {
		padding: 0 !important;
		margin: 0 !important;
		float: left;		
	}			
	#feature-03 {
		float: left;
		width: 205px;
		height: 125px;
		background: url(../images/f-home03-back.gif) top left no-repeat;
		margin: 0 20px 0 0;		
		padding: 10px 10px 15px 15px;		
	}
		#feature-03 h1, #feature-03 h1 a{
			padding: 0 0 30px 0 !important;
			font-size: 20px !important;
			color: white !important;
			font-weight: normal;
		}
			#f03-link {
				clear: both;
				float: left;
				width: 200px;
				height: 22px;
				font-size: 12px;
				padding: 3px 10px 0 15px;
				border-top: 1px dotted #8ea73f;
				border-bottom: 1px dotted #8ea73f;				
			}
				#f03-link a{	
					color: #8ea73f;
				}			
	#feature-04-container {
		padding: 0 !important;
		margin: 0 !important;
		float: left;		
	}	
#feature-04 {
		float: left;
		width: 205px;
		height: 125px;
		background: url(../images/f-home04-back.gif) top left no-repeat;
		padding: 10px 10px 15px 15px;		
	}
		#feature-04 h1, #feature-04 h1 a{
			padding: 0 0 30px 0 !important;
			font-size: 20px !important;
			color: white !important;
			font-weight: normal;
		}
			#f04-link {
				clear: both;
				float: left;
				width: 200px;
				height: 22px;
				font-size: 12px;
				padding: 3px 10px 0 15px;
				border-top: 1px dotted #86b3c7;
				border-bottom: 1px dotted #86b3c7;				
			}
				#f04-link a{	
					color: #86b3c7;
				}			
		
	#feature-05 {
		float: left;
		width: 205px;
		height: 135px;
		/*background: url(../images/feature-back.jpg) top left no-repeat;*/
		padding: 15px 10px 15px 15px;
		border-bottom: 1px dotted #552c90;
		margin: 0 0 20px 0;
	}

		#feature-05 h1 a{
			font-weight: normal !important;
		}

/* Homepage 3 feature layout */

#feature-06-container {
	padding: 0 !important;
	margin: 0 !important;
	float: left;	
	width: 333px;
}

#feature-06 {
		float: left;
		width: 313px;
		height: 197px;
		background: url(../images/homefeature06-07-back.jpg) top left no-repeat;

		padding: 0;
	}
	
		#feature-06 p{	
			padding: 0 10px 0 10px;
		}
		#feature-06 h1, #feature-06 h1 a{
			padding: 7px 0 20px 10px !important;
			font-size: 16px !important;
			color: white !important;
			font-weight: bold !important;
			background: url(../images/homefeature-title01-back.jpg) top left no-repeat;
		}
		#feature-06 ul{
			padding: 0 !important;
			margin: 35px 0 20px 20px !important;
		}
		#feature-06 li{
			color: #373735;
			font-size: 12px;	
			margin: 0 0 0 10px;			
		}
	#f06-link {
		clear: both;
		float: left;
		width: 200px;
		height: 22px;
		font-size: 12px;
		padding: 3px 10px 0 15px;
		border-top: 1px dotted #552d90;
		border-bottom: 1px dotted #552d90;		
	}
		#f06-link a{	
			color: #990000;
		}

	


/********/

#feature-07-container {
	padding: 0 !important;
	margin: 0 !important;
	float: left;
	width: 333px;
}

#feature-07 {
		float: left;
		width: 313px;
		height: 197px;
		background: url(../images/homefeature06-07-back.jpg) top left no-repeat;
		padding: 0;
	}
		#feature-07 p{	
			padding: 0 10px 0 10px;
		}	
		#feature-07 h1, #feature-07 h1 a{
			padding: 7px 0 20px 10px !important;
			font-size: 16px !important;
			color: white !important;
			font-weight: bold !important;
			background: url(../images/homefeature-title01-back.jpg) top left no-repeat;
		}
		#feature-07 ul{
			padding: 0 !important;
			margin: 20px 0 20px 20px !important;
		}
		#feature-07 li{
			color: #373735;
			font-size: 12px;	
			margin: 0 0 0 10px;	
		}		
	#f07-link {
		clear: both;
		float: left;
		width: 200px;
		height: 22px;
		font-size: 12px;
		padding: 3px 10px 0 15px;
		border-top: 1px dotted #552d90;
		border-bottom: 1px dotted #552d90;		
	}
		#f07-link a{	
			color: #990000;
		}

/********/

#feature-08-container {
	padding: 0 !important;
	margin: 0 !important;
	float: left;
}

#feature-08 {
		float: left;
		width: 313px;
		height: 197px;
		background: url(../images/homefeature06-07-back.jpg) top left no-repeat;
		margin: 0;
		padding: 0;
	}
		#feature-08 p{	
			padding: 0 10px 0 10px;
		}		
		#feature-08 h1, #feature-08 h1 a{
			padding: 7px 0 20px 10px !important;
			font-size: 16px !important;
			color: white !important;
			font-weight: bold !important;
			background: url(../images/homefeature-title01-back.jpg) top left no-repeat;
		}
		#feature-08 ul{
			padding: 0 !important;
			margin: 35px 0 20px 20px !important;
		}
		#feature-08 li{
			color: #373735;
			font-size: 12px;
			margin: 0 0 0 10px;				
		}		
	#f08-link {
		clear: both;
		float: left;
		width: 200px;
		height: 22px;
		font-size: 12px;
		padding: 3px 10px 0 15px;
		border-top: 1px dotted #552d90;
		border-bottom: 1px dotted #552d90;		
	}
		#f08-link a{	
			color: #990000;
		}






	#contactus-feature {
		float: left;
		width: 205px;
		min-height: 35px;
		background: white url(../images/h1-contactus-back.jpg) top left no-repeat;
		padding: 15px 10px 15px 15px;
		margin: 0 0 20px 0;
	}

		#contactus-feature h1{
			padding: 10px 0 30px 0 !important;
			font-size: 24px !important;
			color: white !important;
		}

		#contactus-feature h1 a{
			font-weight: normal !important;
			color: white !important;			
		}

	#newsletter-feature {
		float: left;
		width: 205px;
		min-height: 35px;
		background: white url(../images/h1-newsletter-back.jpg) top left no-repeat;
		padding: 15px 10px 15px 15px;
		margin: 0 0 20px 0;
	}

		#newsletter-feature h1{
			padding: 10px 0 30px 0 !important;
			font-size: 24px !important;
			color: white !important;			
		}

		#newsletter-feature h1 a{
			font-weight: normal !important;
			color: white !important;			
		}

	#events-feature {
		float: left;
		width: 205px;
		min-height: 35px;
		background: white url(../images/h1-events-back.jpg) top left no-repeat;
		padding: 15px 10px 15px 15px;
		margin: 0 0 20px 0;
	}

		#events-feature h1{
			padding: 10px 0 30px 0 !important;
			font-size: 24px !important;
			color: white !important;				
		}

		#events-feature h1 a{
			font-weight: normal !important;
			color: white !important;				
		}


#footer {
	float: left;
	width: 980px;
	height: 80px;
	background: white;
	margin: 20px 0 0 0;
}
	#footer-left {
		float: left;
		width: 450px;
		height: 80px;
		text-align: left;
	}
	#footer-right {
		float: right;
		width: 450px;
		height: 80px;
		text-align: right;
	}	


#web-design {
	float: right;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 !important;
}



/* Second Level Styling
********************************************************************/

#page-title {
	float: left;
	width: 940px;
	height: 43px;
	background: url(../images/title-background.jpg) top left no-repeat;
	margin: 0 0 10px 0 !important;
	padding: 20px;
}

	#page-title h1 {
		font-size: 24px;	
		padding: 10px 0 0 0 !important;
		margin: 0 !important;
		color: #373735 !important;
	}


#nav-trail {
	clear: both;
	float: left;
	width: 980px;
	min-height: 25px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #552c90;
}


#col-1 {
	float: left;
	width: 230px;
	min-height: 100px;
	margin: 0 20px 0 0;
}

	#col-1 ul {
		padding: 0 !important;
		margin: 0 0 20px 0 !important;
	}
	
	#col-1 li {
		border-bottom: 1px dotted #373735;
		color: 373735;
		padding: 3px;
		margin: 0;
		overflow: hidden;
		}
	#col-1 li a {
		font-size: 11px;
		text-align: left;
		font-weight: normal;
		padding: 5px 0 0 0;
		color: #373735;
		text-decoration: none;
		display: block;	
		overflow: hidden;
		}			
			
	#col-1 li a:hover { color: #373735; font-weight: bold;}
	#col-1 li a.active, #col-1 li a.active:hover { color: #373735; font-weight: bold;}


/*************/
	#col-1 ul ul {
		padding: 0 0 10px 5px !important;
		margin: 0 !important;
	}
	#col-1 li li {
		color: #3d3d3d;
		padding: 0;
		margin: 0;
		overflow: hidden;
		font-size: 11px;
		border: 0 !important;	
		list-style: inside;
		}
	#col-1 li li a {
		font-size: 11px;
		text-align: left;
		font-weight: normal;
		padding: 5px 0 0 0;
		color: #3d3d3d;
		text-decoration: none;
		display: block;	
		overflow: hidden;
		border: 0 !important;
		}			
			
	#col-1 li li a:hover { color: #552c90;}
	#col-1 li li a.active, #col-1 li li a.active:hover { color: #552c90;}



#col-1b {
	float: left;
	width: 730px;
	min-height: 100px;
	margin: 0 20px 0 0;
}

	#col-1b p{
		line-height: 18px;
	}

	#col-1b ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#col-1b li{
		font-family: Arial, Helvetica, sans-serif;;
		font-size: 12px;
		color: #3d3d3d;
		padding: 0 0 8px 10px;
		margin: 0 0 0 20px;
	}





#col-2 {
	float: left;
	width: 480px;
	min-height: 100px;
}

	#col-2 p{
		line-height: 18px;
	}

	#col-2 ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#col-2 li{
		font-family: Arial, Helvetica, sans-serif;;
		font-size: 12px;
		color: #3d3d3d;
		padding: 0 0 8px 10px;
		margin: 0 0 0 20px;
	}

	#col-2 li a{
		background: none !important;
	}

#main-highlight-box {
	float: left;
	width: 450px;
	min-height: 50px;
	border: 1px solid #e2e2e2;
	padding: 15px;
	margin: 0 0 15px 0 !important;
	background: #f5f5f5;	
}

#main-highlight-box h2{
	padding: 0 !important;
	margin: 0 !important;
}

#main-highlight-box2{
	float: left;
	width: 700px;
	min-height: 50px;
	border: 1px solid #e2e2e2;
	padding: 15px;
	margin: 0 0 15px 0 !important;
	background: #f5f5f5;
}

#main-highlight-box2 img{
	padding: 0 0 10px 10px !important;
}



#col-3 {
	float: left;
	width: 230px;
	display: inline;
	margin: 0 0 0 18px;
}

/*	#col-3 h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 19px;
		font-weight: normal;
		color: #552c90;
		padding: 0 0 10px 0;
		margin: 0;
	}
	*/
		#col-3 h1, #col-3 h1 a{
			width: 220px;			
			padding: 7px 0 6px 10px !important;
			font-size: 16px !important;
			color: white !important;
			font-weight: bold !important;
			background: url(../images/col3-title01-back.jpg) top left no-repeat;
		}	
	
	#col-3 p { font-family: Arial, Helvetica, sans-serif;;
		font-size: 12px;
		color: #3d3d3d;
		padding: 0 0 8px 0;
		margin: 0;	
	}	

		#col-3 ul{
			padding: 0 !important;
			margin: 5px 0 5px 20px !important;
		}
		#col-3 li{
			color: #373735;
			font-size: 12px;	
			margin: 0 0 0 10px;	
		}
		#col-3 li a{
			background: none;
		}



#col-3-box{
		float: left;
		width: 230px;
		background: url(../images/col3-box.jpg) bottom left no-repeat;
		margin: 0 0 10px 0 !important;
		padding: 0 !important;
	}



#col-4 {
	float: left;
	width: 730px;
	min-height: 100px;
}

	#col-4 p{
		line-height: 18px;
	}

	#col-4 ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#col-4 li{
		font-family: Arial, Helvetica, sans-serif;;
		font-size: 12px;
		color: #3d3d3d;
		padding: 0 0 8px 10px;
		margin: 0 0 0 20px;
	}

	#col-4 li a{
		background: none !important;
	}


#feature-box {
	float: right;
	width: 180px;
	padding: 10px;
	margin: 10px 0 10px 10px;
	background: #646464 url(../images/feature-box1-back.jpg) top left no-repeat;
	font-size: 11px;	
}

	#feature-box li{
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 11px;
		line-height: 18px;
		color: white;
	}

	#feature-box p{
		font-size: 11px;
		line-height: 18px;		
		color: white;		
	}


#feature-box2 {
	width: 460px;
	padding: 10px;
	background: #646464 url(../images/feature-box2-back.jpg) top left no-repeat;
	font-size: 11px;	
	margin: 10px 0 0 0;
}

	#feature-box2 li{
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 11px;
		line-height: 18px;
		color: white;
	}

	#feature-box2 p{
		font-size: 11px;
		line-height: 18px;		
		color: white;		
	}


#side-feature {
	float: left;
	width: 232px;
	min-height: 1px;
	background: white url(../images/sm-additional-title-back.jpg) top left no-repeat;
}
	#side-feature h1 {
		color: white;
		padding: 25px 0 0 10px;
		font-size: 20px;
		margin: 0 0 30px 0;
	}
	

	#side-feature li {
			border-bottom: 1px dotted #3d3d3d;
			color: #3d3d3d;
			padding: 3px;
			margin: 0;
			overflow: hidden;
			}
	#side-feature li a {
		font-size: 11px;
		text-align: left;
		font-weight: normal;
		padding: 5px 0 0 0;
		color: #3d3d3d;
		text-decoration: none;
		display: block;	
		overflow: hidden;
		}			
				
	#side-feature li a:hover { color: #3d3d3d;}
	#side-feature li a.active, #side-feature li a.active:hover { color: #3d3d3d;}


#downloads-feature {
	float: left;
	width: 232px;
	min-height: 1px;
	background: white url(../images/h1-downloads-back.jpg) top left no-repeat;
}
	#downloads-feature h1 {
		padding: 25px 0 30px 15px !important;
		font-size: 24px !important;
		color: white !important;		
	}

		#downloads-feature h1 a{
			font-weight: normal !important;
			color: white !important;			
		}

	#downloads-feature li {
			border-bottom: 1px dotted #3d3d3d;
			color: #3d3d3d;
			padding: 3px;
			margin: 0;
			overflow: hidden;
			}
	#downloads-feature li a {
		font-size: 11px;
		text-align: left;
		font-weight: normal;
		padding: 5px 0 0 0;
		color: #3d3d3d;
		text-decoration: none;
		display: block;	
		overflow: hidden;
		}			
				
	#downloads-feature li a:hover { color: #3d3d3d;}
	#downloads-feature li a.active, #downloads-feature li a.active:hover { color: #3d3d3d;}




/**************/
	#downloads2-feature {
		float: left;
		width: 205px;
		min-height: 35px;
		background: white url(../images/h1-downloads2-back.jpg) top left no-repeat;
		padding: 15px 10px 15px 15px;
		margin: 0 0 20px 0;
	}

	#downloads2-feature h1 {
		padding: 15px 0 30px 0 !important;
		font-size: 24px !important;
		color: white !important;		
	}

		#downloads2-feature h1 a{
			font-weight: normal !important;
			color: white !important;			
		}

		#downloads2-feature li {
				border-bottom: 1px dotted #3f84c7;
				color: #3d3d3d;
				padding: 3px;
				margin: 0;
				overflow: hidden;
				list-style: none;
				}
		#downloads2-feature li a {
			font-size: 12px;
			text-align: left;
			font-weight: bold;
			padding: 5px 0 5px 0;
			color: #3f84c7;
			text-decoration: none;
			display: block;	
			overflow: hidden;
			}			
				
		#downloads2-feature li a:hover { color: #3d3d3d;}
		
		.clear {clear: left;}

#outer-container #inner-container #col-2 ol ol {
	list-style-type: lower-alpha;
}
#outer-container #inner-container #col-2 ol {
	margin: 0px;
}
#outer-container #inner-container #col-2 ol li {
	margin: 0px !important;
}


