﻿/* CSS Document */
body
{
	padding: 0px;
	margin: 0px;
	background: #fff;
	color: #666;
	font: 14px/18px Georgia, "Times New Roman" , Times, serif;
}
div, p, ul, h2, h3, h4, img
{
	padding: 0px;
	margin: 0px;
}
ul
{
	list-style-type: none;
}
/*a
{
	background: #0099FF;
	color: #fff;
	text-decoration: none;
}*/

a:hover
{
	text-decoration: underline;
}

/*----TOP PANEL----*/

#maintopPanFixed
{
	position: fixed;
	top: 0;
	height: 277px;
	width: 100%;
	background: url('StyleImages/header1200.jpg') no-repeat 0 0;
	margin: 0 auto;
	left: 0;
	z-index: 99;
}
#maintopPanScrolling
{
	position: absolute;
	top: 0;
	height: 277px;
	width: 100%;
	background: url('StyleImages/header1200.jpg') no-repeat 0 0;
	margin: 0 auto;
	left: 0;
}

#topHeaderPan
{
	width: 800px;
	height: 277px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	z-index: 99;
}


#topHeaderPan ul
{
	width: 200px;
	height: 144px;
	position: absolute;
	top: 99px;
	left: 23px;
}
#topHeaderPan ul li
{
	width: 190px;
	height: 24px;
	background: url('StyleImages/dot-line.gif') repeat-x 0 100%;
}
#topHeaderPan ul li a
{
	display: block;
	width: 185px;
	height: 24px;
	background: url('StyleImages/bullet1.gif') no-repeat 0 9px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 12px;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #0099FF;*/
	color: #fff;
}
#topHeaderPan ul li a:hover
{
	text-decoration: underline;
	background: url('StyleImages/bullet2.gif') no-repeat 0 9px;
}
#topHeaderPan ul li.resources
{
	width: 114px;
	height: 24px;
	background: none;
}

#topHeaderPan img
{
	width: 232px;
	height: 100px;
	position: absolute;
	top: 8px;
	left: 24px;
}

#topHeaderLogin
{
	width: 61px;
	height: 21px;
	position: absolute;
	top: 255px;
	left: 24px;
}
#topHeaderLogin a
{
	width: 61px;
	height: 21px;
	background: url('StyleImages/Login.png') no-repeat 0 0;
	display: block;
}
#topHeaderLogin a:hover
{
	background: url('StyleImages/LoginHover.png') no-repeat;
}


/*----Floating Top Side Menu--*/

#floatingSideMenuTop
{
	position: fixed;
	right: 0px;
	top: 0;
	width: 373px;
	height: 277px;
	background: url('StyleImages/rightpanbg.png') repeat-y 0 0;
	z-index: 100;
}
#floatingSideMenuTop ul
{
	width: 298px;
	margin: 0 0 0 20px;
}
#floatingSideMenuTop ul li
{
	width: 99px;
	height: 277px;
	float: left;
}

#floatingSideMenuTop ul li.home
{
	width: 99px;
	height: 277px;
}
#floatingSideMenuTop ul li.home a
{
	width: 99px;
	height: 277px;
	display: block;
	background: url('StyleImages/home-normal.jpg') no-repeat 0 0;
	text-indent: -20000px;
}
#floatingSideMenuTop ul li.home a:hover
{
	width: 99px;
	height: 277px;
	background: url('StyleImages/home-hover.jpg') no-repeat 0 0;
}

#floatingSideMenuTop ul li.contact a
{
	width: 99px;
	height: 277px;
	display: block;
	background: url('StyleImages/contact-normal.jpg') no-repeat 0 0;
	text-indent: -20000px;
}
#floatingSideMenuTop ul li.contact a:hover
{
	width: 99px;
	height: 277px;
	background: url('StyleImages/contact-hover.jpg') no-repeat 0 0;
}

#floatingSideMenuTop ul li.services a
{
	width: 99px;
	height: 277px;
	display: block;
	background: url('StyleImages/services-normal.jpg') no-repeat 0 0;
	text-indent: -20000px;
}
#floatingSideMenuTop ul li.services a:hover
{
	width: 99px;
	height: 277px;
	background: url('StyleImages/services-hover.jpg') no-repeat 0 0;
}
/*-------Floating Right Panel----*/
#floatingSideMenu
{
	width: 373px;
	position: fixed;
	right: 0px;
	top: 277px;
	background: url('StyleImages/rightpanbg.png') repeat-y 0 0;
	z-index: 100;	
}


