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


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #FFFFFF;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #CCCCFE;
}


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


#container{
	width					: 901px;
	height					: auto;
	margin					: 20px auto 0px auto;
	text-align				: left;
	background-color		: #FFF;
	display					: block;
	background-image		: url(../images/extendBkgrnd.png);
	background-position		: top;
	background-repeat		: repeat-y;
}



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

 
p{
	padding		 			: 5px 20px 15px 20px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 115%;
	line-height				: 1.5em;
}



h1{  /*  Page Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 20px 5px 20px;
	line-height				: 1.2em;
	font-size 				: 160%;
	font-weight				: normal;
	border-bottom			: 1px solid #FFFFFF;
}


h2{  /*  Sub Headings */
	padding		 			: 0px 0px 0px 0px;
	margin					: 15px 0px 15px 20px;
	line-height				: 1.2em;
	font-size 				: 140%;
	color					: #FFFF66;
	font-weight				: bold;
}


h3{  /*  Home Page */
	padding		 			: 0px 0px 0px 0px;
	margin					: 5px 0px 5px 0px;
	line-height				: 1.2em;
	font-size 				: 140%;
	color					: #41383C;
	font-weight				: bold;
	text-align				: center;
}


a{
	color					: #FFFFFF;
	text-decoration			: underline;
}

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


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

#header{
	width					: 901px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


ul.navMain{
	margin 					: 0px 0px 0px 2px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 893px;
	height					: 23px;
	border					: 2px solid #38267A;
	background-image		: url(../images/navBkgrnd.gif);
	background-position		: top left;
	background-repeat		: repeat-x;
	
}

html* ul.navMain{
	margin 					: -3px 0px 0px 2px;
	
}

ul.navMain li{
	display 				: inline;
}


ul.navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 16px 0px 16px;
	display 				: block;
	float 					: left;
	color					: #AFBCE0;
	text-decoration 		: none;
	font-size 				: 13px;
	line-height				: 1.8em;
	height 					: 23px;
	border-right			: 1px solid #38267A;
}

*html ul.navMain li a{
	padding					: 0px 16px 0px 16px;
}

.navMain li a:hover, .navMain li a.selected{
	text-decoration 		: none;
	color					: #FFFFFF;
	background-image		: url(../images/navBkgrndOver.gif);
	background-position		: top left;
	background-repeat		: repeat-x;
}



/*###############
#### CONTENT ####
###############*/ 
	


#content{
	margin					: 0px 0px 0px 0px;
	padding					: 30px 0px 30px 0px;
	width 					: 901px;
	min-height				: 431px;
	display 				: block;
	background-image		: url(../images/contentBkgrnd.jpg);
	background-position		: bottom center;
	background-repeat		: no-repeat;
}


*html #content{
	padding					: 30px 0px 0px 0px;
}


#content ul{
	margin					: 0px 20px 0px 0px;
	padding		 			: 0px 0px 0px 40px;
}


#content ul li {
	padding		 			: 0px 0px 10px 0px;
	font-size 				: 115%;
	line-height				: 1.5em;
	color					: #FFFFFF;

}


#contentFull{
	margin					: 0px 15px 0px 30px;
	padding					: 0px 0px 0px 0px;
	width 					: 844px;
	display 				: block;
	float 					: left;
	
}

*html #contentFull{
	margin					: 0px 10px 0px 15px;
	
}

#contentFullInner{
	background-image		: url(../images/middleWide.gif);
	background-position		: top left;
	background-repeat		: repeat-y;
	min-height				: 360px;
	
}

*html #contentFullInner{
	height					: 360px;
	
}

#contentFullInnerWGE{
	background-image		: url(../images/middleWideWGE.jpg);
	background-position		: top left;
	background-repeat		: repeat-y;
	min-height				: 380px;
	
}

*html #contentFullInnerWGE{
	height					: 380px;

}

#contentFullBorder{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 844px;
	height					: 9px;
	display 				: block;
	float 					: left;
	
}





#contentLeft{
	margin					: 0px 0px 0px 30px;
	padding					: 0px 0px 0px 0px;
	width 					: 394px;
	display 				: block;
	float 					: left;
	
}

*html #contentLeft{
	margin					: 0px 0px 0px 15px;
	
}


#contentLeftInner{
	background-image		: url(../images/middleNarrow.gif);
	background-position		: top left;
	background-repeat		: repeat-y;
	min-height				: 360px;
	
}

*html #contentLeftInner{
	height					: 360px;
	
}


#contentBorder{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 394px;
	height					: 9px;
	display 				: block;
	float 					: left;
	
}

#contentRight{
	margin					: 0px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 440px;
	min-height				: 350px;
	float					: right;
}

*html #contentRight{
	height					: 350px;
	margin					: 0px 0px 0px 0px;
	
}





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


#footer{
	width					: 821px;
	display					: block;
	line-height				: 1.2em;
	font-size				: 11px;
	color					: #666;
	clear					: both;
	margin					: 0px auto 0px auto;
	padding		 			: 5px 40px 10px 40px;
	text-align				: right;
	background-color		: #CCCCFE;
	
}

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


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





/*################
##### TABLES #####
################*/ 


.table{
	width					: 355px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.table td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
}

.tableWide{
	width					: 750px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.tableWide td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
	
}


.tablePopup{
	width					: 550px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.tablePopup td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
	
}


/*###############
##### FORMS #####
###############*/ 


.formField{
	width 					: 250px;
	font-family				: Arial, Helvetica, sans-serif;
}

.formField1{
	width 					: 256px;
	font-family				: Arial, Helvetica, sans-serif;
}


.formArea{
	width 					: 250px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 100%;
}


.submitBtn{
	margin					: 20px 35px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}

*html .submitBtn{
	margin					: 32px 32px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

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

.accreditation{
	display					: block;
	width					: 400px;
	height					: auto;
	text-transform			: uppercase;
	background-color		: #000000;
	color					: #FFFFFF;
	font-size				: 10px;
	line-height				: 1.4em;
	padding					: 5px 10px 5px 10px;
	margin					: 10px 0px 0px 20px;
	border					: 2px solid #FFFFFF;
}

.hr{
	height					: 1px;
	color					: #CCCCCC;
}

.clear{
	clear					: both;
	height					: 1px;
}

.imgLeft{
	float					: left;
	border					: 3px solid #FFFFFF;
	margin					: 10px 20px 15px 25px;			

}

.imgRight{
	float					: right;
	border					: 3px solid #FFFFFF;
	margin					: 10px 20px 15px 25px;			

}