html, body{ 
 margin:0; 
 padding:0;
 border:0;
 background-color: #CCCCCC;
 font-family: veranda, arial, helvetica; color: #000000; font-size: 90%;
 min-width:800px;
 } 

#main{
 background-color: #CCCCCC;
 margin:0 auto;
 width:800px;
text-align:justify;
}

#content{
 height:100%;
 min-height:500px;
 background-color: #CCCCCC;
}

#nav{
 width:100%;
 height:120px;
 margin:0px;
 padding:0px;
  background-image: url("../m2/arch/logo.gif");
  background-repeat: no-repeat;
 }

#nav p {
font-weight: bold;
} 

#menu{
 position: absolute; 
 top: 5px;
 width: 590px;
 margin-left: 190px; 
 padding:0px;
 }

#menu img {
border-style:none;
}

#menuitem a:hover {color: #000000;}

.menuitem{
 float: right;
margin: 0 5px 0 0;
font-size:7pt;
}

#maincol{  
 width: 560px;
 margin-left: 10px;
 margin-bottom: 30px;
 padding:0px;
 overflow:hidden;
 }

#leftcol{
 width:217px;
 height:520px; 
 float:left;
 margin:0px;
 background-color:#CCCCCC;
 }

#leftcol img {
border-style:none; padding-left:30px;}

#main > #leftcol{
width: 220px;
}

#topnav{
	height:15px;
	background-color:#000000;
	color:#FFFFFF;
}

a.navlink:link {color: #FFFFFF;}
a.navlink:visited {color: #FFFFFF;}
a.navlink:hover {color: #CCCCCC;}
a.navlink:active {color: #999999;}
a.navlink {text-decoration: none;}

ul { 
 margin:0; 
 padding:0;
 border:0;
}

li {
 float: left;
 position: relative;
 width: 93px;
 text-align:center;
 display:inline;
 list-style:none;
}

#leftcol p {margin: 0px 0; padding-top:10px; padding-right: 10px; padding-left: 10px; color: #333333;}

#nav p {margin: 0px 0; padding-top:70px; padding-right: 10px; padding-left: 10px; color:#FFFFFF}
#nav a {color: #FFFFFF;}
#nav a:hover {color: #000000;}

p {margin: 0px 0; padding-right: 10px; padding-left: 10px;}

a:link {color: #FFFFFF;}
a:visited {color: #FF0000;}
a:hover {color: #000000;}
a:active {color: #FF0000;}
a {text-decoration: none;}

img {
border-style:none;}

.thumbnail{
 float:left;
 margin: 0 5px 5px 0;
}

.thumbnail1{
 float:right;
 margin: 0 5px 5px 0;
}

.clear{clear:both;}