@charset "UTF-8";

body {
background: #a8c2b3 url(../images/bg.jpg) scroll repeat-y center;
}

h1, h2, h3, h4, h5, h6 {
font-family: "myriad pro", "trebuchet ms", verdana, arial, sans serif;
color: #42654a;
}

h1, h2, h3 {
font-weight: bold;
line-height: 1em
}

h4, h5, h6 {
line-height: .85em
}

p {
font: normal 10pt/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif;
color: #333;
}

.ital {
font: italic normal 9.2pt/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 .a, h2 .a, h3 .a, h4 .a, h5 .a, h6 .a  {font-family: "myriad pro", "trebuchet ms", verdana, arial, sans serif; color: #42654a;
line-spacing: .5em;}

a, .a {font: 600 12px/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif; color: #42654a; text-decoration: none; }

a:link {color: #42654a; text-decoration: none;} 
a:visited {color: #999; text-decoration: none;} 
a:hover { color: #333; text-decoration: underline;}
a:active { color: #666666; text-decoration: none;}


ol, ul, li, ol li, ul li {
font: normal 10pt/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif;
color: #333;
}

#main a, #main .a, #main li {
font: bold 12pt/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif;
list-style-image:url(../images/bullet.gif);
padding: 0 10px;
}

#main li a:link {color: #c33; text-decoration: none;} 
#main li a:visited {color: #f00; text-decoration: none;} 
#main li a:hover { color: #fff; text-decoration: none; background-color: #c33;}
#main li a:active { color: #333; text-decoration: none;}


#nav-top {
background-color: #42654a;
width: auto; padding-left: 40px; margin-bottom: 15px;
}

#nav-top a, #nav-top .a {font: normal 12px/3em "myriad pro", "trebuchet ms", verdana, arial, sans serif; color: #f0f0f0; text-decoration: none; height: 60px; padding: 2px 8px;}

#nav-bottom {
background-color: #42654a;
width: auto; padding-left: 40px; border-bottom: 0;
}

#nav-bottom a, #nav-bottom .a {font: normal 12px/3em "myriad pro", "trebuchet ms", verdana, arial, sans serif; color: #f0f0f0; text-decoration: none; height: 60px; padding: 2px 8px;}


#nav-top a:link, #nav-bottom a:link {color: #f0f0f0; text-decoration: none;} 
#nav-top a:visited, #nav-bottom a:visited {color: #f0f0f0; text-decoration: none;} 
#nav-top a:hover, #nav-bottom a:hover {color: #333; background-color: #c9d5a7; text-decoration: none;}
#nav-top a:active, #nav-bottom a:active { color: #666666; text-decoration: none;}


#container {
width: 800px;
margin-top: -8px;
margin-left: auto;
margin-right: auto;
}

#header{
background: #f0f0f0 url(../images/header.jpg) scroll no-repeat center top;
width: 800px;
height: 280px;
}

.containers {
width: 720px;
background-color: #e1e1e1;
padding: 10px 40px;
margin-bottom: 15px;
}

.avatar {
margin-right: 20px;
}

.form {
float: right;
margin-right: 10px;
font: normal 90%/1.4em "myriad pro", "trebuchet ms", verdana, arial, sans serif;
color: #333;
}