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

/* -------------------------------- page marking ---------------------------- */
body, html { height: 100%; }
body { background: #6ec1df; overflow-x: hidden; }
table { border-collapse: collapse; }

#main { width: 100%; margin: 0 auto; min-height: 100%; background: url('/images/header-background.png') repeat-x; }
*html #main { height: auto !important; height: 100%; }

#subheader { background: #d90000; background: #0e61b0; width: 100%; height: 5px; }

#header { height: auto; min-height: 105px; }
*html #header { height: auto !important; height: 105px; }
	#header .left { width: 32%; float: left; overflow: visible; text-align: left; } /*border: 1px solid #000;*/
	#header .right { width: 68%; float: left; overflow: visible; text-align: right; }

#menu1 { margin-top: 15px; display: -moz-inline-stack; display: inline-block; }
	#menu1 table { width: 100%; padding: 0; margin: 0; border: none; border-collapse: collapse; }
	#menu1 table td { width: 148px; text-align: center; white-space: nowrap; }
	#menu1 table td.separator { width: 15px; }
	#menu1 table td div.menuitem { position:relative;width: 148px; height: 30px; background: url('/images/menu1-item.png') no-repeat; color: #fff; padding-top: 3px; }
	#menu1 table td div.menuitem:hover { background: url('/images/menu1-item-hover.png') no-repeat; }
	#menu1 table td div.menuitem-active { width: 148px; height: 30px; background: url('/images/menu1-item-active.png') no-repeat; color: #fff; padding-top: 3px; }

#menu2 { margin-top: 30px; display: -moz-inline-stack; display: inline-block; }
	#menu2 table { width: 100%; padding: 0; margin: 0; border: none; border-collapse: collapse; }
	#menu2 table td { width: 163px; text-align: center; vertical-align: top; white-space: nowrap; }
	#menu2 table td.separator { width: 10px; }
	#menu2 table td div.menuitem { width: 163px; height: 20px; background: url('/images/menu2-item.png') no-repeat; color: #fff; }
	#menu2 table td div.menuitem:hover { background: url('/images/menu2-item-hover.png') no-repeat;  }
	#menu2 table td div.menuitem-red { width: 163px; height: 20px; background: url('/images/menu2-item-red.png') no-repeat; color: #fff; }
	#menu2 table td div.menuitem-red:hover { background: url('/images/menu2-item-red-hover.png') no-repeat; }

div.submenu { background: #64b1cf; color: #fff; padding: 5pt 10pt 5pt 0pt; margin: 15pt 0 15pt 0; }
	div.submenu div.menublock { margin: 0 0 8pt 15pt; }
	div.submenu div.menuitem { margin: 5pt 0; }
	/*#submenu div.bottom { height: 26px; margin-top: 20pt; background: url('/images/submenu-bottom.png') no-repeat top; }*/
#splash { height: 255px; overflow-y: hidden; }
#splash h1, #splash h2 { background: none; text-shadow: 1px 1px 0px #0a2846; }
#splash li { margin: 2pt 0 2pt 20pt; }

#footer { height: auto; min-height: 300px; margin-top: -300px; background: url('/images/footer-background-center.jpg') repeat-x center; }
*html #footer { height: auto !important; height: 300px; }
	#footer .left { height: 300px; padding-left: 12%; width: 36%; float: left; background: url('/images/footer-background-left.jpg') no-repeat left; }
	#footer .right { height: 300px; width: 52%; float: right; background: url('/images/footer-background-right.jpg') no-repeat right; }
#pusher { clear: both; height: 300px; visibility: hidden; }

.content { margin: auto 12%; clear: both; }
	.wide { width: 100%; clear: both; overflow: hidden; }
	.column1 { width: 30%; float: left; margin-bottom: 20pt; clear: both; overflow: hidden; }
	.column2 { width: 66%; float: right; margin-bottom: 20pt; overflow: hidden; }
	.tricolumn1 { width: 31%; float: left; margin-right: 3%; overflow: hidden; }
	.tricolumn2 { width: 31%; float: left; margin-right: 3%; overflow: hidden; }
	.tricolumn3 { width: 31%; float: left; overflow: hidden; }

/* ------------------------------- formatting ------------------------------- */
body, html {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0a2846;
	}

p { margin: 10pt 0; line-height: 1.2em; }
.margin3 { margin: 3pt 0; }
.margin5 { margin: 5pt 0; }
.margin10 { margin: 10pt 0; }
.margin15 { margin: 15pt 0; }
.margin20 { margin: 20pt 0; }

.clear { clear: both; }

/* tables */
table.data { width: 100%; border: none; border-collapse: collapse; border-spacing: 0px; }
table.data th { background: none; border: none; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 5pt 3pt; }
table.data tr { }
table.data td { padding: 5pt 3pt; border-bottom: 1px solid #b6dfef; border-top: 1px solid #b6dfef; }
table.noline td { padding: 5pt 0; border: none; }

/* news on main */
.newsdate { width: 60px; height: 20px; background: url('/images/newsdate-background.png') no-repeat center; color: #fff; text-align: center; font-size: 10pt; line-height: 1.4em; }
.newstitle { margin: 10pt 0 5pt 68px; position: relative; top: -26pt; margin-bottom: -18pt; }
.newstitle14 { margin: 10pt 0 5pt 68px; position: relative; top: -28pt; margin-bottom: -28pt; }
img.newsimage { float: right; margin: 5pt 0 5pt 10pt; background: #8bcde5; padding: 10px; display: -moz-inline-block; display: inline-block; }

/* news on main */
div.news-horizontal { width: 32%; margin-right: 1%; display: block; float: right; overflow: hidden; }
div.news-horizontal img, div.news-vertical img { float: right; width: 85px; height: 85px; margin-left: 7pt; border: 5px solid #8bcde5; }
div.news-vertical { width: 100%; margin: 7pt 0; display: block; float: left; overflow: hidden;  }

/* images and photos */
img { border: none; }
div.gallery { clear: both; text-align: center; }
div.gallery img { margin: 10px; padding: 5px; background: #f2f2f2; display: -moz-inline-stack; display: inline-block; vertical-align: top;  }
span.partner { background: #8bcde5; width: 200px; padding: 10px; margin: 7pt; display: -moz-inline-stack; display: inline-block; vertical-align: top; }
span.photo200 { background: #fff; width: 200px; padding: 15px; padding-bottom: 5px; margin: 5pt 10pt 5pt 0; border: 1px solid #d0d0d0; display: -moz-inline-stack; display: inline-block; vertical-align: top;  }
span.album200 { background: #f2f2f2; width: 200px; padding: 15px; margin: 0 15px 5px 0; float: left; display: -moz-inline-stack; display: inline-block; vertical-align: top; }
span.document180 { width: 180px; margin: 10pt 15px 10pt 15px; display: -moz-inline-stack; display: inline-block; vertical-align: top; }
span.document180 .border { width: 180px; height: 180px; background: #fafafa; }
span.document180 .border:hover { background: #fff; }
span.document180 .border img { width: 160px; height: 160px; margin: 10px; }
p img { background: #8bcde5; padding: 10px; display: -moz-inline-block; display: inline-block; }
p[align='left'] img, p[style*='left'] img { float: left; margin: 3pt 10pt 5pt 0; }
p[align='right'] img, p[style*='right'] img { float: right; margin: 3pt 0 5pt 10pt; }
/*
img.border2 { background: #efe5d0; padding: 2px; }
img.border3 { background: #efe5d0; padding: 3px; }
*/
img.border5,div.border5 { background: #8bcde5; padding: 5px; }
img.border10,div.border10 { background: #8bcde5; padding: 10px; }
img.border15,div.border15 { background: #8bcde5; padding: 15px; }
img.noborder { background: none; padding: 0px; }
img.radius5,div.radius5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url('./border-radius.htc'); }
img.radius10,div.radius10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url('./border-radius.htc'); }
img.radius15,div.radius15 { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url('./border-radius.htc'); }

/* lists */
ol,ul { margin: 0 0 10pt 0; }
li { margin: 5pt 0 5pt 25pt; }
div.file64 { padding: 15pt 0; padding-left: 80px; background: no-repeat left; }
div.file32 { padding: 2pt 0; padding-left: 40px; background: no-repeat left; }
div.file64 span, div.file32 span { white-space: nowrap; }

/* font size offlet */
.title24 { font-size: 25pt; }
.title20 { font-size: 21pt; }
.title18 { font-size: 19pt; }
.title16 { font-size: 17pt; }
.title14 { font-size: 15pt; }
.title12 { font-size: 13pt; }
.small { font-size: 9pt; }
.lite,.lite:visited { color: #47839e; }
.white { color: #fff; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.red { color: #f87c34; }

/* background blocks */
div.block { padding: 15pt; margin: 10pt 0; background-color: #8bcde5; }
div.line1 { clear: both; width: 100%; height: 1px; }
/*div.blue { background-color: #25a3e0; }
div.green { background-color: #8ac547; }*/
/*div.yellow { background-color: #fafaed; }*/
/*div.red { background-color: #f87c34; }
div.grey { background-color: #fafafa; }*/

/* page numbers */
span.page {
	background-color: #f2f2f2;
	display: inline-block;
	padding: 3pt 5pt;
	margin: 0 3pt;
	}

/* urls */
a { color: #fff; }
a:visited { color: #fff; }
a.nav,a.nav:visited { color: #fff; }
a.noline,a.noline:visited { text-decoration: none; }
a.noline:hover { text-decoration: underline; }
a.nolineno,a.nolineno:visited,a.nolineno:hover { text-decoration: none; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }
a.dash,a.dash:visited { text-decoration: none; border-bottom-style: dashed; border-bottom-width: 1px; color: #fff; }
a.white,a.white:visited { color: #ffffff; }
a.black,a.black:visited { color: #0a2846; }

/* forms and inputs */
form, input { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
label {	cursor: pointer; }
input, textarea, select {	font-family: Arial, Helvetica, sans-serif;
	color: #0a2846;
	font-size: 12pt;
	padding: 3pt;
	}
input.small, textarea.small, select.small { font-size: 10pt; }
input.large, textarea.large, select.large { font-size: 14pt; }
input.xlarge, textarea.xlarge, select.xlarge { font-size: 16pt; }
input.xxlarge, textarea.xxlarge, select.xxlarge { font-size: 20pt; }
input.xxxlarge, textarea.xxxlarge, select.xxxlarge { font-size: 26pt; }
input.x100, textarea.x100, select.x100 { width: 100%; }
input.x50, textarea.x50, select.x50 { width: 50%; }
input.x75, textarea.x75, select.x75 { width: 75%; }
input.x25, textarea.x25, select.x25 { width: 25%; }
input.x30, textarea.x30, select.x30 { width: 30%; }

/* headings */
h1, h2, h3, h4, h5, h6, .header {	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: normal;
	font-style: normal;
	color: #fff;
	background: url('/images/h-background.png') no-repeat right;
	/*text-transform: uppercase;*/
	}
h1, h2 { margin: 20pt 0 15pt 0; }
h3, h4, h5, h6 { margin: 15pt 0 10pt 0; }
/*h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }*/
h1:first-child, h2:first-child, h3:first-child { margin-top: 10pt; }
h1 { font-size: 24pt; }
h2 { font-size: 24pt; }
h3 { font-size: 20pt; }
h4 { font-size: 20pt; }
h5 { font-size: 16pt; }
h6 { font-size: 16pt; }

div.developer { padding: 10px 0; padding-left: 38px; line-height: 1.1em; display: block; background: url('/images/o9media32.png') no-repeat left; }
