/* import common libraries */

@import url("reset.css");
@import url("clearfloats.css");
/*@import url("forms.css");*/

/* import finished */

html, body { height: 100%; }

body {
	background: #e0dfd2 url('../gfx/slight_fade.jpg') repeat-x; /*  fixed top center */
	text-align: center;
	margin: 0;
	font-family: arial;
	color: #000;
	font-size: 12px;
	line-height: 16px;
}

h1, h2, h3, h4, h5, h6, h7 { color: #224a9f; line-height: 2em; font-weight: bold; }
h1 { font-size: 15px; }
h1.multiline { line-height: 1.2em; margin-bottom: 1.2em; }
h2 { font-size: 13px; line-height: 16px; }
a { color: #0c9fdf; }

p { margin-bottom: 1em; }
strong { color: #000; }

.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	position: relative;
	background-color: #fff;
	min-height: 100%;
}

.topbar {
	width: 920px;
	height: 242px;
	background: #000 url('../gfx/header_banner.jpg') no-repeat top center;
	float: left;
	position: relative;
}

.contact-tab { position: absolute; right: 16px; bottom: 0; width: 211px; height: 38px;
	background: transparent url('../gfx/contact_language_tab.png') no-repeat; }

.menubar {
	width: 920px;
	height: 38px;
	background: #ffffff url('../gfx/menubar_tile.jpg') repeat-x;
	float: left;
}

.contact-tab ul { margin: 0 auto; margin: 12px 0 0 22px; padding: 0; list-style: none; }
.menubar ul { float: left; margin: 11px 0 0 12px; padding: 0; list-style: none; }
.menubar ul li, .contact-tab ul li { height: 12px; float: left; display: block; padding: 0 12px 4px 12px; border-right: 1px solid #fff; }
.menubar ul li.last, .contact-tab ul li.last { border-right: 0; }
.menubar ul li a, .contact-tab ul li a { color: #fff; font-size: 11px; text-decoration: none; text-transform: uppercase; }
.menubar ul li a:hover, .contact-tab ul li a:hover { text-decoration: underline; }

.contact-tab ul li a { font-weight: bold; }

.content { margin-top: 16px; float: left; width: 920px; }

.sidebar { width: 185px; }
.sidebar div { float: left; width: 185px; }
.sidebar .top { height: 12px; background: #fff url('../gfx/sidebar_bg_top.png') no-repeat; }
.sidebar .bottom { height: 12px; background: #fff url('../gfx/sidebar_bg_bottom.png') no-repeat; }
.sidebar .tile { background: #fff url('../gfx/sidebar_bg_tile.png') repeat-y; margin: 0; padding: 0; }
.sidebar .tile div.boxit { width: 165px; min-width: 165px !important; max-width: 165px !important; padding: 0 10px; }

ul.quicklinks { padding-left: 18px; margin-top: 2px; padding-top: 0; }
ul.quicklinks li { font-size: 12px; padding: 6px 0; }

.lcol { float: left; margin-left: 16px; }
.rcol { float: right; margin-right: 16px; }

.mcol { float: left; width: 495px; margin-left: 21px; }
.mcol p { padding-right: 12px; }

div.sponsor_block { margin: 0 0 10px 4px; width: 162px; }/* border-bottom: 2px solid #727171;*/

/***********************

structured tables

***********************/

table, table td, table th {
	border-collapse: collapse;
	border: 1px solid #fff;
	padding: 8px;
	font-size: 11px;
}
table { border: 2px solid #afafaf; margin: 2em 0; } /* width: 100%; */
table th { background-color: #00aeef; color: #fff; font-size: 13px; }
table th.divider { background-color: #00aeef; color: #fff; }
table th em { font-size: 11px; font-weight: normal; }
table tr { background-color: #dfdfdf; }
table tr:hover { background-color: #fff; }


/***********************

page footer, etc
push height must equal footer height, if using push
also, check notes in .wrapper above

***********************/

/*.push { height: 28px; width: 100%; margin: 0 auto; }*/
.footer {
	/*width: 100%; height: 16px !important; margin: 0 auto; padding-top: 12px !important;
	text-align: center; font-weight: bold; color: #c9c9c9;
	background: transparent url('/images_v3/footer_bar.png') no-repeat top center;
	overflow: hidden;
	position: relative;*/
}

/***********************

miscellaneous

***********************/

/* need to do something better than this...: */
.bigger, .bigger p { font-size: 1.3em; line-height: 1.2em; }

.break { padding: 8px; text-transform: uppercase; background-color: #fff; border: 1px solid #b4d3e1; text-align: center; margin-bottom: 12px; }

.pagination { border: 1px solid #3baee0; background-color: #fff; padding: 8px; font-size: 10px; margin-bottom: 12px; }

.clickable { cursor: pointer; }
.boldish { font-weight: 700; font-size: 1.2em; }
.alert { color: #ff0000; }
.alertok { color: #8dc63f; }
.hidden { display: none; }

span.alertok, span.alert {
	background: transparent url('/gfx/icons/delete.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0;
}
span.alertok {
	background: transparent url('/gfx/icons/accept.png') no-repeat top left;
}
.msg { font-size: 9px; font-style: italic; }