/* CSS Document */

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	
}


#a:link {
	color: #0000FF;
	text-decoration: none;
}
#a:visited {
	text-decoration: none;
	color: #CC6600;
}
#a:hover {
	text-decoration: underline; 
	color: #FFFF00;
}
#a:active {
	text-decoration: none;
	color: #CC6600;
}
#columnLeft {
vertical-align:top;
	background-color:#DDEFC2;
	width: 145px;
	padding:3px 3px 5px 0px;
}
#logo{

margin-left:5px;
margin-top:15px;}

#logo img{
border:1px solid #333333;
margin-top:5px;}

#logotext{
margin-top:10px;
margin-left:5px;
text-align:justify;
}

.imgright{
border:1px solid #000;
float:right;
margin-top:-10px;
margin-left:10px;
margin-right:5px;
margin-bottom:10px;

}

#columnLeft h2{
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 2px;
	color: #FF6600;
	text-align: center;
}
#columnLeft p{
	display: none;
}
#columnLeft ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#columnLeft li{
	display:block;
	border-top:3px solid #999999;
	border-bottom:1px solid #ffffff;
	width:147px;
	padding-bottom:3px;
	font-weight:normal;
	text-align:right;
	padding-right: 5px;
	background: #CCCCCC;
}
#columnLeft ul li a{
	text-decoration: none;
	color: #FFFFFF;
}
#columnLeft ul li a:hover{
	text-decoration: none;
	color: #FF6600;
}




#columnMain {
vertical-align:top;
text-align:justify;
padding-right:0px;
padding-bottom:15px;
padding-left:5px;
padding-top:10px;

}
#columnMain h1{
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #CCCCCC;
	margin-top:-9px;
	padding: 2px;
}
#columnMain p{
	margin-top: 0px;
	padding-top: 0px;
}
#columnMain ul{
	list-style-type: square;
}

#topnav{
	width: 750px;
	height:15px;
	padding-right:5px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	background: #CCCCCC;
}
.skiplink{
font-size:5px;
color:#FFFFFF;
text-decoration: none;}

#topnav a:link {
	color: #FF9900;
	text-decoration: none;
}
#topnav a:visited {
	text-decoration: none;
	color: #CC6600;
}
#topnav a:hover {
	text-decoration: underline;
	color: #0000FF;
}
#topnav a:active {
	text-decoration: none;
	color: #CC6600;
}
#midBanner{
	width: 750px;
	height:100px;
	
}
#news{
height:100px;
padding-top:10px}
#news h1 {
 margin-left:10px;
 font-size:1em;
 margin-top:0px;
color: #000;
font-weight:bold;
}
 #news h2{
 text-align:left;
 
 color:#FF0000;
 font-size:.9em;
 margin-top:-1px;

 }
 #news h3{
 margin-top:5px;
 
 color:#009900;

 }

#footer{
	width: 750px;
	height:30px;
	background: #CCCCCC;
	text-align: center;
}
#footer a{
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover{
	text-decoration: none;
	color: #FFCC00;
}
.img_workshop {
float:left;
	margin-right: 10px;
	margin-bottom: 2px;
}
/*Project Item Pages with pics*/
#projectList{
width:550px;
text-align:center;}
#ProjContentHeadings{
	padding-right:5px;
	
	width:400px;
	height:357px;
	position:absolute;
	left: 340px;
	top: 210px;
}

/* project images*/

#image1{
border:1px solid #000;
margin-left:20px;
margin-bottom:30px;
width:100px;
}
#image2{
border:1px solid #000;
margin-left:20px;
margin-bottom:30px;
width:100px;
}
#image3{
border:1px solid #000;
margin-left:20px;
margin-bottom:30px;
width:100px;
}
/*bottom table holding images across the page */
#TableImages{
margin-left:20px;
}
.bottompicmargin{
margin-right:30px;
border:1px solid #000;
text-align:center;}


.bold{
font-weight:bold;}
.boldunderline{
font-weight:bold;
text-decoration:underline;
text-align:center; }