/* CSS Document */
body
{
    margin: 0 0 5px;
    padding: 0;
    background: url(images/bg.png) repeat-x 0 0 #B9C3C5;
    color: #FFFFFF;
}
	
div, h1, h2,h3, h4, h5, h6, p, img, form, label, input, ul, li, a{
	margin:0; padding:0;}
ul{
	list-style-type:none;}
	
.spacer{
	font-size:0; line-height:0; clear:both;}




/* -- header start -- */
#header
{
    background-position: 0 0;
    width: 995px;
    height: 271px;
    margin: 0 auto;
    position: relative;
    background: url(images/mediabg-header_bg.jpg) no-repeat 0 0;
}
.panelbanner{
    position: absolute;
    left: 11px;
    top: 16px;
    height: 95px;
    width: 974px;
    overflow: hidden;
}
#header div.media
{position:absolute; left:10px; top:120px;
}
#header div.media table
{
    position: absolute;
    left: -3px;
    top: 3px;
    height: 87px;
    width: 555px;
    overflow: hidden;
}
#header img.logo{
	border:none; position:absolute; left:22px; top:30px;}
#header h1{
	width:117px; height:5px; position:absolute; left:125px; top:71px;
	background:url(images/punch_line.gif) no-repeat 0 0 #B1AF9C; color:#3A3032;
	line-height:0; font-size:0; text-indent:-2000px;}
#header p{position:absolute; left:101px; top:30px;}
#header div.login{
	width:530px; height:42px; padding:9px 13px 9px 15px;
	position:absolute; left:320px; top:67px;
	background:url(images/login_bg.gif) no-repeat; color:#8C622D;}
#header div.login h2{
	width:72px; padding:0 0 0 15px; float:left;
	background:url(images/login_icon.gif) no-repeat 0 6px #C9C8B7; color:#643D42;
	font:normal 13px/21px Tahoma, Arial, Helvetica, sans-serif;}
#header div.login label{
	width:auto; padding:0 6px; float:left;
	font:normal 10px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8C622D;}
#header div.login span
{
    margin: 2px 3px 3px 5px;
    width: auto;
    padding: 0 0px;
    float: left;
    font: normal 10px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #663300;
    line-height: 10px;
}

#header div.login input
{
    width: 70px;
    height: 11px;
    padding: 3px;
    float: left;
    background-color: #CFCDBB;
    color: #573A15;
    border: #B6B4A1 1px solid;
    font: normal 8px/13px 'Trebuchet MS' , Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
#header div.login input.loginBtn
{
    background-position: url(images/login_btn.gif);
    width: 39px;
    height: 15px;
    padding: 0;
    margin: 2px 0 0px 10px;
    background-color: #CFCDBB;
    color: #573A15;
    border: none;
    line-height: 0;
    font-size: 0;
    background: url(images/login_btn.gif);
    cursor: hand;
}
#header div.welcome
{
    position: absolute;
    left: 620px;
    top: 140px;
    width: 350px;
}
#header span.welcometxt
{
    font-family: "Tahoma" , Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
}
#header span.thought
{
    font-family: 'Trebuchet MS' , Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #8D8B78;
    visibility: hidden;
}
#header p.contactInfo
{
    position: absolute;
    left: 10px;
    top: 224px;
    width: 450px;
    float: left;
    font: normal 11px/20px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #003366;
    visibility: hidden;
}
#header p.contactInfo span
{
    color: #000099;
}
#header p.contactInfo a{
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none; margin:0 16px 0 0;
	background-color:#4E4E3D; color:#CFCDBB;}
#header p.contactInfo a:hover{
	text-decoration:underline;}
#header p.contactInfo .emailIcon{
	background:url(images/email_icon.gif) no-repeat 0 3px; padding:0 0 0 18px;}
#header p.contactInfo .callIcon{
	background:url(images/call_icon.gif) no-repeat 0 3px; padding:0 0 0 18px;}
#header ul.topNav{
	position:absolute; left:615px; top:215px;}
#header ul.topNav li{
	float:left;}
