@import url("ddMenu.css");

body {
  	padding: 0;
  	margin: 0;
  	width: 100%;
  	height: 100%;
  	font-family:arial,century gothic, "lucida console", sans-serif;
         font-size:8pt;
	color:#404040;

	}
ul {
   	margin: 0px;
  	padding: 0px;
  	list-style: none;
	}


a {
	color:#404040;
	text-decoration:none;
	}
a:hover {
	color:#ee9523;
	text-decoration:underline;
	}

a img {
	border:0px;
	}


div#mainBodyContainer {
  	position:relative;
  	margin-left:auto;
  	margin-right:auto;
  	top:85px;
  	width:900px;
  	border:0px solid #aaa;
  	}

 div#header {
  	width:900px;
  	height:118px;
  	}


img#titleLogo {
  	position:absolute;
  	top:-32px;
  	left:-4px;
	}

#fadeContentContainer {
         position:absolute;
         left:0px;
	top:77px;
	border-top:2px solid #666666;
         width:900px;
	z-index:100;
	}









#whiteSheetForIE {
         position:absolute;
	top:0px;
	border:0px solid #f0f;
	width:900px;
         z-index:200;
	background-color:#fff;
         /* for IE */
  	filter:alpha(opacity=0);
  	/* CSS3 standard */
         opacity:0;
	}



div#projectGrid {
         position:absolute;
	left:0px;
	top:20px;
	width:900px;
         z-index:3000;
	}

div.projectColumn {
         position:absolute;
	top:0px;
	width:240px;
	border:0px solid red;
	}

div#projectColumn1 {
         left:0px;
	}
div#projectColumn2 {
         left:240px;
	}
div#projectColumn3 {
         left:480px;
	}
div#projectColumn4 {
         left:720px;
	}






li.projectGridElement {
         position:relative;
	height:60px;
	width:210px;
	border:0px solid red;

	}


div.projectThumb {
	position:absolute;
         left:0px;
	top:0px;
	width:52px;
	height:52px;


	}


ul.projectList {
         position:absolute;
	margin-left:58px;
         top:-2px;
         border:0px solid #000;
         width:170px;
	}

li.projectTitle {
         font-size:8pt;
	color:#404040;
         margin-top:0px;
	margin-bottom:0px;
	}





li.projectInfo {
         font-size:7pt;
	color:#999;
         margin-top:2px;
	}