/* 
   ---^---^---^---^---^---^---^---^---^---^---
    last updated on the 16th of June, 2008
	coded by SymiSun.com, copyright (c) 2008 
   ---^---^---^---^---^---^---^---^---^---^---
*/

/* global reset
---^---^---^---^--- */
* {margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; vertical-align:baseline; outline:0}
table {border-collapse:separate; border-spacing:0}
table td, table th {word-wrap:break-word /*CSS3*/}
caption, th, td {text-align:left; font-weight:normal}
tr, td {vertical-align:top}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
p {margin:0 0 10px 0}
h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family:arial}
pre, blockquote, label, fieldset, address {margin:0 10px}
li, dd {padding-left:12px; background:url('img/arrow-blue.gif') no-repeat left 6px}
ul, ol {list-style:none}
img {border:none}
/* global links styling */
a:link {text-decoration:none; color:#06c; cursor:pointer}
a:hover, a:visited {color:#444243; text-decoration:underline}
a:active {color:#58b}
a.external:link, a.external:active, a.external:visited {padding-right:12px; background:url('img/wiki.gif') no-repeat top right}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none}
h1, h1 a {color:#de4a22; border-bottom:3px double #ffc75b; font-family:"century gothic"; padding:0 10px 10px; margin:0 0 10px 0}
h2, h2 a {color:#390f10}
h3, h3 a {color:#329fc8}
/* general */
html, body {height:100%}
html {background:#087397 url('img/bg.jpg') repeat-x top left;}
body {
	line-height:1;
	background:url('img/photo-bg.gif') no-repeat 50% 140px;
	color:#222;
	text-align:center;
	margin:0;
	font:normal 13px arial,helvetica;
	behavior:url('csshover.htc')
	}
/* headings */
h1 {font-size:17px} h2 {font-size:13px} h3 {font-size:12px} h4 {font-size:11px} h5 {font-size:10px} h6 {font-size:15px; color:#069; border-bottom:1px solid #ddd}
/* forms */
label {font-weight:bold; cursor:pointer; cursor:hand; display:block; margin:0}
form label.required {background-image:url('img/required.gif'); background-repeat:no-repeat; background-position:60px 0px}
form label.problem {background-image:url('img/caution.gif'); background-repeat:no-repeat; background-position:60px 0px}
form label.completed {background-image:url('img/complete.gif'); background-repeat:no-repeat; background-position:60px 0px}

/* defining layers
---^---^---^---^--- */
#glo {width:774px; margin:0 auto -60px auto; min-height:100%; height:auto; text-align:left}
* html #glo {height:100%}
.d {position:relative}
/* header */
#header {height:140px; background:url('img/header.jpg') no-repeat top left}
#header img {display:inline}
.photo {text-align:center; height:200px}
#ss {width:770px; height:180px}
/* footer */
#wsbf {height:70px}
.footer {font-size:12px; text-align:center; height:60px; background:url('img/footer.gif') repeat-x bottom center}
.footer-text {color:#333; padding-top:10px; font-size:11px}
.ram {color:#acd1dd}
.footer a {color:#369; text-decoration:none}
.footer a:hover {color:#036; text-decoration:underline}

/* menu
---^---^---^---^--- */
#nav {height:57px; font:normal 11px tahoma; width:550px; position:absolute; top:0; right:10px}
#nav ul {margin:0; list-style:none; float:right}
#nav li {
	float:left;
	display:inline;
	position:relative;
	padding:0 0 0 9px;
	margin:0 0 0 -2px;
	background:none
	}
#nav li a:hover {border-bottom:3px solid #064f68}
#nav a {
	float:left;
	display:block;
	position:relative;
	left:-9px;
	margin-right:-9px;
	width:.1em;
	padding:28px 12px 12px 12px;
	text-decoration:none;
	color:#b9b9b9;
	white-space:nowrap
	}
#nav > ul a {width:auto}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none}
/* End IE5-Mac hack */
#nav em {font-weight:bold; font-style:normal; font-size:12px; color:#fff}
#nav #current a {color:#b3d4e7; border-bottom:3px solid #e6b600}

/* submenu
---^---^---^---^--- */
.fwto {position:absolute; left:245px; top:73px; width:120px; height:25px}
.xart {position:absolute; left:245px; top:103px; width:120px; height:25px}
.gues {position:absolute; left:380px; top:73px; width:140px; height:25px}
.cont {position:absolute; left:380px; top:103px; width:140px; height:25px}
.sund {position:absolute; left:530px; top:73px; width:110px; height:25px}
.vrav {position:absolute; left:530px; top:103px; width:110px; height:25px}
.tile {position:absolute; left:645px; top:73px; width:110px; height:25px}
.site {position:absolute; left:645px; top:103px; width:110px; height:25px}

/* content
---^---^---^---^--- */
.text {border-top:3px solid #0976af; float:right; width:571px; margin:10px 0 0 15px}
.text-top {background:url('img/main-top.jpg') no-repeat top left}
.text-main {font:normal 13px "trebuchet ms"; background:#fff url('img/main-bg.jpg') repeat-y top center}
.text-pad {padding:15px}
.text-bottom {height:46px; background:url('img/main-bottom.jpg') no-repeat top left}
.left {width:188px; float:left; margin-top:15px}
.left a, .left a:visited {color:#036; text-decoration:none}
.left a:hover {color:#369}
.left-box {color:#036; font:normal 11px verdana; margin-bottom:15px}
.left-box h2 {background:url('img/arrow-blue.gif') no-repeat left 6px; padding-left:12px}
.left-box li {font:bold 13px arial; color:#333; padding:5px 0 6px 12px; border-bottom:1px solid #83cfee}
.left-box ul ul {margin-top:2px!important}
.left-box ul li ul li {background:url('img/arrow-grey.gif') no-repeat left 6px; padding:0 0 0 12px; border:0}
.lb-top {background:url('img/box-top.gif') no-repeat top left; padding:10px; position:relative; top:-3px}
.lb-bg {background:#fff url('img/box-bg.gif') repeat-y top center}
.lb-bottom {background:url('img/box-bottom.gif') no-repeat top left; height:8px; overflow:hidden}

/* right col image
---^---^---^---^--- */
.il {width:270px; float:right; margin:20px 0}
.il img {border:1px solid #b7babb; padding:4px; background:#fff}
.box {background:#fff url('img/box-top.jpg') repeat-x top left; padding:15px; font:bold 12px georgia; color:#777; margin:10px 0 0 0}

/* quotes
---^---^---^---^--- */
blockquote p {padding:0 20px 0 0; line-height:20px; background:url('img/quote_down.gif') bottom right no-repeat}
blockquote {padding:20px 20px 0 20px; font-size:13px; background:url('img/quote_up.gif') top left no-repeat}
cite {font-size:11px; display:block; text-align:right}

/* contact page
---^---^---^---^--- */
.contact-success {color:#215017; background-color:#C0FFB2; padding:0 2px}
.contact-error {color:#501717; background-color:#ffb2b2; padding:0 2px}
#response {margin-left:10px}
#log_res {text-align:right}

/* buttons
---^---^---^---^--- */
.action-button {display:block; cursor:pointer; text-decoration:none}
.action-button .action-button-leftcap {float:left; display:block; width:5px; height:25px; background: transparent url("img/buttons.gif") no-repeat scroll 0 0}
.action-button .action-button-text {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url("img/buttons.gif") no-repeat scroll 0 -25px;
	height: 21px;
	padding: 4px 8px 0 8px;
}
.action-button .action-button-rightcap {float:left;	display:block; width:5px; height:25px; background:transparent url("img/buttons.gif") no-repeat scroll -5px 0px}
.action-button:hover .action-button-leftcap {background:transparent url("img/buttons.gif") no-repeat scroll -10px 0px}
.action-button:hover .action-button-text {text-decoration:underline; background:transparent url("img/buttons.gif") no-repeat scroll 0 -50px}
.action-button:hover .action-button-rightcap {background:transparent url("img/buttons.gif") no-repeat scroll -15px 0px}

/* misc handy
---^---^---^---^--- */
.submit {
	cursor:pointer;
	cursor:hand;
	background:#eee;
	font-size:18px!important;
	border:0!important;
	overflow:visible
	}
.colleft {float:left; margin-right:10px}
.colright, .oust {float:right; margin-left:10px}
.clear {clear:both; font-size:0}
.more, .bullet {font-size:11px; padding-left:12px; background:url('images/arrow.gif') no-repeat left center}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.lowercase {text-transform:lowercase}
.upperase {text-transform:uppercase}
.breathe {padding:5px}
.odd {background-color:#f6f6f6}
.even {background-color:#ececec}
.abstract img {border:1px solid #b7babb; padding:4px; background:#fff}
/* top of page */
#top {width:auto; text-align:right;	padding-right:20px;	font:10px Arial, Helvetica, sans-serif}
#top a:link, #top a:visited, #top a:active {color:#aaa;	text-decoration:none; border:0}
#top a:hover {color:#999; background:none; text-decoration:none; border:0}

/* forms
---^---^---^---^--- */
fieldset {margin:5px 0; border-top:1px solid #1e5e95}
legend {padding:3px; color:#069; border:1px solid #508bc1; font-size:12px; font-weight:bold; margin:2px 0 6px 0}
label {width:140px; padding:0 10px; margin:2px 0 0 0; text-align:right; float:left}
input, textarea, select {font-size:17px}
fieldset div {margin-bottom:6px; display:block;	padding:5px 0 0 0}
fieldset div input, fieldset div textarea {
	width:300px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	border-right:1px solid #c3c3c3;
	padding:3px;
	color:#333;
	background-color:#fff
	}
fieldset div select {padding:3px}
#fm-submit {clear:both; padding-top:8px; text-align:center}
#fm-submit input {border:1px solid #1e5e95; padding:2px 8px; background:#508bc1; color:#fff; font-size:17px; cursor:pointer; cursor:hand}
select {border:1px solid #1e5e95; padding:2px 8px; background:#508bc1; color:#fff}

sup, sub {height:0; line-height:1; vertical-align:baseline;	_vertical-align:bottom;	position:relative; font-size:9px}
sup {bottom:1ex}
sub {top:.5ex}
.keno td {border:1px solid #eee; padding:3px}
.keno2 td {padding:4px}