#floatingSideMenu h2 span
{
	font-size: 32px;
	line-height: 32px;
	background: #fff;
	color: #61A804;
	text-transform: none;
}

#floatingSideMenu ul
{
	width: 290px;
	margin: 36px 0 10px 46px;
	
}
#floatingSideMenu ul li.dot
{
	background: url('StyleImages/bullet.gif') no-repeat 0 7px;
	height: 47px;
	padding: 0 0 0 20px;
	font-weight: bold;
}
#floatingSideMenu ul li
{
	background: none;
	height: 47px;
	padding: 0 0 0 20px;
}

#floatingSideMenu p
{
	margin-left:43px;
}

div#floatingSideMenu a
{
	color:Black;
}
div#floatingSideMenu a:hover
{
	color: Blue;
	text-decoration: underline;
}

div#floatSideMenu a, a:visited
{
	color:Black;
}

#floatingSideMenu p.Services
{
	margin-top:2px;
}

#floatingSideMenuBottom
{
	width: 373px;
	height: 24px;
	position: absolute;
	right: 0px;
	background: url('StyleImages/rightbottompanWide.png') no-repeat 0 0;
	z-index: 99;
}

/*-------Floatin Right Panel----*/
/*----Floating Top Side Menu---*/

/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan
{
	width: 978px;
	clear: both;
	position:static;
	padding-top: 275px;
	
}
/*----Left Panel----*/
#leftPan
{
	width: 600px;
	float: left;
	margin-bottom:25px;
	margin-top:15px;
	
}
#leftPan p
{
	margin-top:15px;
	padding: 0 24px 14px 22px;
}

#leftPan p.News
{
	margin-top:0px;
	padding: 0 25px 15px 22px;
}

#leftPan ul
{
	padding: 0 24px;
	margin-bottom: 10px;
	margin-top: -10px;
}

#leftPan li
{
	margin-top:10px;
}

#leftPan ul.faq a, ul.faq a:visited
{
	color: Black;
}

#leftPan ul.faq a:hover
{
	color:#3399FF;
}

#leftPan ul.faqanswers a
{
	text-decoration:none;
}