#header ul.topNav li a{
	width:92px; height:25px; display:block;
	background:url(images/top_btn_bg_h.png) no-repeat bottom left; padding:4px 0 0 0; color:#8D8B78;
	font:bold 9px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center; text-decoration:none; text-transform:uppercase;}
#header ul.topNav li a:hover{
	width:92px; height:29px; display:block;
	background:url(images/top_btn_bg_h.png) no-repeat top left; padding:4px 0 0 0; color:#CFCDBB;}
#header ul.topNav li a.hover{
	width:92px; height:29px; display:block;
	background:url(images/top_btn_bg_h.png) no-repeat top left; padding:4px 0 0 0; color:#CFCDBB;}
#header ul.subMenu{
	position:absolute; left:636px; top:242px;}
#header ul.subMenu li{
	float:left; background:url(images/sub_menu_divider.gif) no-repeat right top; padding:0 1px 0 0;}
#header ul.subMenu li.noDivider{
	float:left; background:none; padding:0 1px 0 0;}
#header ul.subMenu li a{
	padding:0 11px; color:#8D8B78;
	font:normal 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none; text-transform:uppercase;}
#header ul.subMenu li a:hover{
	color:#CFCDBB;}
/* -- header end -- */

/* -- body start - */
#body{
	width:995px; margin:0 auto;}
/* -- left pannel start -- */
.left{
	width:178px; float:left; padding:0 0 31px;
	border-right:#2F1D1F 1px solid;
	text-align:right;}
.left h2{
	font:normal 17px/25px "Tahoma", Arial, Helvetica, sans-serif;
	padding:0 14px 4px 0; color:#161C27;}
.left ul.leftMenu{
	padding:0 0 12px;}
.left ul.leftMenu li{
	padding:0 0 1px 0;}
.left ul.leftMenu li a
{
    background-color: #184177;
    color: #ffffff;
    font: normal 11px/17px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    padding: 0 14px 0 0;
}
.left ul.leftMenu li a:hover
{
    background-color: #184177;
    color: #8D8B78;
}
.left a.link{
	color:#003366;
	font:bold 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline; margin:6px 14px 0 0;}
.left a.link:hover{
	text-decoration:none;}
.left img.pic{
	margin:8px 14px 0 12px; display:block; }
.left p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#161C27;
	padding:0px 14px;}
