/* JLDD CSS Document */
body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x 0 0 #F0F9F9; color:#003131; font-size: 12px;
	}

a{
	color:#338799;
}

div, p, h1, h2, h3, h4, img, ul, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none
	}
.spacer{
	clear:both; font-size:0; line-height:0;
	}
/*================================ header ======================================*/
#header{
	width:766px; margin:0 auto; position:relative; height:249px; background:url(images/header_pic.gif) no-repeat 0 0;
	}
#header #flash_wrapper{
	position: absolute; right: 4px; bottom: 4px; margin: auto; width:340px; height: 199px;
}
#header #logo{
	position: absolute; top:90px; left: 65px;
}
#header #header_contact{
	position: absolute; top: 159px; left: 0; width: 448px;text-align: center; font-family: Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; font-size: 13px;
}
#header #contact_list { margin: 0; padding: 12px 0 0 0; text-align: right; color: #F0F9F9; list-style-type:none;}
#header #contact_list li { text-align: center; width: 100%; height: 18px;}
#header #contact_list #email a { color: #ffffff; text-decoration: none; }
#header #contact_list #email a:hover { text-decoration: underline; }
#header ul#main_nav{
	 height:34px; position:absolute; left:60px; top:0;
	 }
#header ul#main_nav li{
	float:left; padding:0 0 0 1px; margin: 0px 16px;
	}
#header ul#main_nav li a{
	font:bold 12px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#fff; height:34px;
	background:url(images/navi_bg.gif) repeat-x 0 0 #0D0D0D; display:block; width:75px; text-decoration:none; float:left;
	}
#header ul#main_nav li a.hover{
	font:bold 12px/34px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#fff; height:34px;
	background:url(images/navi_h.gif) repeat-x 0 0 #0D0D0D; display:block; width:75px; text-decoration:none; float:left;
	}
#header ul#main_nav li a:hover{
	background:url(images/navi_h.gif) no-repeat 0 0; 
	}
/*========================= body ============================*/
#mainBody{
	background:url(images/body_bg.gif) repeat-x left bottom #F0F9F9; color:#003131; font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0px 0; margin:0 auto; 
	}
#body{
	width:760px; margin:0 auto; 
	}
#body p.quote{
	width:528px; height:116px; border:#D3DCDC 1px solid; background:url(images/body_p_bg.gif) no-repeat 14px 29px #FFFFFF; 
	color:#3B3B3B; padding:23px 110px 0 120px; font-size:12px; line-height:18px;
	}
#body p.quote b{
	display:block;
	}
#body p.quote span{
	color:#4B7F00; background-color:#FFFFFF; font-weight:bold; float:right;
	}
/*======================= left body =======================*/
#leftPan{
	width:585px; float:left;  padding:8px 0 20px 0; 
	color:#001d1d;
	}
#leftPan h2{
	font:normal 22px/35px Georgia, "Times New Roman", Times, serif; margin:0 0 7px 0; background-color:#F0F9F9; color:#000000;
	width:543px; height:35px;
	}
#leftPan h3{
	background:url(images/date_bg.gif) no-repeat 0 0 #F0F9F9; color:#FFFFFF; font-size:22px; font-weight:bold; float:left;
	width:66px; height:76px; text-align:center;  padding:6px 10px 10px 3px;
	}
#leftPan h3 b{
	color:#5F5F5F; background-color:#FFFFFF; text-transform:uppercase; font-size:11px; display:block; width:65px; line-height:18px;
	margin:3px 0 0 0; 
	}
#leftPan h3 span{
	color:#609317; background-color:#FFFFFF; text-transform:uppercase; font-size:21px;  width:65px; line-height:17px;
	}

#leftPan h4 { font-size: 14px; margin: 0 0 5px 0; }
#leftPan .title { text-decoration: underline; }

#respond, #comments{
	font-weight:bold;
	font-size:20px;
}

.alt, .alt1{
	padding-bottom:15px;
}
#leftPan p{
	font-size:12px; padding:0 31px 13px 0; line-height: 18px;
	width:485px;
	}
#leftPan p u{
	border-bottom:#8FB2B2 1px dashed; text-decoration:none;
	}
#leftPan ul{
	width:468px; height:45px; border-bottom:#E5F0F0 5px solid; margin:2px 0 13px 0; float:left; padding:0 0 0 80px;
	display:block;
	}
