@charset "utf-8";


/* Change default html styles */
* {
  margin: 0;
  padding: 0;
}
p {
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
  font-weight: normal;
}
a img {
  border-style: none;
}

div, p, ul, h1, h2, h3, h4, form{
	margin:0px; 
	padding:0px;
}
ul{
	list-style-type:none;
}

/* hax */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* General styling ..........................................*/
body {
	margin:0; 
	padding:0;
    color: #666; 
	background:#ffffff;
    font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/mainbg.jpg) 0 0 repeat-x #fff;
}

a {
   text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

/*--Top Panel------------------------------------------------------------------*/
#topPan{
	width:710px; 
	height:360px;
	position:relative;
    font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto; 
	padding:0;
}

#topPan div#logo{
	clear:both;
	width: 200px;
	height:80px;
	position:absolute;
	background:url(../images/logo2.jpg) #ffffff no-repeat;
	top: 30px;
}
#topPan div#logo a{
    margin:7px 0 0 4px;
	display:block;
	width:190px; 
	height:70px; 
}

#topPan h1{
	width:170px; 
	height:165px; 
	position:absolute; 
	top:118px; 
	left:2px; 
	display:block; 
	background:url(../images/header10.jpg) 0 0 no-repeat #ffffff; 
	font:24px/18px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	color:#fff; 
	padding:65px 86px 0 450px; 
	font-weight:normal;
}
#topPan h1 span{
	font-size:14px;
}
/*--Content Panel---------------------------------------------------------------*/
/*--Top Content Panel---------------------------------------------------*/
#topContentPan{
	background: url(../images/middlepanbg1.jpg) 0 0 repeat-x #F0F0F0;
	padding:15px 0 15px 0;
	margin:0 auto;
	  min-height:350px;
	  height:auto !important;
	  height:350px;	
	  overflow:hidden; 
}
/*--Top-Main Content Panel--------------------------------*/
#topContentPan div#MnContentPan{
	width:710px;
	margin:0 auto;
}
#MnContentPan img{
	position:absolute;
	left: 290px;
	top: 437px;
}
#hedngPan{
	width:100%; 
	float:left;
}
#hedngPan h2{
	width: 620px;
	height:50px;
	background: url(../images/icon8.jpg) 0 50% no-repeat ;
	color:#133b68;
	font-weight:bold;
	font: 25px/60px Arial, Helvetica, sans-serif;
	padding: 0 0 10px 60px;
	margin: 0 0 0 10px;
}
/*--SoftContentPan1----------------*/
#WNContentPan{
	width: 700px;
	float:left;
	margin:5px 0 10px 0;
}
#WNContentPan p{
	color:#133b68;
	font: 14px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
	text-align:justify;
    line-height: 1.2;
} 
#WNContentPan p span{
	font-weight:bold;
	font: 18px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#WNContentPan p.boldtext{
	font-weight:bold;
	margin:0 0 0 40px;
	color:#2c4f77;
}
#WNContentPan div.WNleft{
    float:left;
	width:580px;
	border-top:#a8a8a8 double 5px;
	padding:0px 7px 8px 7px;
	margin: 3px 0 3px 0;
}
#WNContentPan div.WNleft div.leftin{
    background-color:#cbdbf0;
	padding:6px 6px 6px 6px;
	border:#bfbfbf solid 1px;
}

#WNContentPan div.WNright{
    float:right;
	width:580px;
	border-top:#a8a8a8 double 5px;
	padding:0px 7px 8px 7px;
	margin: 3px 0 3px 0;
}
#WNContentPan div.WNright div.rightin{
	background-color: #f0e6cb;
	padding:6px 6px 6px 6px;
	border:#bfbfbf solid 1px;
}
/*--Top Content Panel close---------------------------------------------*/

/*--Bottom Panel--------------------------------------------------------*/
#btmPan{
	background-color:#FFFFFF;
	padding:20px 0 30px 0;
	margin:0 auto;
}
/*--Bottom-main-Content Panel--------------------------------*/
#btmPan div#BtmContentPan{
	width:710px;
	height: 250px;
	margin:0 auto;
}

#hedngPan2{
	width:100%; 
	float:left;
}
#hedngPan2 h2{
	width: 620px;
	height:40px;
	background: url(../images/icon6.jpg) 0 50% no-repeat ;
	color: #006600;
	font-weight:bold;
	font: 25px/40px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding: 0 0 0 50px;
	margin: 0 0 5px 10px;
}

