html {
margin:0; padding:0;
}
body {
margin:0; padding:0;
background-color: #006DAF;
text-align: center;
}
div {
}
/******************************************
.classes used more than once for layout purposes
******************************************/
.SectionWrapper {
width: 810px; margin: 0 auto;
position: relative; float:left; clear: both;
background-color: #FFFFFF;
color: #06004E;
}

body.Popup .SectionWrapper {
width: 625px; margin: 0 auto;
position: relative; float:left; clear: both;
background-color: #FFFFFF;
color: #06004E;
}
.left {
}
.right {
}
.first {
}
.last {
}

/******************************************
#mainWrapper
******************************************/
#MainWrapper {
float: none;
}

/******************************************
#Header
******************************************/
#Header {
/* styles to unique to #header and to overight .sectionWrapper */
height: 225px; text-align: right;
}
	#Logo { 
	margin: 0;
	position: absolute; top: 11px; left: 13px;
	display: block; width: 331px; height: 206px;
	color: #FFFFFF;  text-align: left;
	background: #FFF url(../Images/graphics/Whpa-Logo.png) no-repeat left top;
	}
	#Logo a{ 
	display: block; width: 331px; height: 206px;
	}	
	#Logo span { 
	display: none; visibility: hidden;
	}	
	#Header img#HeaderImage {
	 vertical-align: bottom;
	}
	body.Popup #Header {
	height: 157px;
	}
/******************************************
#Navigation
******************************************/
#Navigation {
background: #00A5EB url(../Images/graphics/Navigation.png) repeat-x left bottom;
color: #FFFFFF;
padding: 0 6px; width: 798px;
}
	#Navigation ul,
	#Navigation li {
	list-style-image: none; list-style-type: none;
	margin: 0; padding: 0; float: left;	
	}
	#Navigation ul {
	clear: both; 
	}
	#Navigation li {
	font-size: 1.1em;
	}
	#Navigation li a {
 	display: block;
	background: #00A5EB url(../Images/graphics/Navigation.png) repeat-x left bottom;
	color: #FFFFFF; text-decoration: none; font-weight: bold;
	padding: 7px 14px 9px; position: relative; overflow: hidden;
	}
	
	#Navigation li a span {
	display: block; 
	}
	#Navigation li a span.CornerTopLeft,
	#Navigation li a span.CornerTopRight,
	#Navigation li a span.CornerBottomLeft,
	#Navigation li a span.CornerBottomRight {
	width: 4px; height: 4px; overflow: hidden; position: absolute;
	background-repeat: no-repeat; background-position: left top;
	}	

	#Navigation li a span.wrap {
	margin: 0;
	}
	#Navigation li a span.CornerTopLeft {
	left: 0; top: 0;
	background-position: left top;
	}	
	
	#Navigation li a span.CornerTopRight {
	top: 0; right: 0;
	background-position: right top;
	}	
	
	#Navigation li a span.CornerBottomLeft {
	left: 0; bottom: 0;
	background-position: left bottom;
	}	
	
	#Navigation li a span.CornerBottomRight {
	right: 0; bottom: 0;
	background-position: right bottom;
	}	
									
	#Navigation li a:hover {
	color: #FFFFFF; text-decoration: none; 
	 background-color: #00539A; background-image:url(../Images/graphics/NavigationHover.png);
	}
	#Navigation li a:hover span.CornerTopLeft,
	#Navigation li a:hover span.CornerTopRight,
	#Navigation li a:hover span.CornerBottomLeft,
	#Navigation li a:hover span.CornerBottomRight {
	background-image: url(../Images/graphics/NavCorners.gif); 
	}				
