/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #004B9C;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-bottom			: 10px;
	background-image		: url(../images/bkgrnd.gif);
	background-repeat		: repeat;
	behavior				: url("htc/csshover.htc");
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 972px;
	height					: 620px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	
	
}



/*###############
##### FONTS #####
###############*/ 


p{
	padding					: 5px 10px 5px 10px;
	margin					: 0px;
	font-size 				: 100%;
}



h1{
	padding		 			: 5px 10px 5px 10px;
	line-height				: 1.0em;	
	font-size 				: 140%;
	color					: #004B9C;
}

h2{
	padding		 			: 5px 10px 5px 10px;
	line-height				: 1.0em;	
	font-size 				: 120%;
	color					: #004B9C;
}

h3{
	padding		 			: 0px 5px 0px 5px;
	margin		 			: 5px 10px 5px 10px;
	line-height				: 2.0em;	
	font-size 				: 120%;
	color					: #004B9C;
	border					: 1px solid #CCC;
	background-color		: #C7D4F8;
}

.imageCaption{
	padding					: 0px;
	margin					: 0px;
	font-style				: italic;

}

ul li{
	padding 				: 0px 0px 10px 0px;
}


a{
	color					: #000;
	text-decoration			: none;
}

a:hover {
	color					: #000;
	text-decoration			: underline;
}

/*################
##### HEADER #####
################*/ 


#header{
	width					: 972px;
	height 					: 164px;
	background-image		: url(../images/bkgrnd_header.gif);
	background-repeat		: no-repeat;
	background-position		: top;
}

.logo{
	margin-left				: 60px;
	margin-top				: 60px;
	border					: none;
}



/*#################
##### CONTENT #####
#################*/ 
	
	
#content{
	width 					: 972px;
	display 				: block;
	color					: #2A70C7;
	line-height 			: 175%;
	background-image		: url(../images/bkgrnd_cont.gif);
	background-repeat		: repeat x;
	background-position		: top;
	
}

*html #content{
	height					: 320px;
	
}


#mainContent{
	padding					: 0px 0px 40px 0px;
	margin					: 20px 0px 0px 80px;
	width 					: 860px;
	display 				: block;
	float 					: left;
}

*html #mainContent{
	margin-left				: 40px;
}


#mainLeft{
	width 					: 266px;
	float					: left;
	
}

#mainRight{
	width 					: 580px;
	float					: right;
}


.flashMovie{
	margin					: 15px 0px 0px 10px;
	float					: right;
}



/*################
### NAVIGATION ###
################*/ 


#nav{
	margin-left				: 80px;
	
}


ul#navMain{
	
	list-style 				: none;
	line-height				: 2.4em;
	margin 					: 0px;
	padding					: 0px;
	display 				: block;

}

ul#navMain li{
	display 				: inline;
	margin-left				: 42px;
}


ul#navMain li a{
	
	margin					: 5px 0px 0px 0px;
	padding					: 0px 10px 0px 10px;
	display 				: block;
	float 					: left;
	font-weight				: bold;
	color					: #2A70C7;
	text-decoration 		: none;
	font-size 				: 110%;
	height 					: 33px;
	
}


#navMain li a:hover{
	background-color		: #2A70C7;
	color					: #ffffff;
}

#navMain li a.selected{
	background-color		: #2A70C7;
	color					: #ffffff;
}

#navMain li:hover ul, #navMain li:hover #navMain li:hover ul {
	display					: block;
}


/* sub menu */ 

#navMain li ul{
	margin					: 0px;
	padding					: 0px;
	display					: none;
	position 				: absolute;
	margin-top				: 8px;
	margin-left 			: 35px;
	border  				: 1px solid #9BB8E2;
}

*html #navMain li ul{
	margin-top				: 38px;
}


#navMain li ul.planningUL{
	margin-left 			: 142px;
}


*html #navMain li ul.planningUL{
	margin-left 			: -480px;
}



#navMain li ul.aboutUL{
	margin-left 			: 60px;
}


*html #navMain li ul.aboutUL{
	margin-left 			: -520px;
}



#navMain li ul li{
	display					: block;
	clear 					: both;
	margin 					: 0px;
}

*html #navMain li ul li{
	margin-top				: -2px;
}


#navMain li ul li a{
	display 				: block;
	text-decoration 		: none;
	margin-top				: 0px;
	padding 				: 8px 0px 0px 9px;
	clear 					: both;
	width 					: 182px;
	height 					: 28px;
	font-weight				: none;
	font-size				: 85%;
	background-color 		: #DBDFE8;
	border					: 0px none;
	border-top	 			: 1px solid #DBDFE8;
	border-bottom 			: 1px solid #FEFEFE;
	line-height 			: 110%;
}

#navMain li ul li a:hover{
	/*border					: 0px none;*/
}



/*################
##### FOOTER #####
################*/ 


#footer{
	height					: 146px;
	width					: 972px;
	line-height				: 1.2em;
	font-size				: 80%;
	color					: #666;
	clear					: both;
	background-image		: url(../images/bkgrnd_footer.gif);
	background-image		: no-repeat;
	
	
}


#copyright{
	padding-top 			: 5px;
	padding-left			: 80px;
	
}


#copyright a {
	text-decoration			: none;
	color					: #333;
}


#copyright a:hover {
	text-decoration			: underline;
}




/*###############
##### MISC. #####
###############*/ 

/* QUOTES */

/*#####################
##### TESTIMONIAL #####
#####################*/ 

.testimonial{
	display					: block;
	width					: 266px;
	min-height				: 60px;
	margin					: 20px 0px 30px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url('../images/bkgrndTestimonialTop.gif') top left no-repeat;
}
.testimonial p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 0px;
	font-size				: 14px;
	line-height				: 1.4em;
	color					: #666666;
}
.testimonialText{
	margin					: 0px 5px 0px 0px;
	padding					: 20px 50px 0px 60px;
	background				: url('../images/bkgrndTestimonialQuote.gif') bottom right no-repeat;
}



/* TEASERS */
.teaser a
{
	width					: 244px;
	height					: 65px;
	margin					: 20px 0px 0px 0px;
	padding					: 30px 15px 5px 7px;
	display					: block;
	color					: #FFFFFF;
	background				: url('../images/teaser.gif') top left no-repeat;

}
.teaser a:hover
{
	background				: url('../images/teaser.gif') bottom left no-repeat;
	text-decoration			: none;
}









.image{
	border					: 1px solid #0071CB;
}

.table{
	margin					: 0px 0px 0px 10px;	
	width					: 100%
}

.table td{
vertical-align:top;
}

.regulated{
	margin-top 				: 20px;
	padding-top 			: 20px;
	border-top				: 1px solid #DDDDDD;
	font-size 				: 100%;
	color 					: #666666;
}