/**************************************************************
COMMON COLORS:
--------------------------------------------------------------
red			#f9a885
blue		#70b7d6
yellow		#f9f4b3
**************************************************************/

html, body {
	font-size: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

h2, ul, p {
	margin: 0;
	padding: 0 0 10px 0;
}

a {
	color: #70b7d6;
	text-decoration: underline;
}
a:hover {
	color: #f9a885;
}

#outerContainer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #70b7d6;
	font-size: 12px;
}

#outerHeader, #outerNav, #outerContent {
	display: block;
	clear: both;
}

#outerHeader {
	background-color: #f9a885;
}

#outerNav {
	border-bottom: 5px solid #fff;
}

#outerContent {
	background: no-repeat top center #70b7d6;
}
/*************************************************************
BACKGROUND IMAGES********************************************/
#aboutPage #outerContent {
	background-image: url(../images/bg_about.jpg);
}
#awardsPage #outerContent {
	background-image: url(../images/bg_awards.jpg);
}
#productsPage #outerContent {
	background-image: url(../images/bg_products.jpg);
}
#registrationPage #outerContent {
	background-image: url(../images/bg_registration.jpg);
}
#sponsorsPage #outerContent {
	background-image: url(../images/bg_sponsors.jpg);
}

/************************************************************/

#header, #nav, #content {
	width: 800px;
	margin: 0 auto;
}

#nav {
	width: 1024px;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 6px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#nav ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 10px;
}
#nav ul li.last {
	border-right: none;
}
#nav ul li a {
	color: #fff;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a.on {
	color: #f9f4b3;
}

#subNav ul {
	list-style-type: none;
	margin: 3px 0 0 40px;
	padding: 0 0 0 20px;;
	font-weight: bold;
	position: absolute;
	background: url(../images/subArrow.png) no-repeat top left;
}
#subNav ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 10px;
}
#subNav ul li.last {
	border-right: none;
}
#subNav ul li a {
	color: #fff;
	text-decoration: none;
}
#subNav ul li a:hover, #subNav ul li a.on {
	color: #f9f4b3;
}

#content {
	min-height: 440px;
	height: auto !important;
	height: 440px;
}

#innerContent {
	margin: 0;
	padding: 117px 0 0 105px;
}

#innerContent div.frame {
	width: 315px;
	height: 245px;
	overflow: auto;
}

#innerContent h1 {
	position: absolute;
	margin-top: -85px;
	margin-left: -55px;
}

#innerContent a {
	background-color: #fff;
}

.alert {
	border: 3px solid #6e84bb;
	text-align: center;
	font-weight: bold;
	color: #f9a986;
	margin-bottom: 10px;
}
.alert p {
	padding: 5px;
}
.alert a {
	color: #f9a986;
	text-decoration: underline;
}
.alert a:hover {
	color: #6e84bb;
}

.sponsorTBL {
	width: 100%;
	border: 2px solid #fff;
	padding: 2px;
	margin-bottom: 10px;
}
.sponsorTBL td {
	vertical-align: top;
}
.sponsorTBL a {
	font-weight: bold;
}
.sponsorTBL a img {
	border: 1px solid #000;
}
.sponsorTBL a:hover img {
	border: 1px solid #f9a885;
}