body
{ 
  background-color:white;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
  font-size:14px;
  text-align:justify;
 }

#mainframe 
{
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  width: 800px;  
  background-color:white;
}


/***** Menu *****/


#menu
{ 
  float:left;
  text-align:center;
  margin-left:0px;
  margin-bottom:30px;
  width: 800px;
  line-height:1.5em;
  font-size:13px;
  font-weight:bold;
  font-family:Helvetica, sans serif;
}

#menu a:link
{
    color:white;
    text-decoration:none;
}

#menu a:active
{
    color:white;
    text-decoration:none; 
}

#menu a:visited
{
    color:white;
    text-decoration:none;  
 }

#menu a:hover
{
    color:white;
    text-decoration:underline;
}


#topbar
{
  background-image:url(banner.png);  
  background-repeat:no-repeat;
  background-color:transparent; 
  width: 800px;
  height: 227px;
  margin-left:0px;
  padding-left:10px;
  padding-right:0px;
  padding-top:8px;
  text-align:left;
  color:white;
}

#topbar p
{
    padding:0;
    margin:0;
}

#menuitem1
{ 
  float:left;
  width:158px;
  background-color:#707070;
  padding:4px;
  margin:0px;
}


#menuitem2
{ 
  float:left;
  width:158px;
  background-color:#505050;
  padding:4px;
  margin:0px;
}


#menuitem3
{ 
  float:left;
  width:158px;
  background-color:#303030;
  padding:4px;
  margin:0px;
}


#menuitem4
{ 
  float:left;
  width:158px;
  background-color:#606060;
  padding:4px;
  margin:0px;
}


#menuitem5
{ 
  float:left;
  width:158px;
  background-color:#808080;
  padding:4px;
  margin:0px;
}

#menuitem6
{ 
  float:left;
  width:162px;
  background-color:#404040;
  padding:4px;
  margin:0px;
}


/***** Headers, text *****/

h1
{ 
  clear:left;
  color:firebrick;
  font-size:160%;
  margin-top:0;
  text-align:center;
}


h2
{ 
  color:firebrick;
  font-size:115%;
  text-align:left;
}


h3
{ 
  color:#303030;
  font-size:110%;
  text-align:left;
}

a:link
{
    color:#B00000;
    text-decoration:none; 
}

a:active
{
    color:#B00000;
    text-decoration:none;  
}

a:visited
{
    color:#600000 ;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
 }

ul
{
  list-style-position:inside;
  padding:0;
  margin-left:0;
}

ul li
{
  padding:0;
  margin:0;
  margin-bottom:1em;
}

ol
{
  list-style-position:inside;
  padding:0;
  margin-left:0;
}

ol li
{
  padding:0;
  margin:0;
  margin-bottom:1em;
}


.flushright {
  text-align:right;
}

.shifted{
    margin-left:1em;
}


/***** Table *****/


.withborder{
  border-collapse:collapse;

}

.withborder th {
  border:solid 1px black;
  text-align:center;
  padding:5px;
}

.withborder td {
  border:solid 1px black;
  padding:5px;
}

.red {
  font-weight:bold;
  color:red;
}


.green {
  font-weight:bold;
  color:green;
}

.big {
  font-size:150%;
  text-align:center;
}

img{
    border:0;
    margin-left:auto;
    margin-right:auto;

}

.centered{
    text-align:center;
}

.alert {
  font-weight:bold;
  color:#E41B17;
}


/********* Leftcol and Rightcol **************/

#leftcol
{
  position: relative;
  float: left;
  width: 700px;
  left:auto;
  padding:0;
  }

#rightcol
{
  position: relative;
  float: left;
  width: 250px;
  margin-top:0;
  margin-left:50px;
  padding:0;
  font-size:12px;
  }

#rightcol ul{
    list-style-type: none;
}
