/* Browser Reseter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{
  margin: 0;
  padding:0;
  list-style:none;
  text-decoration: none;
  border: none;
  outline: none;
}

body img{
	float:left;
	border:0px;
}
/* General body layout */

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background-color:#4898c0;
}

#outer-wrap{
  width:100%;
  float:left;
}

div.body-wrap{
  width:970px;
  float:none;
  margin: 0 auto;
}

/* Layout styles */
#header-wrap{
	width:100%;
	float:left;
	margin-bottom:28px;
	background:#4898c0 url(images/banner-wrapper.png) repeat-x bottom center;
}
div.header-inner{
  width:970px;
  float: none;
  margin:0 auto;
}

#header{
	width:970px;
	height:54px;
	float:left;
	margin-bottom:50px;
	position:relative;
	background:url(images/header-bg.png) no-repeat left;
}

h1{
  display: block;
  float:left;
  margin:10px 62px 0 15px;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 230px;
left: 5px;
text-align: center;
text-indent:0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* stylin site main navigation */
ul.nav{
	width:702px;
	float:right;
	display:block;
}
ul.nav li{
	width:auto;
	float:left;
	margin:0 1px 0 0;
}
ul.nav li a{
	display: block;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 20px 24px 19px 24px;
}

/* stylin hover content for navigation */
ul.nav li a:hover, ul.nav li a.active{
	float:left;
	background:url(images/nav-hover.gif) repeat-x;
}

/* stylin banner content */
.banner{
	width:930px;
	height:309px;
	float:left;
	padding:0px 20px 0 20px;
	position:relative;
}
#slider{
	width:930px;
	height:309px;
	float:left;
	padding-top:10px;
}
#slider img{
	float:right;
}
#slider ul li div.bannerContent{
	width:452px;
	float:left;
	display:block;
}
#slider div.bannerContent h2{
	font-size:36px;
	color:#fff;
	text-shadow:1px 2px 2px #397897;
	padding:15px 0 20px 0;
}
#slider div.bannerContent p{
	font-size:12px;
	color:#fff;
	line-height:21px;
	padding-bottom:28px;
}

#slider a.r-more{
	width:142px;
	height:37px;
	float:left;
	text-align:center;
	line-height:36px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:url(images/button_bg.png) no-repeat;
}

#slider a.signup{
	width:142px;
	height:37px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:36px;
	margin:0 0 0 20px;
	background:url(images/button_bg.png) no-repeat;
}

/* slider content starts here */

#slider{
	display:block;
	width:930px;
	height:309px;
	float:left;
	position:relative;
	overflow:hidden;
	top:0px;
	left:0px;
}
#slider ul{
	width:930px;
	height:308px;
	float:left;
	position:absolute;
	overflow:hidden;
	}
#slider li{
	display:inline;
	width:930px;
	height:308px;
	float:left;
	position:relative;
	}
#prevBtn, #nextBtn{
	display:block;
	text-indent:-8000px;
	width:37px;
	height:37px;
	float:left;
	position:absolute;
	left:-36px;
	top:140px;
	}
#nextBtn{
	left:971px;
	top:180px;
	}
#prevBtn a, #nextBtn a{
	display:block;
	width:37px;
	height:37px;
	float:left;
	position:relative;
	background: url(images/slide-btn_prev.png) no-repeat 0 0;
	}
#prevBtn a{
	display:block;
}
#nextBtn a{
	display:block;
	top:-40px;
	background: url(images/slide-btn_next.png) no-repeat 0 0;
	}

/* end of header and banner content */


/* stylin main body content */
#content-wrap{
	width:932px;
	float:left;
	padding:11px 19px 30px 19px;
	background:url(images/body-wrap.png) repeat-y;
}

/* stylin leftPan content */
.leftPan{
	width:614px;
	float:left;
	padding-left:9px;
	margin-right:25px;
}

.leftPan h3{
	font-family:"Times New Roman", Times,Georgia, serif;
	font-size:23px;
	padding-bottom:13px;
}
	

/* stylin inner leftPan contents */
.innerLeft{
	width:211px;
	float:left;
	margin-right:28px;
}
.innerLeft ul{
	width:211px;
	float:left;
	padding-bottom:12px;
}
.innerLeft ul li{
	width:211px;
	float:left;
	padding:20px 0 20px 0;
	border-top:1px solid #d5d5d5;
}
.innerLeft ul li.bored{
	border-bottom:1px solid #d5d5d5;
}
.innerLeft ul li span{
	font-size:11px;
	color:#a6a6a6;
}
.innerLeft ul li p{
	display:block;
	width:211px;
	float:left;
	font-size:12px;
	font-weight:normal;
	color:#727272;
	line-height:21px;
	padding-bottom:7px;
}
.innerLeft ul li p a{
	color:#727272;
	text-decoration:underline;
	font-style:italic;
}
.innerLeft ul li p a:hover{
	text-decoration:none;
}

.innerLeft a.news{
	width:91px;
	float:left;
	font-size:12px;
	color:#2b85b2;
	line-height:21px;
}

/* stylin inner right content inside leftPan */
.innerRight{
	width:374px;
	float:left;
}
.innerRight h3{
	width:374px;
	float:left;
}
.innerRight img{
	float:left;
	margin:0 0 23px 0;
}

.leftPan .innerRight p{
	width:364px;
	float:left;
	font-size:12px;
	color:#727272;
	line-height:21px;
	padding-bottom:20px;
}

.innerRight a.more{
	width:78px;
	float:left;
	font-size:12px;
	color:#2b85b2;
}