#leftPan ul.nobor{
	width:468px; height:45px; border-bottom:none; margin:2px 0 13px 0; float:left; padding:0 0 0 80px;
	display:block;
	}
#leftPan ul li{
	float:left; padding:0 0 0 4px; display:block;/* border:#DFE8E8 1px solid;*/  height:21px; 
	}
#leftPan ul li a{
	 font-size:12px; text-decoration:none; text-align:center; background-color:#FFFFFF; color:#0F0F0F; height:21px; display:block;
	 line-height:21px; padding:0 0 0 8px;
	}
#leftPan ul li.admin a{
	background:url(images/admin_icon.gif) no-repeat 0 0 ; width:123px;
	}
#leftPan ul li.admin a:hover{
	background:url(images/admin_icon_h.gif) no-repeat 0 0; width:123px;
	}
#leftPan ul li a.com{
	background:url(images/comm_icon.gif) no-repeat 0 0; width:123px;
	}
#leftPan ul li a.com:hover{
	background:url(images/comm_icon_h.gif) no-repeat 0 0; width:123px;
	}
#leftPan ul li a.more{
	background:url(images/more_icon.gif) no-repeat 0 0; width:68px;
	}
#leftPan ul li a.more:hover{
	background:url(images/more_icon_h.gif) no-repeat 0 0; width:68px;
	}
#leftPan blockquote{
	color: #000000;
}

/* PROFILES */
#leftPan .profile { margin: 5px 0 0 0; }
#leftPan .profile .profile_img { float: left; width: 69px; padding: 0 14px 0 0; text-align: center; }
#leftPan .profile .profile_img .border{ border:1px solid #000000; }
#leftPan .profile .copy p{ float: left; width: 400px; }
#leftPan .profile h4 .title {  }
#leftPan .profile .skills { color:#167395; }

/*=============== right ====================*/
#right{
	width:174px; float:right; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif;
	}
#right form{
	width:174px; height:118px; background:url(images/form_bg.gif) no-repeat 0 0 #F0F9F9; padding:0; position:relative;
	color:#303030; font-size:0;
	}
#right form h2{
	background:url(images/form_h2_bg.gif) no-repeat 0 0 #FFFFFE; width:153px; height:26px; color:#FFFFFF; left:5px; top:6px;
	font:bold 14px/26px Georgia, "Times New Roman", Times, serif; padding:0 0 0 11px; position:absolute;  margin:0;
	}
#right form label{
	font-size:12px; line-height:14px; position:absolute; left:16px; top:40px; padding:0; margin:0; height:14px;
	}
#right form input{ 
	width:140px; height:19px; border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-top:#808080 1px solid;
	border-left:#808080 1px solid; position:absolute; left:16px; top:57px; padding:0; margin:0; line-height:19px; font-size:10px;
	}
#right form a{
	position:absolute; left:30px; top:84px; background:url(images/form_arrrow.gif) no-repeat center right; display:block;
	padding:0 13px 0 0; font-size:10px; line-height:18px; font-weight:bold; text-transform:uppercase; color:#765400;
	background-color:#FFFFFF; text-decoration:none;
	}
#right form a:hover{
	background:url(images/form_arrrow_h.gif) no-repeat center right;
	}
#right form input.go{
	background:url(images/go_buttom.gif) no-repeat 0 0; font-size:0; border:none; position:absolute; left:138px; top:102px;
	cursor:pointer; width:20px; height:5px; 
	}
#right p.top{
	background:url(images/top_cup.gif) no-repeat 0 0; width:173px; height:5px !important; font-size:0; margin:8px 0 0 0;
	}
#right p.top1{
	background:url(images/top_cup1.gif) no-repeat 0 0; width:173px; height:5px !important; font-size:0; margin:8px 0 0 0;
	}
#right h2{
	background:url(images/ul_h2_bg.gif) no-repeat 0 0; width:158px; height:26px; padding:0 0 0 15px; display:block;
	font:bold 14px/26px Georgia, "Times New Roman", Times, serif; margin:0; background-color:#F0F9F9; color:#FFFFFF;
	}
#right ul{
	width:158px; border-left:#D4E6E6 1px solid; border-right:#D4E6E6 1px solid; background-color:#FFFFFF; padding:6px 0 0 13px;
	color:#424242; font-size:0;
	}
