/*CSS Reset*/

html, body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h5, h6 { font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }

input, select, textarea, table { font-size: 100%; }

img { border: 0px; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

/* basic styles */

a	 { color: #0357c4; }
a:visited { color: #466b9c; }
a:active, a:hover { color: #f69d1f; }

body {
	background: #b2b2b2;
	text-align: center;
	color: #595959;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}
	h2 { font: italic 18px Georgia, Times, serif; }

p {
	margin-bottom: 10px;
}

/* classes */
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.clear { clear: both; }

.floatleft { float: left; margin: 0px 1em 1em 0px; }
.floatright { float: right; margin: 0px 0px 1em 1em; }

.rlabel { text-align:right }
.loption { text-align:left; padding-top:3px;padding-left:6px }

.intro { font: 15px Georgia, Times, serif; }

.nav { background: url('../images/bg-gradient.gif') repeat-x; border: solid 1px #ccc; padding: 5px; margin-top:0px; margin-left: auto; margin-right:auto; margin-bottom: 10px; }
	.nav p { margin-bottom: 0px; }

/* layout */

#starburst {
	position: absolute;
	right: -10px;
	width: 160px;
	height: 111px;
	background: url('../images/starburst.png') no-repeat;
	z-index: 10;
}
	#starburst a {
		display: block;
		width: 160px;
		height: 111px;
		background: url('../images/starburst.png') no-repeat;
		text-indent: -999999px;
	}
    #starburst a:active {
        outline:none;
    }

    #starburst a:focus
    {
        -moz-outline-style: none;
    }

#container {
	width: 827px;
	margin: 0px auto;
	background: url('../images/bg.gif') repeat-y;
	text-align: left;
	position: relative;
}

.stages {
    margin-top:10px;
    text-align:left;
}

.stages td {
    padding: 0px 5px;
}

#container-inner {
	background: url('../images/bg-bottom.gif') no-repeat bottom left;
	width: 782px;
	padding: 0px 21px 39px 24px;
}

#top { height: 145px; position: relative; }

	#toplinks {
		margin: 0px;
		padding: 10px 0px;
		list-style: none;
		background: #8cc818;
		line-height: 10px;
		text-align: center;
	}
		#toplinks li { display: inline; border-right: solid 1px #fff; padding: 0px 10px 0px 5px }
		#toplinks li.last { border-right: none; }
		#toplinks a {
			color: #fff;
			text-decoration: none; 
			font-size: 10px;
		}
		#toplinks a:hover { text-decoration: underline; }
		
	#logo, #logo a {
		display: block;
		margin: 0px;
		padding: 0px;
		background: url('../images/logo.gif') no-repeat -7px 5px;
		width: 282px;
		height: 108px;
		text-indent: -99999px;
	}

    #logo a:active {
        outline:none;
    }

    #logo a:focus
    {
        -moz-outline-style: none;
    }
	
	#tag {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 97px;
		right: 30px;
	}

#body-splash, #body-content {
	background: url('../images/bg-gradient.gif') repeat-x;
	padding: 15px 32px;
}

	#splash-box1 {
		background: url('../images/splash-boxes.gif') no-repeat;
		width: 295px;
		height: 268px;
		float: left;
		padding: 5px 25px 10px 25px;
		margin-bottom: 10px;
	}
	
	#splash-box4 {
		background: url('../images/splash-boxes3.gif') no-repeat top right;
		width: 295px;
		height: 268px;
		float: right;
		padding: 5px 25px 10px 25px;
		margin-bottom: 10px;
	
	}

	#splash-box2 {
		background: url('../images/splash-boxes.gif') no-repeat top left;
		width: 295px;
		height: 268px;
		float: left;
		padding: 5px 25px 10px 25px;
		margin-bottom: 10px;
	
	}
		.pic { text-align: center; margin-bottom: 0px; }
	
	#splash-box3 {
		clear: both;
		background: url('../images/splash-boxes3.gif') no-repeat bottom left;
		width: 295px;
		height: 90px;
		padding: 10px 25px;
		position: relative;
		margin-bottom: 20px;
	}
		#splash-box3 h2.first {
			position: absolute;
			top: 25px;
			left: 25px;
		}
		#splash-box3 h2.second {
			position: absolute;
			top: 72px;
			left: 25px;
		}
		
		#splash-box3 p {
			margin-top:5px;
			margin-left: 70px;
			padding: 5px 0px 5px 20px;
		}

#footer {
	background: #78b10b;
	padding: 10px 30px 20px 30px;
	color: #fff;
	font-size: 11px;
	text-align:right;
}

#footer a:link, #footer a:visited {
    color: #fff;
    text-decoration: none;
}

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