@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
}

body {
background: #666666;
margin: 0px;
padding: 0px;
}

a, a:active {
color: #333333;
}

a:hover{
text-decoration: none;
}

a:visited {
color: #999999;
text-decoration: none;
}

#container {
overflow: hidden;
width: 774px;
border: 1px solid #000000;
background-color: #ffffff;
min-height: 60%;
margin: 0px auto;
padding: 0px 0px 15px 0px;
}

#header {
margin: 0px auto;
background-color: transparent;
}

#navi {	
/*border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;*/
margin-top: 40px;
margin-bottom: 50px;
width: 170px;
float:left;
padding: 10px 5px 20px 20px;
background-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
}


#main {
margin-left: 200px;
padding-left: 10px;
padding-right: 20px;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
padding-top: 20px;
text-align: justify;
}

#footer {
background-color: #ffffff;
border: 1px solid #000000;
width: 770px;
margin: 0px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align:center;
padding: 5px;
}

p.subtitle {
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
font-family:Arial;
text-indent: 25px;
}

p.heading {
font: bold small-caps 18px Arial;
}

p.h2 {
font: bold small-caps 16px Arial;
}

#wrapper {
width:500px;
}

#titles {
float:left;
font-weight: bolder;
}

#names{
margin-left: 250px;
}