/* CSS Document */

body{padding:0px; margin:0px; background:url(images/mainbg.jpg) 0 0 repeat-x #fff; color:#707070; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, p, ul, h2, h3, img{padding:0px; margin:0px;}



.right{

	float:right;

	margin:8px 0 8px 8px;

}

.left{

	float:left;

	margin:8px 8px 8px 0;

}

/*----TOP PANEL----*/

#topPan{width:747px; height:108px; position:relative; margin:0 auto; padding:0px;}

#topPan img{width:224px; height:108px; position:absolute; top:0px; left:0px;} /*20px for img from top*/



#topPan ul{list-style-type:none;width:530px; height:32px; position:absolute; top:76px; right:0px;}

#topPan ul li{float:right; height:32px; padding:0 0 0 1px;}



#topPan ul li a{

	display:block; 

	background:#fff; 

	padding:0 3px;  

	height:32px; 

	color:#656565; 

	font-size:11px; 

	font-weight:bold; 

	line-height:32px; 

	text-transform:uppercase; 

	text-align:center; 

	text-decoration:none; 

	margin:0px 2px;

	-webkit-border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;

	-moz-border-radius-topright: 8px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;	

}

#topPan ul li a:hover{

	background:#F4F4F4; 

	color:#17286A; 

	text-decoration:none;

}



#topPan ul li.home{display:block; height:32px; background:#F4F4F4; padding:0 5px; font-size:11px; font-weight:bold; line-height:32px; color:#17286A; text-decoration:none; text-transform:uppercase; text-align:center;

	margin:0px 2px;

	-webkit-border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;

	-moz-border-radius-topright: 8px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

}





/*----/TOP PANEL----*/



/*----BODY TOP PANEL----*/

#bodytopmainPan{width:100%; background:#F4F4F4; color:#6c6c6c; float:left; padding:42px 0 20px; clear:both;}



#bodytopPan{width:747px; position:relative; background:#F4F4F4; color:#707070; margin:0 auto; padding:0px;}

#bodytopPan h1{background:#F4F4F4; color:#17286a; font-size:24px; line-height:30px; margin-bottom:25px}

#bodytopPan h2{background:#F4F4F4; color:#17286a; font-size:18px; line-height:30px; margin-bottom:25px}

#bodytopPan p{padding:0 38px 11px 0;}

#bodytopPan p span{font-weight:bold;}

#bodytopPan p.more{margin:0 0 15px 618px; padding:0px;}

#bodytopPan p.more a{display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}

#bodytopPan p.more a:hover{background:url(images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}

/*----/BODY TOP PANEL----*/



/*----BODY MIDDLE PANEL----*/

#bodymainmiddlePan{width:100%; background:#fff; color:#6c6c6c; float:left; padding:5px 0 20px; clear:both;}



#bodymiddlePan{width:747px; position:relative; margin:0 auto 0 auto; background:#fff; color:#6c6c6c;}

/*---Middle Panel----*/

#middlePan{width:245px; float:left;}

#middlePan p{width: 225px; padding:0 0 20px 0;}

#middlePan p.boldtext{font-size:18px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 10px;}



#middlePan p.dotline{background:url(images/dot.line.gif) 0 0 repeat-x; width:216px; padding:0 0 12px 0;}



#middlePan p.more{margin:0 0 40px 0px; padding:0px;}

#middlePan p.more a{display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}

#middlePan p.more a:hover{background: url(images/button2.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}



#middlePan ul{ list-style-type:none; width:216px; padding:0 0 20px 0;}

#middlePan ul li{width:216px; height:20px;}

#middlePan ul li a{width:190px; height:20px; background:url(images/arrow1.gif) 0 8px no-repeat #fff; color:#6c6c6c; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}

#middlePan ul li a:hover{background:url(images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}





#middlePan ul.block{width:216px; height:151px; display:block; padding:0px;}

#middlePan ul.block li{width:216px; height:151px;}

#middlePan ul.block li a{width:180px; height:128px; display:block; background:url(images/block1-normal.jpg) 0 0 no-repeat #FCFCFC; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; padding:23px 0 0 30px;}

#middlePan ul.block li a:hover{background:url(images/block1-hover.jpg) 0 0 no-repeat #FCFCFC; color:#fff; text-decoration:none;}





/*---/Register----*/

#register{

	width:500px;

}

#register div.head{

	width:500px;

	font-weight:bold;

	float:left;

	margin-bottom:10px;

}

#register div.body{

	width:500px;

	float:left;

	margin-bottom:10px;

}

#register div.label{

	float:left;

	width:200px;

	margin-bottom:10px;

	min-height:15px;

}

#register div.field{

	float:left;

	width:300px;

	margin-bottom:10px;

	min-height:20px;

}

#register div.field input{

	width:260px;

}

#register div.field textarea{

	width:260px;

	height:100px;

}



/*----FOOTER PANEL----*/

#footermainPan{height:160px; background:url(images/footerbg.gif) 0 0 repeat-x #565656; color:#fff; clear:both;}



#footermainPan h3{ color:#2B2A2A; padding-top:12px; font-size:18px; margin-left:30px;}

#footerPan{width:1000px; position:relative; margin:0 auto;}





#footerPan ul{list-style-type:none; width:580px; position:absolute; top:60px; left:140px;}

#footerPan ul.sub{list-style-type:none; width:580px; position:absolute; top:135px; left:140px;}

#footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}

#footerPan ul li a img{ border:10px solid #fff;}

#footerPan ul li a:hover{text-decoration:underline;}



#footerPan ul.templateworld{width:300px; background:#565656; color:#fff; display:block; position:absolute; font-size:12px; top:135px; left:26px;}

#footerPan ul.templateworld li a{background:#565656; display:block; color:#fff; text-decoration:none;}

#footerPan ul.templateworld li a:hover{text-decoration:underline;}

.error{

	color:red;

}

.clear{

	clear:both;

	width:100%;

}

