/* Global configs */

* {
	padding: 0px;
	margin: 0px;
}

body {
	margin: 0;
	padding: 0px 0px;
	color: #333333;
	font-family: tahoma, arial, georgia, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	background: url(../static_images/elements/bg.png) repeat-x;
	z-index: -1;
}

p {
	font-size: 1.1em;
	font-family: verdana, tahoma, arial, georgia, serif;
	font-weight: 100;
	margin: 0px 0px 2px 0px;
}

h2 {
	font-size: 1.0em;
	font-weight: 800;
	color: 2698CD;
	text-transform: uppercase;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 800;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: 800;
	font-size: 1em;
	text-transform: uppercase;
	color: #333333;
}

h5 {
	margin: 0px 0px 0px 15px;
	font-size: 1.0em;
	font-weight: 800;
	color: yellow;
	text-transform: uppercase;
}

a, a:link, a:visited {
	color: yellow;
	text-decoration: none;
}

input, textarea, select {
	font-size: 1.0em;
	font-family: tahoma, arial, georgia, serif;
}

input {
	padding: 2px;
}

input.button {
	height: 24px;
}









/* Main Structure, wrap the whole layout in a div to keep it narrow and centered */

#wrapper {
	position: relative;
	width: 760px;
	z-index: 1;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

/* Top absolutly positioned elements */

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 195px;
	background: url(../static_images/elements/logo_8.png) no-repeat;
	z-index: 3;
}

	#header h1 {
		display: none;
	}

	#header p a:link, #header p a:visited {
		color: #3c4b0d;
		text-transform: uppercase;
		background: url(../static_images/elements/bullet.png) left top no-repeat;
		padding: 3px 0px 3px 18px;
	}

	#header a.logo {
		display: block;
		width: 450px;
		height: 122px;
		cursor: hand;
		cursor: pointer;
	}

/* Navigation system classes */

#navigation {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 36px;
	width: 760px;
}

	#navigation ul {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 760px;
		height: 36px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

		#navigation ul li {
			display: block;
			float: left;
			list-style: none;
			margin: 0px 0px;
			padding: 0px;
			background: none;
		}

			#navigation ul li a:link, #navigation ul li a:visited {
				display: block;
				padding: 0px;
				height: 36px;
				text-decoration: none;
				font-weight: 800;
				text-transform: uppercase;
				float: left;
				color: white;
				cursor: hand;
			}

			#navigation ul li.button a:hover {
				color: #2698cd;
			}

			#navigation div.left {
				background: url(../static_images/elements/nav_buttons_01.png) top right;
				width: 10px;
				height: 36px;
				float: left;
			}

			#navigation div.center {
				background: url(../static_images/elements/nav_buttons_02.png) top center repeat-x;
				height: 26px;
				padding: 10px 1px 0px 1px;
				float: left;
				color: white;
			}

			#navigation div.right {
				background: url(../static_images/elements/nav_buttons_03.png) top left;
				width: 10px;
				height: 36px;
				float: left;
			}

			#navigation ul li a:hover div.left {
				background: url(../static_images/elements/nav_buttons_hover_01.png) top right;
			}

			#navigation ul li a:hover div.center {
				background: url(../static_images/elements/nav_buttons_hover_02.png) top center repeat-x;
				color: #2698cd;
			}

			#navigation ul li a:hover div.right {
				background: url(../static_images/elements/nav_buttons_hover_03.png) top left;
			}


/* Members login */

#login {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 234px;
	height: 70px;
	padding: 40px 10px 10px 10px;
	background: url(../static_images/elements/member_login.png);
}

	#login table {
		width: 234px;
		color: white;
		line-height: 1.3em;
	}

		#login table td {
			padding: 3px;
		}

		#login table td.title {
			text-align: right;
			font-weight: 800;
			text-transform: uppercase;
		}


	#login div.lostpw {
		position: absolute;
		right: -30px;
		top: 7px;
		height: 20px;
		width: 150px;
	}











/* Main body system classes */

#content {
	position: relative;
	padding: 195px 0px 0px 0px;
	margin: 0px;
	width: 760px;
}

	#body {
		position: relative;
		margin: 0px;
		width: 760px;
		border-top: 15px solid #2698cd;
		background: url(../static_images/elements/content_bg.jpg) bottom no-repeat #2598cf;
		z-index: 2;
	}

		#body p {
			color: white;
			padding: 0px 15px 15px 15px;
			margin-bottom: 10px;
			line-height: 1.5em;
		}

		#body h1 {
			color: #b3df26;
			padding: 0px 15px 15px 15px;
			line-height: 1.3em;
			font-size: 1.3em;
		}

		#body h2 {
			color: #b3df26;
			padding: 0px 15px 15px 15px;
			line-height: 1.3em;
			font-size: 1.1em;
		}

		#body div.left {
			width: 371px;
			float: left;
		}

			#body div.left div.block {
				margin: 15px 0px 15px 15px;
				padding: 15px 0px 0px 0px;
				background: url(../static_images/elements/black_bg.png);
			}

			#body div.block table {
				width: 326px;
				color: white;
				margin: 0px 15px 15px 15px;
				line-height: 1.3em;
			}

				#body div.block table td {
					padding: 3px;
				}

				#body div.block table td.title {
					text-align: right;
					font-weight: 800;
					text-transform: uppercase;
				}

		#body div.right {
			width: 371px;
			float: right;
		}

			#body div.right div.block {
				margin: 15px 15px 15px 0px;
				padding: 15px 0px 15px 0px;
				background: url(../static_images/elements/black_bg.png);
			}

			#body div.media {
				margin: 0px 15px 0px 15px;
				border: 1px solid white;
			}

		#body div.full {
			width: 730px;
			margin: 15px 0px 0px 15px;
			padding: 15px 0px 0px 0px;
			background: url(../static_images/elements/black_bg.png);
			float: left;
		}


		#body div.flash {
			margin: 15px;
		}

		body div.subnav {
			position: relative;
			width: 250px;
			margin: 0px 0px 15px 15px;
			float: right;
		}

			body ul.subnav {
				width: 250px;
				list-style: none;
				margin: 0px;
				padding: 0px;
			}

				body ul.subnav li {
					display: block;
					float: left;
					list-style: none;
					margin: 0px 0px;
					padding: 0px;
					background: none;
					font-size: 10px;
					line-height: 10px;
				}

					body ul.subnav li a:link, body ul.subnav li a:visited {
						display: block;
						padding: 8px 15px;
						width: 220px;
						height: 20px;
						text-decoration: none;
						font-weight: 800;
						text-transform: uppercase;
						float: left;
						background: url(../static_images/elements/subnav_bg.png);
						color: white;
					}

					body ul.subnav li a:hover {
						background: url(../static_images/elements/subnav_bg_hover.png);
						color: black;
					}

		body ul {
			padding: 0px 0px 0px 24px;
			margin: 0px 0px 18px 0px;
		}

			body ul li {
				list-style: none;
				background: url(../static_images/elements/bullet.png) left top no-repeat;
				padding: 0px 0px 1px 18px;
			}


		body ol {
			padding: 0px 0px 0px 28px;
			color: white;
			margin: 0px 0px 18px 24px;
		}

			body ol li {
				padding: 0px 0px 1px 4px;
			}



		hr.lesson {
			border: 0px;
			border-top: 1px solid white;
			margin: 0px 15px 10px 15px;
		}
























/* Footer elements */

#footer {
	position: relative;
	margin: 0px 0px 20px 0px;
	height: 65px;
	width: 730px;
	padding: 15px 15px;
	background: #2698cd;
	color: white;
	text-transform: uppercase;
}