/******************************************
#Content - Content is the div that wraps all of the content.
******************************************/
#ContentWrap {
overflow: hidden; /*border: 1px solid #333333;*/

}
#ContentWrap div{

}
	/******************************************
	#MainContent
	******************************************/
	#MainContent {
	padding: 20px; float: left;
	width: 585px;
	}
	
	.Home #MainContent  {
	 width: 555px;
	}
	.Internal #MainContent  {
	
	}
	.Sponsors #MainContent  {
	 width: 770px;
	}
	
		
		/******************************************
		#Content
		******************************************/	
		#Content {
		
		}
			.Home #MainContent  {
			
			}
			.Internal #Content {
			background-image: url(../Images/graphics/SwirlBackgroundInternalContent.gif);
			background-repeat: repeat-y; background-position:106px top;
			width: 390px; empty-cells: show; float: right;
			}
			body.Popup #Content {
			width: auto; float: none; 
			}
		
			.Sponsors #Content {
			width: 575px;
			}
			
			.Home #Content {
			width: 100%; float: none;
			}
				.Home #Content  h1 {
				position: relative; z-index: 3;
				}
				.Home #Content img {
				margin-left: 20px; padding-bottom: 15px; position: relative; margin-top: -2.8em;  z-index: 2;
				}
		
		/******************************************
		#SideBannerImages
		******************************************/	
		#SideBannerImages {
		clear: both; float: left;
		width: 175px;
		margin: 0 20px 10px 0;
		}
			.Internal #SideBannerImages {
			clear: none;
			}
			.Internal #SideBannerImages {
			margin: 0 0 0 0;
			}			
		/******************************************
		#Profile
		******************************************/
		#Profile {
		background-color: #DBEAF4;
		width: 340px;
		float: right; position: relative;
		padding: 10px;
		margin: 0;
		}
		.Home #Profile  {
		
		}
		#Profile img{
		margin-right: 10px;
		}
		/******************************************
		#Results
		******************************************/	
		#Results {
		margin: 10px 0 0;
		width: 360px; float: right; position: relative;
		}
		/******************************************
		.MediaMenu
		******************************************/	
		.MediaMenu ul {
		list-style-image: none; list-style-type: none;
		margin: 0 0 15px; padding: 0;
		}
		.MediaMenu li {
		list-style-image: none; list-style-type: none;
		display: inline;
		margin: 0 10px 0 0; padding: 0;
		}
		.MediaMenu li a {
		border-right: 1px solid #009AD5; padding-right: 10px;
		}
		.MediaMenu a.firstItem{
		margin-left: 0;
		}
		.MediaMenu a.lastItem{
		border-right-style: none;
		}
		/******************************************
		#News
		******************************************/	
		#News {
		
		}
		
		#News .MediaDate {
		
		}
		#News br {
		display: none;
		visibility: hidden;		
		}
		#News .MediaAuthor {
		display: none;
		visibility: hidden;
		}
		#News .MediaDescription {
		display: none;
		visibility: hidden;
		}
/******************************************
#SubContent 
******************************************/
#SubContent {
float: left; padding: 20px 20px 10px; width: 175px;
}
	#SubContent div {
	margin: 0 0 10px;
	padding: 0; 
	background: #FFFFFF url(../Images/graphics/SwirlBackground.gif) no-repeat 50% 4.3em;
	}
	
	
/******************************************
#Sponsors
******************************************/
#Sponsors { 
width: 810px; padding: 0; position: relative; overflow: hidden;
}
	#Sponsors div {
	position: relative; left: 20px; 
	width: 770px; height: 60px;  overflow: hidden;
	border: 1px solid #0187CB;
	}
	#Sponsors ul {
	margin: 0 12px; padding: 0; list-style: none; 
	}
	
	#Sponsors ul li {
	margin: 0; padding: 0; list-style: none; 
	float: left; width: 185px; height: 60px;
	position: relative; 
	font-size: 1.0em;
    text-align: center;
    vertical-align: top;
	}	


	#Sponsors ul li a {
	 vertical-align: middle; width: 185px; line-height: 60px; height: 60px;
	}
	#Sponsors ul li img {
	vertical-align: middle; overflow: hidden;
	}
	#Sponsors ul li span {
	vertical-align: middle; line-height: 60px;
	}
	#Sponsors ul li img.VerticalFix {
	height: 60px; width: 1px;
	}	
	
	#Sponsors #NextSponsor,
	#Sponsors #PrevSponsor {
	position: absolute; z-index: 2;
	top: 1.5em; margin-top: 31px;
	}	
	
	#Sponsors #PrevSponsor {
	left: 12px;
	}	
	#Sponsors #NextSponsor {
	right: 12px;
	}
	

	