#right ul li{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:#D9E3E3 1px solid; height:22px; padding:0 0 0 14px;
	width:126px;
	}
#right ul li.nobor{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:none; height:22px; padding:0 0 0 14px;
	width:126px;
	}
#right ul li a{
	font:12px/22px Arial, Helvetica, sans-serif; color:#424242; background-color:#FFFFFF; text-decoration:none;
	}
#right ul li a:hover{
	color:#765400; background-color:#FFFFFF;
	}
#right p.buttom{
	background:url(images/bu_cup.gif) no-repeat 0 0; width:173px; height:19px; font-size:0; margin:0 0 10px 0;
	}
#right .bg_1 h2{
	background:url(images/left_h2_bg1.gif) no-repeat 0 0; display:block;
	}
#right div.bl_2 ul{
	width:158px; border-left:#D4E6E6 1px solid; border-right:#D4E6E6 1px solid; background-color:#D8EAEA; padding:6px 0 0 13px;
	color:#424242; font-size:0;
	}
#right div.bl_2 ul li{
	background:url(images/right_arrow1.gif) no-repeat 0 9px; border-bottom:#FFFFFF 1px solid; height:22px; padding:0 0 0 14px;
	width:126px;
	}
#right div.bl_2 ul li.nobor{
	background:url(images/right_arrow1.gif) no-repeat 0 8px; border-bottom:none; height:22px; padding:0 0 0 14px;
	width:126px;
	}
#right div.bl_2 ul li a{
	font:12px/22px Arial, Helvetica, sans-serif; color:#424242; background-color:#D8EAEA; text-decoration:none;
	}
#right div.bl_2 ul li a:hover{
	color:#765400; background-color:#FFFFFF;
	}
#right p.buttom1{
	background:url(images/bu_cup1.gif) no-repeat 0 0; width:173px; height:19px; font-size:0; margin:0 0 10px 0;
	}
#right div.bl_2 h2{
	background:url(images/left_h2_bg2.gif) no-repeat 0 0; color:#424242; background-color:#F0F9F9;
	} 
/* ======================= footer ============================*/
#footermain{
	background:url(images/footer_bg.gif) 0 0 repeat-x #3B6565; color:#fff;  margin:0 auto;
	padding:18px 0 0 0;
	}
#footer{
	position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif ;  height:119px; text-align: center;
	}
#footer ul{
	height: 25px; text-align:center;margin: auto;
	}
#footer li{
	 color:#D8EAEA; font-size:12px; line-height:16px; background-color:#3B6565; display:inline; margin:0; padding:0;
	}
#footer ul li a{
	height:16px; padding:0 8px 0 8px; color:#D8EAEA; font-size:12px; line-height:16px; 	background-color:#3B6565;
	text-decoration:none;
	}
#footer ul li a:hover{
	text-decoration: underline;
	}
#footer p{
	font-size:11px; width: 100%; height: 25px;
	}
#footer p.copy{
	font-size: 11px; width:160px;  line-height:16px;  height:16px; padding:0;
	}
#footer p.copy a{
	text-decoration:none;  font-weight:bold; background-color:#3B6565; color:#fff;
	}
#footer p.copy a:hover{
	text-decoration:underline;
	}
#footer ul.xhtml{
	width:134px; font-size:0; background-color:#163131; 
	display:block; 	padding:0px 0 0 19px; color:#FFFFFF; height:16px !important;
	}
#footer ul.xhtml li{
	float:left; margin:0px 0 0 0; padding:0 0 0 13px; background-color:#163131; color:#FFFFFF; display:block; line-height:10px;
	}
#footer ul.xhtml li a{
	width:45px;  background:url(images/xml.gif) no-repeat 0 4px;  display:block; float:left;
	padding:0; margin:0; font-size:0; text-indent:-2000px; line-height:10px;
	}
#footer ul.xhtml li a.css{
	width:31px;  background:url(images/css.gif) no-repeat 0 4px;
	}
#footer ul.xhtml li a.css:hover{
	background:url(images/css_h.gif) no-repeat 0 4px;
	}
#footer ul.xhtml li a:hover{
	 background:url(images/xml_h.gif) no-repeat 0 4px;
	}