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

body		{font: 75% arial,sans-serif; text-align:center; background-color: #a9a9a9; background-repeat: repeat-x; color: #666666; background-image: url(../images/bg.gif); background-position: top center; background-repeat: repeat-y;}

			
.bold		{
			font-weight: bold;
			}

textarea	{
			height: 11px;
			font-size: 10px;
			color: #666666;
			background: #fff;
			border: #a5a5a5 1px solid;
			padding: 2px;
			padding-left: 4px;
			margin-bottom: 3px;
			font: 10px verdana,arial,sans-serif;
			}			


input		{
			font-size: 10px;
			color: #666666;
			background: #fff;
			border: #a5a5a5 1px solid;
			padding-left: 4px;
			}			
			
input submit
			{
			float: left;
			width: 120px;
			height: 100px;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			padding: 0px;
			padding-left: 0px;
			margin-left: 15px;
			}		


.active		{
			display: block;
			}
.inactive	{
			display: none;
			}

			
			
.font12 	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}

.font11 	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
			
.font10 	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			}

.img a		{
			background-color: #fff; padding: 5px; border: #b1b3b0 1px solid;
			}			
			

#container	{
			text-align:left; width:960px; margin:0 auto;
			}
			
#header		{
			height: 100px; margin-bottom: 0px; padding-bottom: 0px;
			}
#header_top {
			width: 782px; height: 10px; overflow: hidden; background-image: url('../images/header_top.gif');
			}
	#logo	{ 
			margin-left: 20px;
			}
			
#navigation	{
			width:960px; height: 28px; background-image: url(../images/bg_nav.gif); font-size: 13px;
			}	
	#navigation a {text-decoration: none;}
	#navigation a:link {text-decoration: none;}
	#navigation a:hover {text-decoration: none;}	
	
	#nav_1	{
			text-align: center; float: left; width: 106px; padding-top: 6px; border-right: #fff 1px solid; height: 22px;
			}
	#nav_2	{
			text-align: center; float: left; width: 117px; padding-top: 6px; border-right: #fff 1px solid; height: 22px;
			}
	#nav_3	{
			text-align: center; float: left; width: 129px; padding-top: 6px; border-right: #fff 1px solid; height: 22px;
			}
	#nav_4	{
			text-align: center; float: left; width: 121px; padding-top: 6px; border-right: #fff 1px solid; height: 22px;
			}			

	.nav_current{
			background-image: url(../images/bg_nav_current.gif);
			}
	#search_container{
			float: right; margin-top: 3px; margin-right: 15px;
			}
	#search_input {
			padding-top: 4px;width: 186px; height: 15px;
			}
			
#content	{
			 color: #636466;
			 width:930px; 
			 min-height: 300px;
			 background-repeat: no-repeat;
			 background-color: #fdecda;
			 background-image: url(../images/bg_content.jpg);
			 padding-top: 15px;
			 padding-bottom: 150px;
			 padding-left: 15px;
			 padding-right: 15px;
			}
	#content p	{
				line-height: 18px;
				}
	#content_left{
				font-size: 12px;
				width: 510px;
				float: left;
				}
		#content_left td {
				padding-right: 10px;
				}
		#content_left th {
				padding-right: 10px;
				}
	#content_right{
				float: right;
				width: 366px; margin-right: -5px;
				}
		#thumbs{
				margin-left: 20px;
				margin-top: 2px;
				}
	#content_clear{
				clear: both;
				}
	#content_top	{
					background-image: url("../images/bg_top.jpg"); width: 960px; height: 64px; padding-top: 15px;
					}
	#content_bottom	{
					background-image: url("../images/content_bottom.gif"); width: 1057px; height: 50px;
					}

	.projects_type_container{
					position: absolute; width: 570px; height: 340px; margin-top: 125px; margin-left: 25px; font-weight: normal;
					}
	#projects_content_bg	{
					position: absolute; width: 960px; height: 540px; margin-top: -25px; margin-bottom: -25px; background-image: url('../images/bg_2.jpg');
					}				
	.projects_img_container{
					width:372px; height: 380px; overflow: hidden; position: absolute; margin-left: 628px; margin-top: 117px; border: #000 1px solid;
					}					
	.projects_subnav{
					font-size: 14px; padding-bottom: 4px; padding-top: 10px; margin-bottom: 8px; border-bottom: #827f7d 1px solid;
					border-top: #827f7d 1px solid; width: 510px; color: #5f81de; margin-top: -10px;
					}
		.projects_subnav a
						{					
						color: #636466;
						}

	.projects_subnav table	{ 
					margin-bottom: 7px;
					}
		.projects_subnav td{
						padding-right: 10px;
						}
					}
	.projects_subnav a:hover{	
					color: #77bbb5;
					}
	.projects_dots	{
					margin-bottom: 30px;
					}
		.projects_dots a{
						color: #5f81de; text-decoration: underline;
						}
	.dot			{
					padding-left: 5px; padding-right: 5px; border: 0px;
					}

				
#footer		{
			position: absolute; font-size: 13px; color: #545454; margin-left: 25px; font-weight: normal; padding-top: 15px; padding-bottom: 15px;
			}
			
	#footer a	{
				color: #fff;
				}

	#footer a:hover	{
				color: #fff; text-decoration: underline;
				}
				
#footer_links	{
			padding-top: 2px;
			padding-bottom: 2px;			
			padding-left: 10px;
			margin-top: 4px;
			background-color: #eb8a3d;
			}
			
			
/****************** Dropdown Menu styling starts here **************/

.menusan

{

 /* use these params to positions your menu */

 position: relative; z-index: 200;

}

 

.menusan, .menusan li, .menusan li ul { /* all lists */

 padding: 0;

 margin: 0;

 list-style: none; z-index: 200;

}

 

.menusan li a {

 display: block;

padding-left: 23px; padding-right: 23px; padding-top: 6px; height: 22px;

 color:#fff ;

 text-decoration:none; z-index: 200;

}

 

.menusan li { /* all list items */
float: left;
width: 10em; 
text-align: center; 
font-size: 13px; 
border-right: #fff 1px solid; z-index: 200;

/* width needed or else Opera goes nuts */

}

 

.menusan li ul { /* second-level lists */

 position: absolute;
font-size: 12px;
text-align: left;
background-color:#7184c8;
color: #fff;
 z-index: 100;
 width: 20em; z-index: 200;

 left: -98%; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}


.menusan li ul li a { color: #fff; z-index: 200; }

.menusan li ul li {
text-align: left;

width: 20em; font-size: 12px; font-weight: normal;

border-bottom: #fff 1px solid; z-index: 200;

}

 

.menusan li a:hover {

 background-color:#2f4090;

 color:#eaeaea; z-index: 200;

}

 

.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */

 left: auto; /* change is to 10px, 20px, etc for indenting the sub menue */
 _margin-left: -685px;
 _margin-top: -78px; z-index: 200;

}

/* **************** Dropdown Menu styling end here ***************/