@charset "utf-8";
/* CSS Document For MCM Panels*/

body {    background: url(images/bg-color.jpg) no-repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#7a7a7a;  }
h1 {  font-size:16px; padding:10px; color:#777 }
h2 { background-color:#999; color:#eee; font-size:17px; padding:10px; margin:0px; }

#page{ border: 1px solid black; width:878px; height:797px; text-align:left; margin-left:auto; margin-right:auto; background-color:#fff; padding:5px;      }
#header { height:143px;  background-color:#99CC00; /* background: url(images/header.jpg) no-repeat top right;*/  width:878px;  	padding:0px; }
/* #99CC00; */

#logo { 	padding:0px; margin-left:30px; padding-top:20px; 	width: 165px; 	height:156px; 	background: url(images/logo3.jpg) no-repeat; 	background-color:white;  }
#logo p { margin:0px; padding-top:85px;  color:white; font-size:22px; font-weight:800; position:relative; left:-10px;} 

#fdtlogo { background: url(images/fdt.jpg) no-repeat center; width:85px; height:85px; background-color:white;}

#footer { float:left; background-color:#888; width:876px; height:78px; text-align:center; } 
#footer img { float:left;}
#footer p { /* float:left;*/ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:white;   font-weight:bold;  padding:0px; margin-top:21px; margin-bottom:0px; }
#footer a { text-decoration:none; color:white;}
/* #footer p { float:left;} */
#menu {  	padding:0px; 	margin:0px; 	width: 668px; 	height: 30px; 	background-color:#99CC00;  }
#menuarea {  	display:block; 	float:left; 	width:680px;  	height:30px; 	background-color:#99CC00; 	margin-top:4px; }

#menu ul { list-style:none; padding: 0; margin-left:210px; }
#menu li { float: left; margin: 0 0.38em; border: 1px solid black; }
#menu li a { height: 2em; line-height: 2em; float: left; width: 10em; display: block; text-decoration: none; text-align: center;background: url(images/bartop1.gif) #fff bottom left repeat-x; }

#menu a:hover {  	text-decoration: none;  	color:white;          background: url(images/bartop2.gif) #fff bottom left repeat-x; }
#menu .current_page_item a { 	color: black; }

.menupanels{  display:block; list-style-type:none; margin: 0; padding: 0; width: 180px; /* width of menu */ /* background-colo:#99CCFF;*/  margin-left:10px;   }

.menupanels li{  border-bottom: 4px solid #99cc33;   }
.menupanels li a{ display: block; background:url(images/topbar.gif) repeat-x; height:20px; /*background:url(images/button.png) no-repeat;*/ /*background-color:#aaa; /*color of menu by default*/ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;  width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ /* text-indent: 18px;*/ text-align:center; text-decoration: none;  border: 1px #eee solid;	 /* border-bottom: 1px solid black;   ...bottom border of menu link. Should be equal or darker to link's bgcolor*/ }

.menupanels li a:visited, .menupanels li a:active{ color: black; background:url(images/topbar.gif) repeat-x; }  
#line {	margin-top:25px; 	width:878px; 	height:3px; 	background-color:black; /*	background-color:#99CC33;	*/ /*	background-color:black;	*/  } 
#content { background: url(images/contentback.jpg) no-repeat; border-left:3px solid #999; /*background:url(images/footer.jpg) bottom left no-repeat; */float:left; background-color:#fff; width:658px;/*  border: 5px solid #ccc; */ /* margin-top:5px; margin-left:5px;*/ height:538px; overflow:auto; padding:0px;  }
#content img { padding:15px; }
#content a { color:#666; } #content a:hover { text-decoration:none; color:#333; }
#content p { margin:10px; font-size:14px; }
#content ul {  font-size:14px; }
#content ul li { padding:5px; }
#content p.footertext { font-size:11px; }

.menupanels li a:hover{  background-color:#999; color: white;  /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ }  
.alt{width: 200px; }

.alt li a{ background-color: #99CCFF; border-bottom: 1px solid #99CCFF; }

.alt li a:hover{  background-color: #99CCFF; }

#leftpanel { 	float:left;  	width:217px; 	height:538px; 	background:url(images/leftpanel.jpg) bottom; 	background-color:#99CC33; } 
#leftpanel p { 	color:white;	 	font-size:13px; 	font-weight:400; 	margin-left:15px; 	margin-right:8px; }
#leftpanel p.phone { font-weight:800; font-size:16px;  }
#animation {float:right; }
#contactform { padding:15px; }
#contacttable { padding:15px; width:350px; height:40px; margin-left:20px; }


