/* ----- CSS ----- */

body{
background: #fff;
}

/* ----- IDS ----- */

#container{
width: 760px;
/* margin-left: auto;
margin-right: auto; */
float: left;
 }

#navi{
font-family: verdana, arial, helvetica, sans-serif;
float: left;
width: 170px;
margin-top: 0px;
margin-right: 36px;
margin-bottom: 0px;
border-right: 1px solid #ccc;
padding: 0;
background: #fff;
text-align: left;
}

#header{
width: 760px;
text-align: center;
margin-bottom: 36px;
border-bottom: 1px solid #ccc;
}

#footer{
clear: both;
width: 760px;
text-align: center;
font-size: 10px;
font-family:  verdana, arial, helvetica, sans-serif;
padding-top: 12px;
margin-top: 36px;
border-top: 1px solid #ccc;
}

#primaryContent{
width: 550px;
float: right;
margin-top: 0px;
background: #fff;
border: 1px solid #fff;
}

/* ----- CLASSES ----- */

.nav{
font-size: 12px;
color: # 333;
text-align: left;
padding-top: 8px;
padding-bottom: 8px;
}

.headline{
font-size: 16px;
font-weight: bold;
}

.hide{
display:none;
}
.show{
display:block;
}

/* ----- PARAGRAPHS ----- */

#primaryContent p{
font-family: times new roman, times, serif;
text-align: justify;
}

p{
color: #333;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-align: left;
}

p.footertext{
color: #333;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: center;
}

/* ----- TABLES ----- */

td{
color: #333;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-align: left;
}

/* ----- LINKS ----- */

a{
color: #0000ff;
text-decoration: none;
}

a:hover{
color: #0000ff;
text-decoration: underline;
}

a:active{
color: #ff9900;
text-decoration: none;
}

a:visited, a:focus{
color: #990099;
text-decoration: none;
}