.left p.design{
	color:#8D8B78; padding-bottom:15px; font-size:10px;}
.left a.more{
	font:normal 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:center;
	background-color:#003366; color:#CFCDBB;
	width:110px; padding:0 12px; margin:0 14px 0 30px; display:block;}
.left a.more:hover
{
    background-color: #001C37;
    color: #CFCDBB;
}
.left img.link{
	border:none; margin:7px 14px 0 88px; padding:0; display:block;}
/* -- left pannel end -- */
/* -- midle pannel start -- */
.midle{
	width:579px; padding:29px 31px 0; float:left;}
.midle h2
{
    font: normal 21px/25px Arial, Helvetica, sans-serif;
    color: #184177;
    padding: 0 0 5px 0;
}
.midle h3{
	width:39px; height:43px; margin:0 13px 0 0; float:left;}
.midle h3 span.month
{
    width: 39px;
    height: 15px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    font: normal 10px/15px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    background: url(images/month_bg.gif) no-repeat 0 0;
    text-transform: uppercase;
}
.midle h3 span.day
{
    width: 39px;
    height: 28px;
    color: #003366;
    text-align: center;
    display: block;
    font: bold 18px/28px Arial, Helvetica, sans-serif;
    background: url(images/day_bg.gif) no-repeat 0 0;
}
.midle p
{
    padding: 9px 0;
    font: normal 11px/14px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
.midle table
{
    padding: 9px 0;
    font: 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #FFFFFF !important;
}
.midle p.top{
	padding:2px 0 !important;}
.midle p.highlight{
	color:#ffffff;
	font:bold 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.midle p span{
	color:#003366;}
.midle p .comments{
	background:url(images/comment_icon.gif) no-repeat 0 4px; padding:0 0 0 21px;
	color:#000000;
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.midle .bg
{
    margin: 8px 0 26px 0;
    padding: 16px 21px;
    background-color: #184177;
    color: #FFFFFF;
    font: 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    overflow: hidden;
    width: 579;
    height: 100%;
}
.midle table
{
    border-color: #FFFFFF;
    color: #FFFFFF;
    font: 12px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
.midle img{
	float:left; margin:8px 18px 8px 0;}
/* -- midle pannel end -- */
/* -- right pannel start -- */
.right
{
    width: 164px;
    padding: 4px 0 35px 9px;
    float: left;
    border-left: #2F1D1F 1px solid;
    background-color: #184177;
}
.right .testimonial{
	background:url(images/testimonial_bg.gif) repeat-y 0 0; margin:0 0 15px;}
.right h2{
	font:normal 17px/25px "Tahoma", Arial, Helvetica, sans-serif;
	padding:0 14px 4px 6px; color:#CFCDBB;}
.right h3{
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 10px 10px 0px; color:#B79F67;}
.right .testimonial span.top{
	background:url(images/testimonial_top_bg.gif) repeat-y 0 0;
	height:4px; line-height:0; font-size:0; display:block;}
.right .testimonial span.bottom{
	background:url(images/testimonial_bottom_bg.gif) repeat-y 0 0;
	height:4px; line-height:0; font-size:0; display:block;}
.right .testimonial p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px 15px 15px 10px; color:#ffffff;}
.right .testimonial p.lightColor{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px 15px 5px 10px; color:#CFCDBB;}
.right a.link{
	color:#8D8B78;
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;}
.right a.link:hover{
	text-decoration:none;}
.right form{
	padding:0 10px 15px 6px;}
.right form input.radio{
	width:14px; height:14px; float:left; margin:0 5px 5px 0;}
.right form label{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; float:left;}

.right .padLeft{
	padding-left:10px;}
.right .padLeft1{
	padding-left:6px;}
.right .padTop{
	padding-top:5px;}
.right .padBottom{
	padding-bottom:21px;}
.right .rssIcon{
	background:url(images/rss_icon.gif) no-repeat 0 0; padding:0 0 0 24px; margin:0 0 0 6px;}
/* -- right pannel start -- */
/* -- body end - */

/* -- footer start -- */
#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #595846; color:#D7D1AD;
	width:995px; margin:0 auto; padding:20px 0 21px 0; text-align:center;}
#footer p{
	font:normal 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 10px;}
#footer p.tworl{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px 0 0; clear:both;} 
#footer p.tworl a{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 3px;
	background-color:#184177; color:#D7D1AD;
	text-decoration:none;} 
#footer p.tworl a:hover{
	background-color:#184177; color:#D7D1AD;}
#footer ul{
	width:72px; margin:0 auto; padding:0 0 0 0;}
#footer ul li{
	float:left; margin:0 8px 0 0;}
#footer ul li a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0;
	width:31px; height:17px; display:block;
	text-decoration:none; text-indent:-2000px;}
#footer ul li a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0;}
#footer ul li a.css{
	background:url(images/css_btn.gif) no-repeat 0 0;
	width:25px; height:17px; display:block;
	text-decoration:none; text-indent:-2000px;}
#footer ul li a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0;}


/* -- footer end -- */

.imgthumbslides
{
	border-right: #ffffff 1px solid;
	padding-right: 3px;
	border-top: #ffffff 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: #ffffff 1px solid;
	margin-right: 5px;
	padding-top: 3px;
	border-bottom: #ffffff 1px solid;
}
.imgthumbslides:hover
{
	border-right: #ff0099 1px solid;
	padding-right: 3px;
	border-top: #ff0099 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: #ff0099 1px solid;
	margin-right: 5px;
	padding-top: 3px;
	border-bottom: #ff0099 1px solid;
}
.graybg
{
    background-color: #BCC1C5;
    border-top: #ffffff 1px dashed;
    border-bottom: #ffffff 1px dashed;
    color: #003366;
}
.funcdate
{
    font-size: 10px;
    color: #3333cc;
    font-family: 'Trebuchet MS';
}
a
{
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}	
.darklink
{
    color: #184177;
}
.darklink:hover
{
    color: #6666FF;
    text-decoration: none;
}