*,body {
margin:0; padding:0;
}

body{
     margin-top:30px;
     margin-left:40px;
     
}

#wrapper {
     display:block;
     width: 1000px;
}

ul{
list-style-type:none;
}

#navigation{
             position:relative;
             z-index:2;
             width: 200px;
             float:left;
             margin-top:24px;
}

#navigation li{
			    padding-left: 16px;

}


#navigation a{
			    text-decoration:none;
			    
			    
}

#navigation li.sidebar a, div.firstpage h1, div.lastpage h1{
                font-family: Verdana;
				font-weight: 200;
				font-size: 9.4pt;
				color: #0099CC;
				
}

#navigation li.sidebar{
						width: 138px;
						margin-bottom:5px;
}

#navigation li.category{
     padding-top: 10px;
}


#navigation li.liscence{
						margin-top:40px;
						font-family: Verdana;
						font-weight: 200;
						font-size: 7pt;
						color: #666666;
}

#navigation li.liscence a{
						margin-bottom:5px;
						font-family: Verdana;
						font-weight: 200;
						font-size: 7pt;
						color: #666666;
						
}

#navigation li.sidebar ul li a, #navigation li.category{
						font-family: Verdana;
						font-weight: 200;
						font-size: 8pt;
						color: #555555;
}

#navigation li.category {
     color: #769F00;	
}


li.dotit{
			background-image:url("../Images/bluedotlist.png");
			background-repeat:no-repeat; 
			background-position:14px 7px;
			padding-left:4px;
			


}

li.narr {
			background-image:url("../Images/bluedotnarr.png");
			background-repeat:no-repeat; 
			background-position:0 4px;
			margin-bottom:27px;
 
}

li.narr a {
			font-family: Gill Sans;
			font-weight: 200;
			font-size: 13pt;
			background-image: url("../Images/blue.png");
			padding: 9px;
	        letter-spacing: 2px;
	        color: #FFFFFF;
	        
	        
	     
}


.content{
		  z-index:1;
          background-repeat:no-repeat; 
          position:relative;
          float:left;
          width: 640px;
          padding-left:37px;
          padding-right:10px;
          padding-top:10px;
          padding-bottom:50px;
          left:-47px;
          
          
}

.firstpage p,.lastpage p{
			font-family: Verdana;
			font-weight: 200;
			font-size: 8pt;
			color: #444444;
                        line-height: 17px;


}



.content a{
			font-family: Verdana;
			font-weight: 200;
			font-size: 8.3pt;
			color: #0099CC;
            line-height: 17px;
            text-decoration:none;


}

.content h1{
			margin-top:8px;
			font-family: Helvetica;
			font-weight: 200;
			font-size: 14pt;
			color: #111111;
            
}


.firstpage,.lastpage, .projectmenu {

			background-image:url("../Images/graysquare01.jpg");
			padding-left:110px;
			padding-top:85px;
			/* width: 450px; */
                        width: 555px;

}

.firstpage b,.lastpage b{
            font-family: Verdana;
			font-weight: 200;
			font-size: 8.3pt;
			color: #769F00;
            line-height: 17px;
            text-decoration:none;
			

}

div.lastpage u, .projectmenu u{
            font-family: Verdana;
			font-weight: 600;
			font-size: 8.2pt;
			color: #444444;
            line-height: 17px;
            text-decoration:none;
            display: block;
			

}

.firstpage li{
                float:left;
                margin-top: 17px;
                background-image:url("../Images/bluedotlist.png");
                background-repeat: no-repeat;
                background-position:0 6px;
                padding-left: 14px;
                min-height: 120px;
                width: 535px;
                padding-bottom: 18px;
                border-bottom: 1px #999999 solid ;
                
}

.lastpage li{
                float:left;
                margin-top: 17px;
                background-image:url("../Images/bluedotlist.png");
                background-repeat: no-repeat;
                background-position:0 6px;
                padding-left: 14px;
                //min-height: 120px;
                width: 535px;
                padding-bottom: 18px;
                //border-bottom: 1px #999999 solid ;
                
}

.firstpage p,.lastpage p, .projectmenu p{
     max-width: 420px;
     //text-align: justify;
}

/* Thumbnail images for news */
.firstpage ul img{
     width: 100px;
     height: 100px;
     top: 10px;
     float: right;
     display: block;
     position: relative;
     clear: both;
}
/* Thumbnail images for Project page */
.lastpage ul img{
     width: 500px;
     height: 150px;
     top: 10px;
     margin-bottom: 16px;
     float: left;
     display: block;
     position: relative;
     //clear: both;
}


div.projpage{

			background-image:url("../Images/graysquarebig.jpg");
			background-repeat:no-repeat;
			//padding-left:1px;
			padding-top:15px;
			width: 600px;
			
}

div.projpage p, .projectmenu p{
			font-family: Verdana;
			font-weight: 200;
			font-size: 8pt;
			color: #444444;
            line-height: 17px;
            margin-bottom:8px;


}

div.projpage b{
			font-family: Verdana;
			font-weight: bold;
			font-size: 8.5pt;
			color: #444444;
            line-height: 30px;
            margin-top:8px;
            

}



a.thumbs img{
          
          margin:2px;

}

a.thumbs img:hover{
          
          border: 1px solid #0099CC;

}

#ongoing {
     margin-top: 10px;
}
#ongoing img{
     width: 200px;
     float: left;
     //display: block;
}

#ongoing div{
     max-width: none;
     float: right;
     width: 345px;
     margin-left:10px;
     margin-bottom: 33px;
     display: block;
     
}

.recentProjects div{
     margin-top: 10px;
}
#ongoing h1, div.recentProjects h1{
     font-family: Verdana;
     font-weight: 200;
     font-size: 9.3pt;
     color: #769F00;
     line-height: 17px;
     text-decoration:none;
     
}

.projectmenu h1{
                        margin-top:2px;
			font-family: Helvetica;
			font-weight: 200;
			font-size: 12pt;
			color: #0099CC;
}

div.recentProjects {
     width: 100%;
     height: 210px;
     display: block;
     margin-top: 10px;
     
}

div.col {
     text-align: center;
     padding: 1px;
     width: 33.1%;
     height: 100%;
     float:left;
}

div.center {
     //border-left: 1px solid #BABABA;
     //border-right: 1px solid #BABABA;
}

div.col img{
     width: 150px;
}

/* Styles for the recent projects descriptions */
div.col h1{
     
}

div.col p{
     
}