/*--BottomContentLeft Panel----------------------*/
#btmPan div#BtmContentPan div#bottomLeftPan{
    float:left;
	width:326px;
	height: 215px;
	padding: 0 20px 0 10px;
	border-right:#333333 dotted 1px;
}
#bottomLeftPan h3{
	width: 320px;
	height:30px;
	font-weight:bold;
	font: 20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding: 10px 0 15px 0;
	margin: 0 0 0 0;
}
#btmPan div#BtmContentPan div#bottomLeftPan div.boldtext{
    font-weight:bold;
}
#btmPan div#BtmContentPan div#bottomLeftPan p{
	margin: 0 0 0 30px;
	padding: 2px 0 2px 0;
	font-size:12px;
    line-height: 1.5;
}
#btmPan div#BtmContentPan div#bottomLeftPan p span{
	font-weight:bold;
	color:#006600;
}
#btmPan div#BtmContentPan div#bottomLeftPan p.more{
	width:100px;
	height:20px;
	margin:-22px -10px 0 0;
	float:right;
	display:block;
	z-index:1;
}
#btmPan div#BtmContentPan div#bottomLeftPan p.more a{
	width:100px; 
	height:20px; 
	display:block; 
	background:url(../images/icon5_1.jpg) 0 0 no-repeat ; 
	color:#179602; 
	font:15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 0 0 25px; text-decoration:none;
}
#btmPan div#BtmContentPan div#bottomLeftPan p.more a:hover{
	text-decoration:underline;
}

/*--BottomContentRight Panel--------------------*/
#btmPan div#BtmContentPan div#bottomRightPan{
    float:right;
	width:275px;
	height: 215px;
	padding: 0 20px 0 25px;
	margin:0 10px 0 0;
}
#bottomRightPan h3{
	width: 280px;
	height:30px;
	font-weight:bold;
	font: 20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
}
#btmPan div#BtmContentPan div#bottomRightPan p{
	margin: 0 0 0 50px;
	padding: 2px 0 1px 0;
    line-height: 1.7;
}
#btmPan div#BtmContentPan div#bottomRightPan p.boldtext{
	font-weight:bold;
	background: url(../images/arrowgrey1.gif) 0 50% no-repeat ;
}

#btmPan div#BtmContentPan div#bottomRightPan img{
	margin: 0 0 0 130px;
}

/*--Footer Panel----------------------------------------------------------------*/
#footermainPan{
	height:174px; 
	background:url(../images/footerbg.jpg) 0 0 repeat-x #777; 
	color:#fff; 
	margin:0; 
	padding:0; 
	clear:both;
}
#footerPan{
	width:710px; 
	position:relative; 
	margin:0 auto;
}
#footerPan img{
	width:165px; 
	height:70px; 
	position:absolute; 
	top:18px; 
	right:1px;
}
#footerPan ul{
	width:550px; 
	position:absolute; 
	top:30px; 
	left:1px;
}
#footerPan li{
	float:left; 
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:normal;
    line-height: 1.5;
}
#footerPan ul li a{
	padding:0 0 0 6px; 
	color:#fff; 
	text-decoration:none;
}
#footerPan ul li a:hover{
	text-decoration:underline;
}

#footerPan ul.templateworld{
	width:158px; 
	background:#7D7D7D; 
	color:#fff; 
	display:block; 
	position:absolute; 
	top:120px; 
	left:61px;
}
#footerPan ul.templateworld li a{
	background:#7D7D7D; 
	display:block; 
	color:#fff; 
	text-decoration:none;
}
#footerPan ul.templateworld li a:hover{
	text-decoration:underline;
}

#footerPan p.copyright{
	color:#fff; 
	font:10px/15px Tahoma,Arial, Helvetica, sans-serif; 
	position:absolute; 
	top:75px; 
	left:8px;
}

#footerPanhtml{
	width:70px; 
	height:24px; 
	background:url(../images/htmlbutton.gif) 0 0 no-repeat; 
	display:block; 
	position:absolute; 
	top:110px; 
	left:61px;
}
#footerPanhtml a{
	width:59px; 
	height:19px; 
	background: url(../images/arrow-normal.gif) no-repeat 50px 4px #FB9217; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:3px; 
	margin:0; 
	padding:0 0 0 5px; 
	color:#fff; 
	text-transform:uppercase; 
	text-decoration:none; font-weight:bold;
}
#footerPanhtml a:hover{
	background:url(../images/arrow-hover.gif) no-repeat 50px 4px #FB9217; 
	color:#fff; 
	text-decoration:none;
}

#footerPancss{
	width:58px; 
	height:24px; 
	background:url(../images/cssbutton.gif) 0 0 no-repeat; 
	display:block; 
	position:absolute; 
	top:110px; 
	left:135px;
}
#footerPancss a{
	width:46px; 
	height:19px; 
	background: url(../images/arrow-normal.gif) no-repeat 40px 5px #FCD927; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:3px; 
	margin:0; 
	padding:0 0 0 5px; 
	color:#fff; 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight:bold;
}
#footerPancss a:hover{
	background:url(../images/arrow2-hover.gif) no-repeat 40px 5px #FCD927; 
	color:#fff; text-decoration:none;
}