/******************************************
#Footer
******************************************/
#Footer {
padding: 10px 20px 20px 20px; width: 770px;	
}
	#Footer ul,
	#Footer li {
	list-style-image: none; list-style-type: none;
	margin: 10px 0; padding: 0;
	}
	#Footer ul {
	
	}
	#Footer li {
	font-size: 1.0em; line-height: 1.1;
	display: inline;
	}
	#Footer li a {
	text-decoration: none; color: #006DAF;
	border-right: 1px solid #006DAF;
	padding-left: 8px; padding-right: 8px; 
	}
	#Footer li a.firstItem {
	padding-left: 0;
	}
	#Footer li a.lastItem {
	text-decoration: none; color: #006DAF;
	border-right-style: none;
	}
	#Footer li a:hover {
	text-decoration: underline;
	}
	
/******************************************
#Gallery
******************************************/	
#Gallery {
	margin: 0;
	padding: 0;
	text-align: center;
}
#Gallery li {
	list-style-type: none;
	float: left;
	height: 120px;
	width: 120px;
	margin: 0 10px 20px 0;
	position: relative;
	text-align: center; vertical-align: middle;
}
#Gallery div {
text-align: center; vertical-align: middle;
}
#Gallery li a {

}
#Gallery li a img {
	vertical-align: middle; 
}

/******************************************
Media Releases
******************************************/

.MediaReleases {

}
.MediaReleases br{
display: none; visibility: hidden;
}
.MediaReleases .MediaTitle,
.MediaReleases .MediaAuthor,
.MediaReleases .MediaDescription,
.MediaReleases .MediaLink {
display: block;
}
body.Home .MediaTitle {
font-weight: normal;
}
	/******************************************
	Media Releases when in the Media Template
	******************************************/
	.Media .MediaReleases {
	margin: 0 0 15px; padding: 0;
	}
	.Media .MediaDate {
	float: left;
	}
	.Media .MediaAuthor {
	
	}
	.Media .MediaDescription {
	}
	.Media .MediaTitle {
	
	}

	
	.Media .MediaReleases .MediaTitle,
	.Media .MediaReleases .MediaAuthor,
	.Media .MediaReleases .MediaDescription,
	.Media .MediaReleases .MediaLink {
	margin-left: 90px; 
	}

#News .MediaReleases .MediaLink {
display: none; visibility: hidden;
}
/******************************************
#Print - print link in the popup template
******************************************/
#Print { position: absolute; top: 25px; right: 20px; }


/******************************************
Forms
******************************************/

form {
float: left; clear: both;
margin: 0; padding: 0;
width: 358px;
}

.Row {
float: left; clear: both;
margin: 0 0 10px; padding: 0;
width: 100%;
}

.Submit {
text-align: right;
}

/************************
p.label
************************/
p.label {
width: 100px; float:left; display: block; padding: 1px 0;
}
/************************
Labels
************************/
label {

}
span.required {
color: #CC0000; font-weight: bold; font-size: 1.1em;

}
.TextField label {
vertical-align: middle;

}
.TextArea label {
vertical-align: top;
} 

/************************
Field Styling
************************/
.TextField input {
vertical-align: middle; padding: 2px;
width: 22.7273em;   float:left; 
}
.TextArea textarea {
vertical-align: top; padding: 2px;
width: 22.7273em !important;  float:left; 
}

.Submit input {
padding: 2px 5px;
border-top: 1px none #000;
border-right: 1px none #000;
border-bottom:1px none #000;
border-left: 1px none #000;
background: #00A5EB url(../Images/graphics/Navigation.png) repeat-x left bottom;
color: #FFFFFF;
}