/********** CORE **************************************************/

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

	body {
		font-family: Arial, sans-serif;
		font-size: 13px;
		color: #737373;
		background-color: #ffffff;
	}

	h1, h2, h3 {
		font-weight: bold;
		color: #ed2939;
	}

	h1 { font-size: 200%; }
	h2 { font-size: 120%; }
	h3 { font-size: 110%; }

	a { color: #525252; }
	a:hover { color: #ed2939; }

	p { margin: 8px 0; }

	#container {
		position: relative;
		margin: 0 auto;
		padding: 0 21px;
		width: 960px;
		background-color: #ffffff;
		background-image: url('../img/bg-container.gif');
		background-repeat: repeat-y;
	}

/********** TOP ***************************************************/

	#top {
		width: 960px;
		height: 153px;
	}

		#top a#o-logo {
			display: block;
			float: left;
			margin: 7px 0 0 25px;
			width: 342px;
			height: 146px;
		}

/********** MAIN **************************************************/

	#main {
		position: relative;
		padding-top: 7px;
		width: 960px;
		min-height: 655px;
		overflow: hidden;
	}

		#main div#content {
			float: left;
			padding-bottom: 32px;
			width: auto;
		}

			#content div#flashCard {
				width: 960px;
				height: 623px;
			}

		#main div#footer {
			position: absolute;
			z-index: 78;
			bottom: 10px;
			left: 20px;
		}

			#footer ul#servicenav {
				font-size: 80%;
				color: #737373;
			}

				#servicenav li {
					float: left;
					margin-right: 7px;
					padding-left: 8px;
					width: auto;
					background-image: url('../img/bg-nav-li.gif');
					background-repeat: no-repeat;
				}

					#servicenav li a {
						color: #737373;
						text-decoration: none;
					}

					#servicenav li a:hover { color: #ed2939; }

						#servicenav li a img { vertical-align: top; }

/********** BOTTOM ************************************************/

	#bottom {
		margin: 0 auto;
		width: 1002px;
		height: 22px;
		background-image: url('../img/bg-bottom.gif');
		background-repeat: repeat-x;
	}

	#bottom div.left, #bottom div.right {
		width: 21px;
		height: 22px;
		background-repeat: no-repeat;
	}

	#bottom div.left {
		float: left;
		background-image: url('../img/bg-bottom_left.gif');
	}

	#bottom div.right {
		float: right;
		background-image: url('../img/bg-bottom_right.gif');
	}

/********** MISCELLANEOUS *****************************************/

	.clearer { clear: both; }