/* #########################
## Simple 3-Column Layout from CodeDesign.com
## Version 1.0
##########################*/

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

body {
    font: 68%/19px Verdana, Helvetica, sans-serif, Tahoma, Arial;
    /* if the page text is to small change to "75%/19px" */
    color: #444;
    background: #E3E3E3;
}

a {
color:#8BB5C9;
text-decoration: none;
font-weight: bold;
padding: 1px 0px 1px 0px;
}
a:hover {color: #04529E; background: #E5EEF2; }

/* 
#########################
## Header
##########################
*/

#header {
	position:relative;
    width: 850px;
    margin: 0px auto;
    padding: 0px 25px;
    background: #00A0FE;
    height: 120px;
    clear: both;
    color: #B2D09D;
}


#header h1 { 
    font-size: 230%;
    line-height: 100px;
    font-weight: normal;
    color: #fff;
    background: transparent;
	margin-top:50px;
}


/* 
#########################
## Structure
##########################
*/

#wrapper {
    width: 900px;
    margin: 0px auto;
	margin-top:10px;
	margin-bottom:50px;
    padding: 0px;
    background: #fff;
    clear: both;
}

#main {
    margin: 0px;
    padding: 0px 25px;
    width: 850px;
    border-top: 5px solid #8BB5C9;
    clear: both;
}

#left {
    margin: 0px 0px 30px -850px;
    padding: 0px 0px 10px 0px;
    width: 150px;
    float: left;
    border-bottom: 5px solid #E3E3E3;
	font-size:80%;
}

#right {
    margin: 0px 0px 30px -150px;
    padding: 0px 0px 10px 0px;
    width: 150px;
    float: left;
    border-bottom: 5px solid #E3E3E3;
	font-size:80%;
}

.footer {
	width:860px;
 	border-top: solid 1px #8BB5C9;
	background:#00A0FE;
   padding: 10px 20px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.footer a {
	color:#000000;
}

.footer a:hover {
	color:#04529E;
	background:transparent;
}


/* 
#########################
## Content
##########################
*/

#content {
    margin: 0px 150px 30px 150px;
    padding: 0px 30px 20px 30px;
    width: 490px;
    float: left;
}

* html #content{
    display: inline;
}

.node {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: 5px solid #E3E3E3;
}

/* 
#########################
## Other stuff
##########################
*/

ul.nav {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

ul.nav a{
    margin: 0px;
    padding: 0px 1px 0px 1px;
    display: block;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 100%;
    background: #fff;
    color: #8BB5C9;
    border-bottom: 1px solid #E3E3E3;
}


ul.nav a:hover{
    color: #04529E;
    background: #E5EEF2;
    border-bottom: 1px solid #00A3E7;
}

.clear { clear: both; width: 100%;}

form#searchform {
    float:right;
    font-size: 9px;
    margin-top: 35px;
}

form#searchform input {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 11px;
    padding: 3px;
}

form#searchform input:hover {
    background: #181818;
}

form#searchform .button {
    padding: 2px;
}

/* 
#########################
## Header Tags
##########################
*/

h1, h2, h3, h4, h5, h6 {
    color: #005073;
}

#content div {
margin-bottom:15px;
}

.weblink {
    color: red;
    border: 1px solid #005073;
	padding:10px;
}

.weblink a{
    color: red;
    background: #ffffff;
}

.weblink a:hover{
    color: #005073;
    background: #ffffff;
}



h2 { 
    font-size: 160%;
    line-height: 20px;
    height: 40px;
    padding: 10px 0px;
    margin: 0px auto;
    text-align: center;
}

#content h1 { 
    font-size: 150%;
	font-weight:800;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px;
    text-align: left;
    color: #005073;
}

#left h2, #right h2 { 
    font-size: 100%;
    margin: 0px;
    margin-top: 10px;
    text-align: left;
    padding: 0px;
}


#introtext {
display:none;
}

.flag {
	position:relative;
	width:35px;
	float:left;
	padding:5px;
}
.flaglink {
	margin-left:40px;
}