.clear{
	clear:both;
}
.displaynone{
	display: none;
}
.error{
	color:red;
}
a{
	outline: none;
}
body{
	text-align: center;
}
body{
	min-width:978px;
/* DP 20100406: */
	/* min-height:704px;*/
	min-height:100%;
	position:relative;
/* :DP 20100406 */
	overflow-y: scroll;
	overflow-x: auto;
}
html
{
    overflow: hidden;
}
body,html
{
    width: 100%;
	height:100%;
	margin:0;
	padding:0;
}
#toppushspace
{
    float: left;
	height:50%;
	margin-top:-352px;
	width:100%;
}

#wrap{
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    /* background-image: url(../img/grid16.gif); */
/*	border: 1px solid black; */
}
#wrap_right,
#wrap_left{
    float: left;
    width: 32px;
    height: 704px;
}
#wrap_mid{
    width: 914px;
    float: left;
}
#logo{
    float: left;
    width: 449px;
    height: 48px;
}

ul.hormenu{
    list-style-type:none;
     padding: 0;
}
ul.hormenu li{
     float: left;
}
ul.hormenu li.spacer{
    margin: 0 5px 0 5px;    
}
ul.hormenu li a{
    color: #000;
    text-decoration: none;
}
ul.hormenu li a:hover{
    text-decoration: underline;
}
ul.hormenu li a.selected{
    color: magenta;
}
ul.hormenu li a.disabled
{
    color: #ccc;    
}
ul.hormenu li.tag{
    font-style: italic;
}
ul.vermenu{
    list-style-type:none;
    padding: 0;
}
ul.vermenu li.spacer{
    height: 0px;
    border-bottom: 1px solid black;
    line-height: 1px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
ul.vermenu li a{
    color: #000;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    display: block;
}
ul.vermenu li a:hover
{
    background-color: #f0f0f0;
    text-decoration: underline;
}
ul.vermenu li a.selected{
    color: Magenta;
}
ul.tagmenu{
    float: right;
    list-style-type:none;
    padding: 0;
    display: block;
    width: 914px;
    height: 460px;
   /* margin: 8px 0 0 -914px;*/
    background-color: #fff;
    /*border: 1px solid Black; */
    position: absolute;
  /*  padding: 4px 8px 4px 8px;*/
    z-index: 1;
    display: none;
}
ul.tagmenu li{
    float: left;
    height: 20px;
}
ul.tagmenu li.spacer{

}
ul.tagmenu li.item{
    padding: 10px 10px 0 0px;
}
ul.tagmenu li.item a{
    font-size: 12px;
    text-decoration: none;
    color: #999;
    display: block;
}
ul.tagmenu li.item a.s{
    margin-top: 4px;
    font-size: 12px;
}
ul.tagmenu li.item a.m{
    margin-top: 2px;
    font-size: 18px;
}
ul.tagmenu li.item a.l{
    font-size: 24px;
}
ul.tagmenu li.item a:hover{
    text-decoration: underline;
}
ul.tagmenu li.item a.selected{
     color: magenta;
}
#tagmenu div.tagmenutitle{
    margin-top: 5px;
    text-align: right;
}
#tagmenu div.tagmenutitle a{
    text-decoration: none;
}
#mainmenu{
    float: left;
    width: 465px;
    height: 48px;
}
#mainmenu ul{
    margin-top: 19px;
    float: right;
}

#submenu{
    float: left;
    width: 750px;
    height: 32px;
}
#submenu ul{
    margin: 4px 0 0 8px;
    float: left;
}
#submenu ul a{
    line-height: 17px;
}
#tagmenu{
    float: right;
    width: 89px;
    height: 32px;
}

#topspace{
    height: 80px;    
}
#mid{
   /* height: 512px; */
    /*background-color: #ccc; */
}
#bot{
    height: 63px;
}

#languagemenu{
    float: right;
    width: 465px;
    height: 48px;
}
#languagemenu ul{
    margin-top: 19px;
    float: right;
}

