/* CSS Document */

body  {
background-color: #666;
color: #333;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

p , li ,td {
font: 80%/1.2 Arial, Helvetica, sans-serif;
}

a { color: #036BB4;}

h1 {
margin-top: 0;
	font-size: 130%;
	color: #036BB4;
}

h2 {
	font-size: 120%;
	color: #333333;
}

h3 {
	font-size: 95%;
	color: #333333;
}




#container {
width: 800px;
margin: auto;
border: 1px solid #fff;
background-image: url(../images/MIOz_02.jpg);
background-repeat: repeat-x;
background-color: #d8e1f2;
position: relative;
}

#header {
background-image: url(images/MIOz_01.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 247px;

}

#flash {
margin-left: 235px;
}

#mainNav {
color: #fff;
text-transform: lowercase;
position: absolute;
top: 210px;

}

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

#mainNav li {
display: inline;
font-size: 80%;
}

#mainNav a {
color: #fff;
padding: 10px;
text-decoration:none;
}

#mainNav a:hover {
color: #000;
text-decoration: underline;
}

#content {
border: 1px solid #fff;
margin: 0 36px 0 38px ;
padding: 0 20px;
background-color: #FFF;
}

#footer {
margin-left: 60px;
font-size: 75%;
color: #666;
}

#footer a {
color: #666;
}
#footer img {
padding-right: 50px;
}

#footer h2{
color: #0068b3;
font-weight: bold;
font-size: 115%;
}

#footerLeft {
width: 230px;
float: left;
border-right: 1px solid #666;
}

#footerRight {
width: 230px;
padding-left: 20px;
float: left;
border-right: 1px solid #666;
}

#credit  {
width: 800px;
margin: auto;
padding: 5px;
color: #CCC;
font-size: 11px;
}
#credit a{ color: #ccc;}

#creditLeft {
width: 350px;
float:left;

}

#creditRight {
width: 350px;
float: right;
text-align:right;
}


.clear {
clear: both;

}

.white { color: #fff; }

.greyBg { background-color: #f1f1f1; }