* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #444444;
font-family: Arial,Helvetica,Garuda,sans-serif;
background-image: url(/img/bg_site_blue2.gif);
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 75%;
line-height: 1.4em;
}
p {padding: 7px 0 7px 0;}

a { text-decoration: underline; color: #3333FF; }
a:hover { text-decoration: none; color: #000099; }



h1 {
font-size: 2.5em;
line-height: 1em;
}
h2 {
font-size: 1.5em;
border-top: 10px solid #A6CBD9;
padding: 10px 0px 20px 0px;
margin: 30px 0px 0px 0px;
}
h3 {
font-size: 1.3em;
border-bottom: 2px solid #A6CBD9;
padding-top: 5px;
padding-bottom: 10px;
}

.headerinh1 a {
font-family: "Times New Roman", Times, serif;
color: #fff;
text-decoration: none;
letter-spacing: 0.08em;

}
.headerinh1 a:hover {
text-decoration: underline;
}
.headerinh2 {
color: #fff;
border-top: 0px;
font-size: 1.2em;
padding: 0px;
margin: 10px 0px;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}

hr {
border-top: 5px solid #A6CBD9;
padding: 10px 0px;
}

.clear { clear: both; }
#mainContainer {
width: 760px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background: #A6CBD9;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #C0C0C0;
padding: 10px
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: 50px; /*** We need to add some space for our top menu ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
/*** No need to do anything with a one column solution ***/
}
* html .inner {
/***  And therefor no need for hacking IE either ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;

}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
width: 760px;
background: #fff;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN - this is our top menu
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: right;
width: 750px;
background: #A6CBD9; 
padding: 5px;
margin: -50px 0 0 -760px; /*** Move the left column so it takes the positon as a top menu ***/
}
* html #left {
position: relative;  /*** IE needs this  ***/

}

/*************************
RIGHT COLUMN - This is our footer menu
**************************/
#right {
float: left;
width: 750px;
background: #A6CBD9;
padding: 5px;
height: 40px;
}
* html #right {
position: relative;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
}
#right li {
display: inline;
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
width: 760px;
margin: 0 auto;
text-align: center;
background: #C0C0C0;
}
#vasen {
position:relative;
float:left;
width: 300px;
text-align: left;
padding: 10px;
}
#oikea {
position:relative;
float:right;
width: 300px;
text-align: left;
padding: 10px;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.5em;
padding: 0px 1px;
}

#nav-menu li a
{
background: url(/img/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 10em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover {
background: #fff;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:740px;
}