/* CSS Document */

/* main style for portal */

body {
  font-size: 19px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #2C2C29;
}

#container { 
  width: 820px;
  border-width: 1px;
  margin: 0 auto;
  background-color: #2C2C29;
  
}

#header {
  width: 800px; 
  margin: 0 auto;
  background-color: #2C2C29;
  height: 120px;  
}

#main {
  width: 800px;
  padding: 5px 0px 0px 0px; 
  margin: 0 auto;
  background-color: gray;
  height: 450px;
  text-align: center;
  -moz-border-radius: 10px;
  border:1px solid #E3702C;
color: white;  

}  

#main a {
color: white;
}

#rightsidebar {
  width: 200px;
  margin: 10px;
  background-color: #2C2C29;
  height: 420px;
  float: right;
  padding: 5px;
  text-align: center;
  
} 

    #rightsidebar ul {
      text-align: left;
      list-style: none;
      font-size:  17px;
      

      
}
    #rightsidebar a {
      color: white;
      text-decoration: none;
}
    #rightsidebar a:hover {
      color: #E3702C;
      font-size:  22px;
      font-style: bold;
}

#leftsidebar  {
  width: 100px;
  margin: 10px 10px 10px 10px;
  background-color: #2C2C29;
  height: 420px;
  float: left;
  font-size: 17px;
  padding: 5px;
}
      
    #leftsidebar a img {
      border: none;
      height: 45px;
      width: 45px;
}
    #leftsidebar a {
      color: white;
      display: block;
      text-decoration: none;
      text-align: center;
}
    #leftsidebar a:hover img {
      color: #E3702C;
      height: 64px;
      width: 64px;
      }
      
#footer {
  width: 600px;
  height: 25px;
  background-color: #2C2C29;
  color: white;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  }     
h1#logo a{
  font-family: Helvetica,Georgia;
  font-size: 36px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}

h2 {
  font-family: Helvetica,Georgia;
  font-size: 17px;
  color: #E3702C;
  text-transform: uppercase;
}