body						{ text-align: center; margin: 0; padding: 10px 0; font-family: Arial, sans-serif; background: #1667B8 url('images/background.png') repeat-x; color: #000; }

#container					{ width: 760px; text-align: left; margin: 0 auto; background: #FFF url('images/border.gif') repeat-y 220px 0; }

#header						{ height: 117px; background: #FFF url('images/header.png') no-repeat; margin: 0; border-bottom: 20px solid white; }
* html #header				{ height: 137px; }
#header h1					{ display: none; }
#stats						{ padding: 45px 30px 0 0; font-size: 7.5pt; text-align: right; line-height: 100%; }
#account					{ padding: 28px 30px 0 0; font-size: 8pt; color: #3A516F; text-align: right; line-height: 100%; }
#account a					{ font-weight: bold; color: #3A516F; }
#account a:hover			{ color: #000; }

a img						{ border-style: none; }

#sidebar					{ float: left; width: 180px; padding: 10px 20px 0 20px; }
* html #sidebar				{ width: 220px; }

#menu ul					{ margin: 0; padding: 0; list-style-type: none; font-weight: bold; text-transform: uppercase; color: #0077B7; font-size: 9pt; }
#menu ul li					{ line-height: 175%; }
#menu a						{ display: block; text-decoration: none; color: #0077B7; background: transparent url('images/menu_bullet.gif') no-repeat center left; padding-left: 12px; }
#menu a.active,
#menu a:hover				{ color: #103B7A; background-image: url('images/menu_bullet_active.gif'); }
#admin-page #menu ul		{ margin-bottom: 15px; }

#eostats_button,
#calendar_button			{ margin: 20px 0 0 0; width: 180px; height: 55px; font-weight: bold; font-size: 9pt; text-transform: uppercase; }
#eostats_button a,
#calendar_button a			{ display: block; width: 170px; height: 35px; padding: 20px 0 0 10px; color: #FFF; text-decoration: none; background: #0077B7 no-repeat; }
* html #eostats_button a,
* html #calendar_button a	{ width: 180px; height: 55px; }
#eostats_button a			{ background-image: url('images/eostats_button.png'); }
#calendar_button a			{ background-image: url('images/calendar_button.png'); }
#eostats_button a:hover		{ background-image: url('images/eostats_button_hover.png'); }
#calendar_button a:hover	{ background-image: url('images/calendar_button_hover.png'); }

#search						{ margin: 10px 0 0 0; width: 180px; background: #3A434E url('images/search_bottom.png') no-repeat bottom; }
#search h2					{ margin: 0 0 -7px 0; padding: 15px 0 0 10px; height: 50px; background: #3A434E url('images/search_top.png') no-repeat; color: #FFF; font-size: 9pt; text-transform: uppercase; }
#search form				{ margin: 0; }
#search label				{ display: block; margin: 0 0 3px 10px; color: #BFD4EA; font-size: 9pt; font-weight: bold; }
#search select,
#search input				{ width: 160px; font-size: 9pt; margin: 0 0 7px 10px; border: 1px solid #BFD4EA; }
#search input				{ width: 156px; }
* html #search input		{ width: 160px; }
#search input.button		{ width: 160px; height: 25px; margin: 5px 0 12px 10px; border: none; background: #BFD4EA url('images/search_button.png') no-repeat; color: #103B7A; font-weight: bold; text-align: center; text-transform: uppercase; }

#content					{ float: right; width: 490px; padding: 10px 30px 0 20px; }
* html #content				{ width: 540px; }
#content h2					{ margin: 30px 0 20px 0; color: #103B7A; font-size: 11pt; text-transform: uppercase; }
#content h2.first			{ margin-top: 0; }
#content h3					{ margin: 20px 0 10px 0; color: #00669D; font-size: 9pt; text-transform: uppercase; }
#content h4					{ margin: 15px 0 5px 0; font-size: 9pt; }
#content p					{ margin: 15px 0; font-size: 9pt; }
#content ul,
#content ol					{ margin: 0 0 0 25px; padding: 0; font-size: 9pt; }
#content a					{ color: #103B7A; }
#content a:hover			{ color: #000; }
#content table				{ width: 100%; margin: 0; border-collapse: collapse; font-size: 9pt; }
#content table th			{ text-align: left; padding: 0; }
#content table td			{ padding: 0; }
#content table.profile		{ /* empty */ }
#content table.profile th	{ font-weight: normal; font-style: italic; }
#content table.profile th,
#content table.profile td	{ vertical-align: top; padding-bottom: 2px; }
#content img				{ vertical-align: middle; }
#content img.left			{ margin: 0 0.4em 0.4em 0; float: left; clear: left; }
#content img.right			{ margin: 0 0 0.4em 0.4em; float: right; clear: right; }

#content p.nav				{ margin-top: 0; color: #103B7A; text-align: center; }
#content p.nav a			{ font-weight: bold; text-decoration: none; }
#content p.nav a:hover		{ color: #103B7A; }

#content dl					{ margin: 0; padding: 0; font-size: 9pt; }
#content dt					{ float: left; clear: left; width: 125px; font-style: italic; }
#content dd					{ margin: 0 0 1px 125px; text-indent: -4px; }

#content hr					{ height: 1px; border-style: none; border-top: 1px solid #BFD4EA; padding: 0; margin: 5px 0; }
* html #content hr			{ margin: 0; }

#content div.block					{ /* empty */ }
#content div.block_fill				{ background: #BFD4EA url('images/block_bottom.png') no-repeat bottom; margin-top: 25px; padding: 0 20px 15px 20px; }
#content div.block_fill h3			{ margin: 0 -20px 0 -20px; padding: 15px 20px 0 20px; height: 35px; background: transparent url('images/block_top.png') no-repeat; }
* html #content div.block_fill h3	{ height: 50px; }
#content div.block_fill table		{ width: 450px; font-size: 8pt; }
#content div.block_fill table td	{ vertical-align: top; }
#content div.block_fill hr			{ border-color: #103B7A; }

#content form				{ margin: 0; padding: 0; font-size: 8pt; }
#content fieldset			{ margin: 0; padding: 0; border-style: none; }
#content label.block		{ display: block; float: left; clear: left; clear: both; width: 125px; padding-top: 3px; padding-right: 5px; }
* html #content label.block	{ width: 130px; }
#content select				{ margin: 1px 0; font-family: Arial, sans-serif; font-size: 8pt; }
#content input				{ margin: 1px 0; font-family: Arial, sans-serif; font-size: 8pt; }
#content input.button		{ margin: 10px 3px 0 0; padding-top: 1px; padding-bottom: 1px; }
#content input.reset		{ margin-top: 2px;}
#content textarea			{ margin: 1px 0; font-family: Arial, sans-serif; font-size: 8pt; }
#content br					{ clear: both; }

#content ul.nav				{ margin: 0 0 5px 0; padding: 1px 0px 1px 10px; list-style-type: none; font-weight: bold; font-size: 8pt; border-bottom: 1px solid #0077B7; }
#content ul.nav li			{ display: inline; margin: 0px 0px 0px 5px; }
#content ul.nav a			{ padding: 2px 5px; background-color: #0077B7; text-decoration: none; color: #FFF; }
#content ul.nav a:hover,
#content ul.nav a.active	{ color: #FFF; background-color: #103B7A; }

#footer						{ clear: both; height: 75px; background: #1667B8 url('images/footer.png') no-repeat; padding-top: 5px; border-top: 20px solid white; color: #FFF; font-size: 7.5pt; }
* html #footer				{ height: 100px; }
#footer #accreditors		{ margin: 0 0 0 10px; padding: 0; height: 35px; }
#footer #accreditors li		{ margin: 0 0 0 15px; padding: 0; list-style-type: none; display: inline; float: left; }
#footer p					{ clear: both; margin: 23px 0 0 0; text-align: center; }
* html #footer p			{ margin-top: 20px; }
#footer a					{ color: #FFF; }

#footer span.fontsize		{ cursor: pointer; }
#footer span.normal			{ font-size: 7.5pt; vertical-align: middle; }
#footer span.large			{ font-size: 10pt; vertical-align: middle; }
#footer span.huge			{ font-size: 12pt; vertical-align: middle; }