/* Reset Elements -------------------------------------------------- */

a, body, br, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, html, img, input, label, li, option, p, select, span, strong, textarea, ul {
	margin:  0;
	padding: 0;
}

/* Body and Layout Elements and Identifiers  ----------------------- */

body {
	background:     #eee;
	color:          #111;
	font:           62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 0.6em;
	text-align:     center;
}

#content {
	background: #f3f3f3 url('../../images/page-bg.gif') repeat-x;
	padding:    3em;
	width:      856px;
}

#content #left {
	float: left;
	width: 268px;
}

#content #leftwide {
	float: left;
	width: 552px;
}

#content #right {
	float: right;
	width: 268px;
}

#content #rightwide {
	float: right;
	width: 552px;
}

#content #wide {
	width: 856px;
}

#footer {
	background: transparent;
	border-top: 1px solid #ddd;
	clear:      both;
	font-size:  0.8333em;
	padding:    1.2em 3.6em;
	width:      856px;
}

#header {
	background: transparent;
	height:     232px;
	width:      928px;
}

#jumpmenu {
	background: transparent;
	left:       -4096px;
	position:   absolute;
	top:        -4096px;
	z-index:    99;
}

#maincontainer {
	background: transparent url('../../images/main-bg.gif') repeat-y;
	font-size:  1.2em;
	margin:     0 auto;
	text-align: left;
	width:      940px;
}

#mainpage {
	background: transparent url('../../images/masthead.jpg') no-repeat;
	margin:     0 0.5em;
	position:   relative;
	width:      928px;
}

/* Global Elements, Identifiers, and Classes --------------------------------- */

a:link, a:visited {
	color:           #36f;
	text-decoration: none;
}

a:hover, a:active {
	color:           #f83;
	text-decoration: none;
}

br.clear {
	clear:    both;
	height:   0;
	overflow: hidden;
}

dl.sitemap {
	margin-bottom: 0;
}

dl.sitemap dd {
	font-size:   0.9167em;
	line-height: 1.6364em;
	margin:      0 0 1.0909em 0;
}

dl.sitemap dd.foot {
	margin-bottom: 0;
}

dl.sitemap dt {
	font-weight:    bold;
	letter-spacing: 1px;
	margin:         0 0 0.5455em 0;
}

dl.sitemap dt a:link, dl.sitemap dt a:visited {
	color:           #333;
	text-decoration: none;
}

h2, h3 {
	color: #333;
}

h2 {
	font-size:   1.5em;
	font-weight: bold;
	margin:      0 0 0.3333em 0;
}

h3 {
	font-size:    1.3333em;
	font-variant: small-caps;
	font-weight:  bold;
	margin:       0 0 0.375em 0;
}

img {
	border:  none;
	display: block;
}

p {
	line-height: 1.6667em;
	margin:      0 0 1em 0;
}

span.blue {
	color: #00f;
}

span.date {
	color: #36f;
}

span.red {
	color: #f00;
}

strong {
	color: #333;
}

#content ul {
	line-height: 1.6667em;
	list-style:  none;
	margin:      0 0 1em 1em;
}

#content ul.features {
	margin: 0;
}

#content ul.features img {
	border: 1px solid #333;
	margin: 0 0 1.5em 0;
}

#content ul.features img.foot {
	margin-bottom: 0;
}

#content ul.features a {
	color:   #333;
	display: block;
}

#content ul.inductee, #content ul.graduate {
	margin: 0;
}

#content ul.inductee li, #content ul.graduate li  {
	width: 184px;
}

#content ul.inductee li.column1, #content ul.graduate li.column1  {
	margin-left: 0em;
}

#content ul.inductee li.column2, #content ul.graduate li.column2 {
	margin-left: 15.3333em;
}

#content ul.inductee li.column3, #content ul.graduate li.column3 {
	margin-left: 30.6667em;
}

#content ul.inductee li.reset {
	margin-top: -55.6667em;
}

#content ul.graduate li.reset {
	margin-top: -75.3333em;
}

#content ul.officers {
	margin: 0 0 1em 1em;
}

#content ul.officers li span {
	float: left;
	width: 360px;
}

#content img.foot, p.foot, ul.foot {
	margin-bottom: 0;
}

#footer ul li {
	display: inline;
}