#content_left{
    float: left;
    width: 449px;    
}
#content_left_smal{
    float: left;
    width: 294px;
}
#mid h1,
#mid h1 a,
#mid h2{
    float: left;    
    margin: 4px 4px 0 0;
    text-decoration: none;
}
#mid div.title{
    height: 36px;    
}
#mid div.colspacer{
    float: left;
    width: 16px;
    height: 512px;
}
#content_right{
    float: left;
    width: 449px;
}
#content_right div.left
{ float: left;
  width: 294px;
}
#content_right div.right
{ float: right;
  width: 139px;
}
#content_right_smal{
    float: left;
    width: 604px;
}
#content_right_smal div.left{
  float: left;
  width: 449px;
}
#content_right_smal div.right{
  float: right;
  width: 139px;
}
#pageimage_holder{
    float: left;
    width: 294px;
    overflow: hidden;
    margin-top: 32px;
}
#pageimage_holder_smal{
    float: left;
    width: 449px;
    overflow: hidden;
    margin-top: 32px;
}
#project_menubar{
    height: 32px;
}
#project_menubar div.title{
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin: 4px 4px 16px 0;
} 
#project_list{
    height: 432px;
}
#project_thumbs div.row,
#project_list div.row{
    height: 96px;
}
#project_thumbs div.rowspacer,
#project_list div.rowspacer{
    height: 16px;
}
#project_thumbs div.row div.item,
#project_list div.row div.item{
    float: left;
}
#project_thumbs div.row div.item a,
#project_list div.row div.item a{
    display: block;
    width: 139px;
    height: 96px;
   /* background-color: #ccc;*/
}
#project_thumbs div.row div.item a.visited,
#project_list div.row div.item a.visited{
    filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;

}
#project_thumbs div.row div.item a:hover,
#project_list div.row div.item a:hover{
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80; 
}
#project_thumbs div.row div.spacer,
#project_list div.row div.spacer{
    float: left;
    width: 16px;
    height: 96px;
}
#project_thumbs div.row div.item div.author{
    text-align: right;
    margin: -20px -7px 0 0;
    font-size: 10px;
    color: #999;
}

#news_left{
    float: left;
    width: 588px;
}
#news_right{
    float: left;
    width: 310px;
}

#news_holder{
    margin-top: 12px;
}
#news_holder div.item{
    margin-bottom: 12px;    
}
#news_holder div.item h1,
#news_holder div.item h1 a
{
    margin: 0;   
}
#news_holder div.item h2
{ margin: 0 0 0 5px;
}

#news_holder div.hover h1,
#news_holder div.hover p{
    color: #000000;
}
#news_holder div.item div.left{
    float: left;
    width: 433px;
}
#news_holder div.item div.left p
{
    margin: 0;
    padding: 0;
}
#news_holder div.item div.right{
    float: right;
    width: 139px;
    /*height: 96px;*/
}
#news_holder div.hover{
    cursor: pointer;
}
#submenu_right{
    float: right;
    width: 139px;   
}
#home_image{
    height: 512px;
}
#home_image div.item{
    position: absolute;
    z-index: 10;    
}
/* project detail section */
#project_imageholder{
    width: 914px;
    height: 480px;
 /*   background-color: #ccc; */
}
#project_pagenav{
    float: left;
    padding-top: 10px;
}
#project_imagenav{
    float: right;
    padding-top: 10px;
}
#project_imagenav ul li.item a
{  
    height: 20px;
}
#project_imageholder div.item
{
    position: absolute;
}
#project_imageholder div.item div.author{
    margin: -25px 8px 0 0;
    text-align: right;
    color: White;
    font-size: 10px;
}
#project_description{
  /*  height: 480px; */
}
#project_description div.colspacer{
    height: 480px;
}
#project_description #content_left{
    margin-top: 16px;
}
#project_thumbs{
    float: right;
}

#content_left div.detail_table
{   margin-top: 16px;
}
div.detailitem 
{
    width: 449px;
}
div.detailitem div.det_key
{   float: left;
    width: 139px;
    font-style: italic;
}
div.detailitem div.det_val
{   float: left;
    width: 310px;
}

div.detailitem div.det_val div.spacer
{
    float: left;
    margin: 0 3px 0 3px;    
}
div.detailitem div.det_val div.project_tag
{   float: left;
}
div.detailitem div.det_val div.project_tag a
{ text-decoration: none;
}
div.detailitem div.det_val div.project_tag a:hover
{ text-decoration: underline;
}