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

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

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 {
                font-family: Verdana;
				font-weight: 200;
				font-size: 9.4pt;
				color: #0099CC;
				
}

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


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

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

#navigation li.sidebar ul li a{

						font-family: Verdana;
						font-weight: 200;
						font-size: 8pt;
						color: #555555;


}



li.dotit{
			background-image:url("../Images/bluedotlist.png");
			background-repeat:no-repeat; 
			background-position:14px 6px;
			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{
			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:15px;
			font-family: Helvetica;
			font-weight: 200;
			font-size: 14pt;
			color: #111111;
            
}


.firstpage{

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

}

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

}

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

}
.firstpage li{
                margin-top: 17px;
                background-image:url("../Images/bluedotlist.png");
                background-repeat: no-repeat;
                background-position:0 6px;
                padding-left: 14px;
    
}


div.projpage{

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

div.projpage 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;

}