/* 
   ---^---^---^---^---^---^---^---^---^---^---
    last updated on the 14th of July, 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}
:focus {outline:0}
table {border-collapse:separate; border-spacing:0}
caption, th, td {font-weight:normal}
tr, td {vertical-align:top}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin:0 0 .5em 0}
p {margin:.5em 1.5em 1.25em 1.5em}
pre, blockquote, label, fieldset, address {margin:2em; padding:2em}
ul, ol {list-style:none}
abbr {cursor:help; border-bottom:1px dotted #777}
/* global links styling */
a:link, a:visited {text-decoration:none; color:#206cba; cursor:pointer}
a:hover, a:active {text-decoration:underline}
/* general */
html, body {height:100%}
html {background:#0139a8 url('img/bg.jpg') repeat-x top left}
body {
	color:#020100;
	text-align:center;
	font-size:62.5%;
	line-height:1.3;
	margin:0;
	font-family:"Trebuchet MS",Arial,sans-serif
}
/* headings */
h2 {font-size:127%; color:#cb3900} h3 {font-size:105%; color:#444}

/* forms
---^---^---^---^--- */
fieldset {border:1px solid #ececec}
legend {padding:1em; color:#222; font-size:80%; font-weight:bold; margin:.5em 0 1em 0}
label {cursor:pointer; width:30%; padding:.25em 1em; margin:.25em 2em 0 0; text-align:right; float:left;}
fieldset div {margin-bottom:2em; display:block;	padding:1.75em 0 0 0}
fieldset div input, fieldset div textarea {
	width:65%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	border-right:1px solid #c3c3c3;
	padding:1em;
	color:#333;
	background-color:#fff
}
fieldset div select {padding:1em}
fieldset div .radio {width:auto; background:none}
input, textarea, select {	
	font-size:105%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	border-right:1px solid #c3c3c3;
	padding:1em;
	color:#333;
	background-color:#eee
}
.submit {padding:0 .25em 0 .25em; width:auto; overflow:visible; cursor:pointer}
.success {color:#215017; background-color:#C0FFB2; padding:0 .75em}
.error {color:#501717; background-color:#ffb2b2; padding:0 .75em}

/* global layer
---^---^---^---^--- */
#amf {
	width:774px;
	margin:0 auto -85px auto;
	min-height:100%;
	height:auto;
	text-align:left
}
* html #amf {height:100%}
.pad {
	position:relative;
	padding:2em;
	font-size:135%;
	border:1px solid #083576;
	background:url('img/bg-content.jpg') repeat-x top center
}
.bot {background:#ebedd8 url('img/fx.jpg') no-repeat bottom center}

/* header
---^---^---^---^--- */
#header {clear:both; margin:0; height:160px; background:#0a60c5 url('img/header.jpg') no-repeat top center; position:relative}
#header h1 {margin:0; font:normal 330% georgia}
#header h1 a {display:block; color:#fff; padding:1em}
#header h1 a:hover {color:#fec009; text-decoration:none}
.home {float:right; color:#9fd5ef; font:normal 12px "Trebuchet MS"; text-transform:uppercase}
#header ul {
	margin:0 2em 0 0;
	position:absolute;
	bottom:0;
	right:0;
	list-style:none;
	min-width:500px
}
#header ul li {float:left}
#header ul li a {
	font-weight:normal;
	display:block;
	line-height:34px;
	padding:0 10px;
	font-size:140%;
	color:#e2f3fd;
	background-color:#043671
}
#header ul li a:hover {color:#fff; background-color:#0747a8; text-decoration:none}
#header ul li#special a {color:#fff; background-color:#146dd3; border-left:1px solid #0a60c5}
#header ul li#special a:hover {color:#cde0ef}
#header ul li a.current, #header ul li#special a.current {
	color:#fff;
	background:#0747a8;
}

/* box
---^---^---^---^--- */
.w160 {width:160px}
.w360 {width:360px}
.box {font-size:90%}
.box h3 {color:#036; border-bottom:1px solid #bbb; margin:0; padding:.25em .75em}
.box ul {list-style:square; color:#369; padding:.5em 0}
.box li {margin:.25em 0 .25em 1.75em}
.box p {margin:0; padding:.75em}

/* thumbnails
---^---^---^---^--- */
.thumb {padding:.35em; background-color:#fff; border:1px solid #fff; margin:0 .75em .75em 0}

/* footer
---^---^---^---^--- */
#wsbf {height:95px}
#footer {width:100%; height:85px; text-align:center; font-size:115%; background:#0139a8 url('img/footer.jpg') no-repeat top center}
#footer a {color:#e0ce12}
#footext {width:774px; margin:0 auto; text-align:left; color:#999}
#footext div {padding:1.75em 3em}

/* misc classes
---^---^---^---^--- */
.left {float:left; margin:.25em 0 .25em .75em}
.right {float:right; margin:.25em .75em .25em 0}
.clear {clear:both}