#footer .active a {
	color: #111;
}

#footer #copyright {
	float:      right;
	margin-top: -1.2em;
}

#footer #copyright a span {
	color: #36f;
}

#formblock {
	background: #f3f3f3;
	border:     1px solid #ddd;
	padding:    2em;
	width:      502px;
}

#formblock form fieldset {
	border: none;
}

#formblock form input {
	border:      1px solid #ddd;
	display:     block;
	margin:      0 0 1em 0;
	padding:     0.1667em;
}

#formblock form label {
	display:     block;
	font-weight: bold;
	margin:      0 0 0.3333em 0;
	padding:     0;
}

#formblock form input.button {
	background: #eee;
	border:     1px solid #ddd;
	cursor:     pointer;
	display:    inline;
	margin:     0 0.6667em 1em 0;
	padding:    0.5em;
}

#formblock form input.button:hover {
	background: #deb;
	border:     1px solid #bd9;
	color:      #690;
}

#formblock form input.button:active {
	background: #666;
	color:      #fff;
	border:     1px solid #000;
}

#formblock form span.required {
	color:       #f00;
	font-weight: bold;
}

#formblock form textarea {
	border:  1px solid #ddd;
	display: block;
	margin:  0 0 1em 0;
	padding: 0.1667em;
}

#formblock form p {
	font-size: 0.8333em;
	margin:    0;
	padding:   0;
}

#header h1 {
	color:       #eee;
	display:     block;
	font-size:   3.1667em;
	font-weight: normal;
	left:        12px;
	margin:      0;
	position:    absolute;
	top:         6px;
}

#header p.ptk {
	background:   #fff;
	border:       1px solid #ddd;
	border-right: none;
	margin:       0;
	padding:      0 12px 0 12px;
	position:     absolute;
	right:        0;
	top:          6px;
}

#header p.subtitle {
	color:       #eee;
	display:     block;
	font-size:   1.6667em;
	font-weight: normal;
	line-height: normal;
	margin:      0;
	position:    absolute;
	right:       12px;
	text-align:  right;
	top:         176px;
}

#jumpmenu a:focus, #jumpmenu a:active {
	background: #fff;
	border:     1px solid #ddd;
	color:      #333;
	display:    block;
	font-size:  0.8333em;
	left:       4916px;
	padding:    0.6em;
	position:   absolute;
	text-align: center;
	top:        4102px;
	width:      96px;
}

#maincontainer div.foot {
	background: transparent url('../../images/main-bg_foot.gif') no-repeat;
	height:     6px;
	overflow:   hidden;
	width:      940px;
}

/* Menu Elements, Identifiers, and Classes -------------------------- */

#menubar {
	background:    #06c url('../../images/menu-bg.gif') repeat-x;
	border-top:    #036 1px solid;
	border-bottom: #036 1px solid;
	color:         #eee;
	font-weight:   bold;
	float:         left;
	width:         928px;
}

#menubar a:link, #menubar a:visited {
	background:      transparent;
	color:           #eee;
	text-decoration: none;
}

#menubar a:hover, #menubar a:active {
	background: #39f;
	color:      #eda;
}

#menubar li {
	display: inline;
}

#menubar ul {
	list-style: none;
	padding:    0 115px 0 36px;
	margin:     0;
}

#menubar ul li a {
	border-right: #036 1px solid;
	float:        left;
	padding:      1.1667em 0.5em 1.1667em 0.5em;
	text-align:   center;
	width:        7em;
}

#menubar .active a {
	background: #39f;
	color:      #eda;
}

#menubar .outline a {
	border-left: #036 1px solid;
}

#home #menubar .active a {
	border-left: #036 1px solid;
}

#menusub {
	background:     #06c;
	border-bottom:  #036 1px solid;
	color:          #eee;
	clear:          both;
	font-size:      0.8333em;
	font-weight:    bold;
	letter-spacing: 1px;
	width:          928px;
}

#menusub a:link, #menusub a:visited {
	background:  transparent;
	color:       #eee;
	font-weight: bold;
}

#menusub a:hover {
	color:           #eda;
	font-weight:     bold;
	text-decoration: none;
}

#menusub li {
	display: inline;
}

#menusub ul {
	line-height: 3em;
	margin:      0 0 0 36px;
}
