/*  

Theme Name: Destination

Theme URL: http://templateworld.com



Description:  This is a wordpress theme designed and ported by: TemplateWorld.



Version: 1.0



Author: TemplateWorld

Author URI: http://templateworld.com/

*/





/* Begin Typography & Colors */

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

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 img{
	position:absolute; left:350px; top:93px;
	}
#header h1{
	background:url('../images/slogan.gif') no-repeat 0 0 ; width:214px; height:14px; text-indent:-2000px; position:absolute; 
	left:379px;	top:174px; font-size:0; 
	}
#header ul{
	 height:34px; position:absolute; left:87px; top:0;
	 }
#header ul li{
	float:left; padding:0 0 0 1px;
	}
#header ul li a{
	font:bold 9px/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:66px; text-decoration:none; float:left;
	}
#header ul li a.hover{
	font:bold 9px/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:66px; text-decoration:none; float:left;
	}
#header ul 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.johnson{
	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.johnson b{
	display:block;
	}
#body p.johnson span{
	color:#4B7F00; background-color:#FFFFFF; font-weight:bold; float:right;
	}
/*======================= left body =======================*/
#leftPan{
	width:585px; float:left;  padding:21px 0 20px 0; 
	color:#003131;
	}
#leftPan h2{
	font:normal 22px/35px Georgia, "Times New Roman", Times, serif; margin:0 0 7px 0; background-color:#F0F9F9; color:#000000;
	float:left; 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 0 0 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;
	
	}
#respond, #comments{
	font-weight:bold;
	font-size:20px;
}

.alt, .alt1{
	padding-bottom:15px;
}
	
#leftPan p{
	font-size:12px; line-height:18px;  padding:0 31px 8px 13px; float:right;
	width:471px;
	}
#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;
	}
/*=============== right ====================*/
#right{
	width:174px; float:right; padding:29px 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{
	width:535px; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif ;  height:119px;
	}
#footer ul{
	width:530px; position:absolute; top:2px; left:0;
	}
#footer li{
	 color:#D8EAEA; font-size:12px; line-height:16px; background-color:#3B6565; float:left;	display:block; 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{
	background-color:#F4F3E7; color:#274747;
	}
#footer p{
	width:300px;  position:absolute; top:25px; left:200px; font-size:11px;
	}
#footer p.copy{
	font-size: 11px; width:160px;  line-height:16px;  position:absolute; left:200px; top:65px; 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; position:absolute; top:47px; left:200px; 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;
	}