#leftPan ul li.dot
{
	display:block;
	background-image: url('StyleImages/bullet.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 10px;
	
}

#leftPan ul li.bullet
{
	background-image: url('StyleImages/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding-left: 10px;
	line-height: 20px;
	
}

#leftPan p strong
{
	font-weight: bold;
}
#leftPan p.more
{
	width: 70px;
	height: 23px;
	margin: 0 0 0 340px;
}
#leftPan p.more a
{
	width: 70px;
	height: 23px;
	display: block;
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #589B02;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 23px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#leftPan p.more a:hover
{
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #046CB8;
	text-decoration: none;
}

#leftPan h1,h2,h4
{
	margin: 25px 0 0 22px;
}

#leftPan h3
{
	margin: 0 0 0 22px;
}

#leftPaninleftPan
{
	width: 320px;
	float: left;
}
#leftPaninleftPan h3, #leftPaninrightPan h3
{
	height: 55px;
	background: #fff url('StyleImages/icon3.gif') no-repeat 0 0;
	color: #046CB8;
	font: 24px/40px Arial, Helvetica, sans-serif;
	padding: 30px 0 0 54px;
	margin: 0 0 0 0px;
}
#leftPaninleftPan h4
{
	width: 209px;
	height: 90px;
	background: url('StyleImages/image1.jpg') no-repeat 0 0;
	margin: 0 0 0 22px;
	text-indent: -2000px;
}
#leftPaninleftPan p.strongtext
{
	font: 16px/18px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #3A3A3A;
	font-weight: bold;
	padding: 16px 24px 14px;
}

#leftPaninleftPan p.moreone
{
	width: 100px;
	height: 23px;
	margin: 0 0 35px;
}
#leftPaninleftPan p.moreone a
{
	width: 100px;
	height: 23px;
	display: block;
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #589B02;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 23px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#leftPaninleftPan p.moreone a:hover
{
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #046CB8;
	text-decoration: none;
}
#leftPaninleftPan h2.What
{
	width: 185px;
	height: 74px;
	background: #fff url('StyleImages/icon4.gif') no-repeat 0 0;
	color: #3A3A3A;
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 30px 0 0 66px;
	text-transform: uppercase;
	margin: 0 0 0 23px;
	
}
#leftPaninrightPan
{
	width: 280px;
	float: left;
}

#leftPaninrightPan h4
{
	width: 209px;
	height: 90px;
	background: url('StyleImages/image2.jpg') no-repeat 0 0;
	text-indent: -2000px;
	margin: 85px 0 0;
}

#leftPaninrightPan p
{
	margin: 0;
	padding: 0 0 14px;
}
#leftPaninrightPan p.strongtext
{
	font: 16px/18px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #3A3A3A;
	font-weight: bold;
	padding: 16px 24px 0px 0;
}
#leftPaninrightPan p span
{
	font-weight: bold;
}

#leftPaninrightPan p.moretwo
{
	width: 100px;
	height: 23px;
	margin: 0 0 35px;
}
#leftPaninrightPan p.moretwo a
{
	width: 100px;
	height: 23px;
	display: block;
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #589B02;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 36px;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 23px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#leftPaninrightPan p.moretwo a:hover
{
	background: #fff url('StyleImages/icon2.gif') no-repeat 0 0;
	color: #046CB8;
	text-decoration: none;
}
/*----/Left Panel----*/

#footermainPan
{
	height: 168px;
	background: #4C4C4C;
	color: #fff;
	clear: both;
	z-index: 0;
}
#footerPan
{
	width: 778px;
	float: left;
	position: absolute;
	z-index: 0;
}

#footerPan img
{
	width: 232;
	height: 100px;
	position: absolute;
	top: 70px;
	left: 53px;
}

#footerPan ul
{
	width: 500px;
	position: absolute;
	top: 10px;
	left: 53px;
}
#footerPan li
{
	float: left;
	font: 11px/15px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footerPan ul li a
{
	padding: 0 5px 0;
	color: #fff;
	background: #4C4C4C;
	text-decoration: none;
}
#footerPan ul li a:hover
{
	text-decoration: underline;
}

/*
#footerPan ul.templateworld
{
	width: 158px;
	background: #4C4C4C;
	color: #fff;
	display: block;
	position: absolute;
	top: 125px;
	left: 56px;
}
#footerPan ul.templateworld li a
{
	background: #4C4C4C;
	display: block;
	color: #fff;
	text-decoration: none;
}
#footerPan ul.templateworld li a:hover
{
	text-decoration: underline;
}
*/

#footerPan p.copyright
{
	background: #4C4C4C;
	color: #79D000;
	font: 11px/15px Tahoma,Arial, Helvetica, sans-serif;
	position: absolute;
	top: 74px;
	left: 58px;
}

#footerPanhtml
{
	width: 75px;
	height: 24px;
	display: block;
	position: absolute;
	top: 95px;
	left: 58px;
}
#footerPanhtml a
{
	width: 75px;
	height: 24px;
	background: #DFDFDF url('StyleImages/arrow1.gif') no-repeat 90% 50%;
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 24px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#footerPanhtml a:hover
{
	background: #DFDFDF url('StyleImages/arrow2.gif') no-repeat 90% 50%;
	color: #111;
	text-decoration: none;
}

#footerPancss
{
	width: 75px;
	height: 24px;
	display: block;
	position: absolute;
	top: 95px;
	left: 145px;
}
#footerPancss a
{
	width: 75px;
	height: 24px;
	background: #DFDFDF url('StyleImages/arrow2.gif') no-repeat 90% 50%;
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 24px;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#footerPancss a:hover
{
	background: #DFDFDF url('StyleImages/arrow1.gif') no-repeat 90% 50%;
	color: #111;
	text-decoration: none;
}

#leftPan .blueHr
{
	background-color:transparent;
	background: url('StyleImages/dot-line-blue.gif') repeat-x 0 100%;
	
	margin: 0 20px 0 22px;
}

#floatingSideMenu .blueHr
{
	background-color:transparent;
	background: url('StyleImages/dot-line-blue.gif') repeat-x 0 100%;	
	margin: 0 35px 0 15px;
}
a.contact
{
	color: #0066FF;	
	padding-left:5px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Times New Roman' , Times, serif;
}

.dottedUnderline
{
	border-bottom-style:dotted;
	border-bottom-color:Gray;
	border-bottom-width:thin;
}
