html, body {
margin: 0;
padding: 0;
background-color: #202020;
}

#container{
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}

#main{
width: 100%;
min-height: 520px;
margin-top: 100px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color: white;
letter-spacing: 1px;
}

#main a{
text-decoration: none;
color: white;
}

#main a:hover,
a.selected{
color: rgb(255,153,51)
}

h1{
color: rgb(255,153,51);
margin-top: 50px;
margin-bottom: 25px;
font-family: "Arial Black";
}

p{
font-family: Verdana, sans-serif;
font-weight: normal;
letter-spacing: normal;
}

#home_nav{
width: 900px;
height: 70px;
margin-left: auto;
margin-right: auto;
font-size: 150%;
}

#home_nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#home_nav li{
display: inline;
padding: 48px;
line-height: 70px;
}

#home_nav li.first{
padding-left: 0px;
}

#home_nav li.last{
padding-right: 0px;
}

#home_image{
width: 900px;
height: 310px;
margin-left: auto;
margin-right: auto;
}

#image1{
width: 590px;
height: 300px;
float: left;
}

#image2{
width: 300px;
height: 200px;
float: left;
}

#image3{
width: 300px;
height: 95px;
float: left;
padding-top: 5px;
}

#slogan{
width: 900px;
height: 140px;
margin-left: auto;
margin-right: auto;
font-size: 190%;
line-height: 140px;
}

#slogan ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#slogan li{
display: inline;
}

#slogan li.outer{
color: rgb(255,153,51);
}

#slogan li.middle{
padding: 40px;
}

#footer{
width: 100%;
height: 70px;
margin-top: 100px;
font-family: Verdana, Helvetica, sans-serif;
text-align: center;
color: gray;
}

#assoc{
width: 200px;
height: 100%;
float: left;
}

#copyright{
width: 650px;
height: 100%;
float: left;
padding-top: 10px;
font-size: 80%;
}


#site_map{
width: 150px;
height: 100%;
float: left;
line-height: 70px;
}

#site_map a{
text-decoration: none;
color: gray;
}

#site_map a:hover, 
a.selected{
color: white;
}


#leftnav{
width: 300px;
float: left;
}

#leftnav ul{
padding-left: 0px;
list-style-type: none;
font-size: 25px;
}


#leftnav ul.secondlevel{
padding-left: 40px;
font-size: 20px;
}

#leftnav a.selected{
color: rgb(255,153,51)
}

.white_square{
display: block;
width: 164px;
background-color: white;
border: 3px solid lightgray;
padding-left: 20px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 120%;
line-height: 30px;
color: black;
float: left;
}

.orange_square{
display: block;
width: 164px;
height: 74px;
background-color: rgb(255,153,51);
border: 3px solid lightgray;
padding-left: 20px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 120%;
line-height: 30px;
padding-top: 60px;
color: white;
float: left;
}

#body{
width: 630px;
float: left;
padding: 0 25px 0 25px;
}

#body a{
text-decoration: underline;
font-weight: bold;
}

#body ul{
font-family: verdana;
font-weight: normal;
}

#labels{
width: 130px;
float: left;
}

#labels ul{
padding: 0;
margin: 0;
line-height: 22px;
padding-left: 20px;
}

#site{
width: 630px;
float: left;
padding-left: 35px;
}

#site ul{
font-family: verdana;
font-weight: normal;
list-style-type: none;
color: white;
padding: 0 0 0 10px;
margin-top: -10px;
}

#site a{
text-decoration: none;
}

#site h2{
padding: 0;
margin: 0;
}

#portfolio_image{
width: 400px;
float: left;
}

#portfolio_text{
width: 200px;
float:left;
margin-left: 10px;
}

.port_heading{
font-size: 130%;
color: rgb(255,153,51);
margin: 0 0 -20px 0;
}