/* stylin rightPan */
.rightPan{
	width:277px;
	float:left;
}

.rightPan ul, .rightPan li{
	width:276px;
	float:left;
	display:block;
}
.rightPan li{
	width:257px;
	height:67px;
	float:left;
	padding:10px 0 0 18px;
	margin-bottom:12px;
	background:url(images/small-content-box.png) no-repeat;
}
.rightPan img{
	float:left;
	margin-right:14px;
}
.rightPan p{
	width:163px;
	float:left;
	display:block;
	font-size:11px;
	color:#727272;
	line-height:16px;
}

.rightPan p a{
	font-size:14px;
	color:#000;
	font-weight:bold;
}

.rightPan p a:hover{
	text-decoration:underline;
	color:#2b85b2;
}

/* adjust padding and margins for each boxed content */
.rightPan ul li.box2{
	width:270px;
	padding:10px 0 0 4px;
}


/* stylin body lower contents */
#lower-content{
	width:970px;
	height:210px;
	float:left;
	padding-top:34px;
	background:#011f34;
}
div.lowerLeft{
	width:500px;
	float:left;
	margin:0 88px 0 30px;
}
div.lowerLeft h4{
	width:500px;
	float:left;
	font-size:21px;
	color:#fff;
	font-weight:normal;
	padding-bottom:8px;
	margin-bottom:15px;
	border-bottom:1px solid #1b3649;
}
div.lowerLeft blockquote{
	width:500px;
	float:left;
	font-size:12px;
	color:#8c9cb2;
	line-height:21px;
	text-indent:25px;
	padding:3px 0 16px 0;
	background:url(images/q-top.png) no-repeat left top;
}
div.lowerLeft p{
	width:96px;
	float:left;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#0075b8;
}


/* stylin lower right content  */
div.lowerRight{
	width:317px;
	float:left;
}

div.lowerRight h4{
	width:317px;
	float:left;
	font-size:21px;
	color:#fff;
	font-weight:normal;
	padding-bottom:8px;
	margin-bottom:22px;
	border-bottom:1px solid #1b3649;
}
div.lowerRight p{
	width:226px;
	float:left;
	font-size:12px;
	color:#8c9cb2;
	line-height:21px;
}

div.lowerRight p a{
	color:#0075b8;
	text-decoration:underline;
}
div.lowerRight p a:hover{
	text-decoration:none;
}

/* stylin footer content */
#footer-wrap{
	width:100%;
	height:100px;
	float:left;
}
#footer{
	width:944px;
	height:69px;
	float:none;
	margin:0 auto;
	padding:25px 0 0 26px;
}
#footer .fsup{width:970px; float:left}
#footer p.copyright{
	width:300px;
	float:left;
	font-size:11px;
	color:#a4d8f2;
}
#footer p.sign{
	display:block;
	width:200px;
	float:right;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#a4d8f2;
	margin:6px 47px 0 0;
}

/* stylin foot-navigation */
ul.footNav{
	clear:both;
	width:300px;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}
ul.footNav li{
	float:left;
	color:#a4d8f2;
}
ul.footNav li a{
	font-size:11px;
	color:#a4d8f2;
	padding:0 6px;
}

/* ################################### */
		/* stylin inner pages */
/* ################################### */
.leftPan h3.title{
	width:100%;
	float:left;
	display:block;
	font-family:"Times New Roman", Times,Georgia, serif;
	font-size:23px;
	padding-bottom:13px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:10px;
}

.leftPan p{
	width:610px;
	float:left;
	text-align:justify;
	line-height:21px;
	color:#727272;
	padding-bottom:20px;
}
.leftPan a.more{
	width:90px;
	float:left;
	display:block;
	font-size:12px;
	color:#2b85b2;
}

/* stylin right side column */
.rightPan h3{
	width:100%;
	float:left;
	display:block;
	font-family:"Times New Roman", Times,Georgia, serif;
	font-size:23px;
	padding-bottom:13px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:10px;
}


/* stylin blog page content */
#content-wrap ul.blog{
	display:block;
	width:100%;
	float:left;
}
#content-wrap ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:30px;
}
#content-wrap ul.blog li p.post, ul.blog li p.comments,ul.blog li p.date{
	width:100%;
	float:left;
}
#content-wrap ul.blog li h5{
	font-size:21px;
	color:#000;
	line-height:21px;
	padding:0px 0px 10px 0;
}
#content-wrap ul.blog li img{
	width:100%;
	margin:10px 9px 10px 0;
	border:2px solid #fff;
}

#content-wrap ul.blog li p a{
	font-size:12px;
	color:#2b85b2;
}
#content-wrap ul.blog li p a:hover{
	text-decoration:underline;
}
#content-wrap ul.blog li p.date,#content-wrap ul.blog li p.post,#content-wrap ul.blog li p.comments{
	padding:0 0 9px 0;
}


/* stylin contact us page */
.rightPan p.address{
	width:254px;
	float:left;
	margin:10px 0 0 0px;
	font-size:12px;
	color:#4d4d4d;
	line-height:21px;
	padding-bottom:20px;
}

#bookmark a{
	width:auto;
	float:left;
	margin:0 0 0 2px;
	padding:0px;
}

/* stylin sitemap content */
ul.sitemap{
	width:100px;
	float:left;
	padding-bottom:50px;
}
ul.sitemap li{
	width:100%;
	float:left;
	display:block;
	line-height:21px;
}
ul.sitemap li a{
	font-size:12px;
	color:#2b85b2;
	text-decoration:none;
}
ul.sitemap li a:hover{
	color:#727272;
	text-decoration:underline;
}