/* LAST UPDATED 09.15.08 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #c0c0c0 url('../images/bg-shadow.gif') center repeat-y;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #fff;
}

body#splash { background: #346984 url('../images/bg.gif') top repeat-x; }

body#track { background: #c0c0c0 url('../images/bg-shadowTrack.gif') center repeat-y; }

strong, em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

p, ul { padding: .5em 0; }

a {
	color: #75E7FF;
	text-decoration: underline;
}

a:hover { color: #000; }

a img { border: 0; }

.small { font-size: 90%; }

ul, ol { margin-left: 20px; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#secondaryNav ul {
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#secondaryNav li {
	float: left;
	padding-left: 12px;
}

#secondaryNav li a {
	color: #85c4ff;
	text-decoration: none;
}

#secondaryNav li a:hover { color: #fff; }

/* - - - - - - - - - - - - - - - - - - - - - */

#nav ul {
	margin: 0;
	padding: 3px 0;
	float: none;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: -1px;
	min-height: 16px;
}

#nav li {
	float: left;
	padding-left: 10px;
}

#nav li.first { padding-left: 0; }

#nav li a {
	color: #fff;
	text-decoration: none;
}

#nav li a:hover { color: #85c4ff; }

/* - - - - - - - - - - - - - - - - - - - - - */

ul#footerMain {
	margin: 0 0 0 55px;
	padding: 0;
	list-style: none;
	float: none;
	letter-spacing: -1px;
	height: 20px;
}

ul#footerMain li {
	float: left;
	padding-left: 12px;
}

ul#footerMain li a {
	color: #fff;
	text-decoration: none;
}

ul#footerMain li a:hover { color: #85c4ff; }

/* - - - - - - - - - - - - - - - - - - - - - */

ul#footerSecondary {
	clear: both;
	margin: 7px 0 0 280px;
	padding: 0;
	list-style: none;
	float: none;
	letter-spacing: -1px;
	height: 20px;
}

ul#footerSecondary li {
	float: left;
	padding-left: 12px;
}

ul#footerSecondary li a {
	color: #85c4ff;
	text-decoration: none;
}

ul#footerSecondary li a:hover { color: #fff; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	position: relative;
	width: 950px;
	font-size: 85%;
}

	#splash #wrap {
		padding-top: 398px;
		text-align: center;
	}

	#splash #wrap .marginRight { margin-right: 90px; }

#header { background: #0e1c27; }

	#secondaryNav {
		float: right;
		width: 500px;
		text-align: right;
		margin: 10px 27px 0 0;
		_margin-right: 13px; /* for ie6 */
	}

		#secondaryNav img {
			vertical-align: middle;
			margin-left: 5px;
		}

		#secondaryNav a { color: #fff; }

	#nav {
		clear: both;
		background: url('../images/bg-nav.gif') bottom left no-repeat;
	}

		#nav-bg {
			background: url('../images/bg-nav.gif') top left no-repeat;
			padding: 0 27px 0 18px;
		}

	#buttons {
		clear: both;
		height: 16px;
		padding-top: 12px;
		margin-right: 27px;
		text-align: right;
	}

		#buttons img {
			float: right;
			margin-left: 4px;
		}

#content {
	background: #346984 url('../images/bg.gif') top repeat-x;
	min-height: 444px;
}

	#track #content { background: #d82121 url('../images/bgTrack.gif') top repeat-x; }

	#subHeader {
		background: url('../images/subHeader.jpg') top no-repeat;
		height: 127px;
	}

		#subHeader-info {
			background: url('../images/subHeader-info.gif') top no-repeat;
			width: 365px;
			height: 104px;
			float: left;
			margin: 15px 0 0 10px;
			_margin-left: 5px; /* for ie6 */
			padding: 0 15px;
			color: #444;
		}

			#subHeader-info .regionBoundary {
				margin-top: -20px;
			}

	#polaroids {
		position: absolute;
		top: 191px;
		left: 656px;
		width: 240px;
		height: 107px;
		background: url('../images/polaroid.png') top no-repeat;
		_background-image: none; /* for ie6 */
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ayalacrosscountrytrack.publishpath.com/Websites/ayalacrosscountrytrack/templates/Ayala2008/Ayala2008/images/polaroid.png',sizingMethod='scale'); /* for ie6 */
	}

	#mainContent {
		clear: both;
		float: left;
		width: 690px;
		margin: 55px 0 35px 26px;
		_margin-left: 18px;
	}

	#home #mainContent {
		width: 700px;
		margin: 0 0 35px 16px;
		_margin-left: 8px;
	}

		.divider {
			clear: both;
			background: #3ea0c0;
			height: 20px;
			margin-bottom: .5em;
		}

		#home #mainContent #col-1 {
			float: left;
			width: 374px;
			margin-top: 16px;
			min-height: 654px;
			padding: 0 16px 0 0;
			background: url('../images/bg-sidebar.gif') top right no-repeat;
		}

			#home #mainContent #col-1 .col-1 {
				float: left;
				width: 179px;
				margin-bottom: 16px;
			}

			#home #mainContent #col-1 .col-2 {
				float: right;
				width: 179px;
				margin-bottom: 16px;
			}

		#home #mainContent #col-2 {
			float: right;
			width: 290px;
			margin: 45px 0 0 0;
		}

	#sidebar {
		float: right;
		width: 165px;
		min-height: 654px;
		padding: 0 25px;
		margin: 84px 0 35px 0;
		background: url('../images/bg-sidebar.gif') top left no-repeat;
	}

	#footer {
		clear: both;
		background: #000;
		color: #fff;
		padding-top: 35px;
		height: 75px;
		text-align: center;
	}

/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */

input { font-family: ; }

.textBox {
	
}

.submitButton {
	
}

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0 0 .5em 0;
	margin: 0;
	letter-spacing: -1px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 160%; }

h2 {
	font-size: 140%;
	text-transform: uppercase;
}

	#subHeader-info h2 {
		padding: .5em 0 .2em 0;
		color: #4890a8;
	}

h3 { font-size: 120%; }

h4 { font-size: 100%; }