/* ..........constructors...........*/



body{
	background: #DFDFDF;
	margin: 10px 0px 0px 0px;
}


#wrap{
	width: 780px;
	margin: auto;
	background:url(../img/bg.gif) repeat-y;
}



#container{
	width: 760px;
	margin: auto;
}


#header{
	width: 760px;
	height: 142px;
	border-top:#CCCCCC solid 1px;
	background:#fff;
}

#headertext {
float:right;
text-align:center;
padding-top:10px;
padding-right:10px;
}


/* .........menu..............*/


.clear{
	clear:both;
}


#menu{
	width: 760px;
	margin-left:2px;
	float: left;
    height:25px;
}


#menu ul{
	list-style:none;
	margin: 0;
	padding: 0;
	width: 126px;
	float: left;
}

#menu li{
	position: relative;
}

#menu ul li{
	float:left;
	padding-bottom:0px;
    width: 126px;
    height: 25px;
}

#menu a{
	font: normal 11px verdana,helvetica,arial,sans-serif;
	line-height: 25px;
	padding-top:0px;
	display:block;
	margin: 0px 0px 0px 0px;
    height: 25px;
	color:#FFFFFF;
	background:#FF6600;
	text-decoration:none;
	text-align:center;
	border-left:#FFFFFF solid 1px;
}

#menu a:hover{
	color:#FFFF00;
	background:#FF6600;
}

#menu ul ul{
	position:absolute;
	top: 25px;
	left: 0;
	z-index:500;
	width:126px;
}

#menu ul ul li {
	border-top:#FFFFFF solid 1px;
}

#menu ul ul ul{
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul ul a { height:25px; background:#FF9900;}
#menu ul ul ul a:hover { background:#FF9900; color:#FFFF00;}


#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul
{display: none;}


#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover
{display: block;}




/*   ....... content.........*/


h3,h4,h3,h6 {font-family:Verdana, Arial, Helvetica, sans-serif}
h1, h2 {font-size:20px; font-family:Arial, Helvetica, sans-serif;}
h3, h4 {font-size:14px;}
h5, h6 {font-size:12px;}
h2, h4, h6 {color:#FF6600;} /* 1,3,5 blue, 2,4,6 orange */


#content{
	width: 100%;
	float: left;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	color:#0C3B70;
}

#content a, a:visited {
	color:#FF6600;
	text-decoration:none
}

#content a:hover {
	color:#009900;
	text-decoration:none
}


/* -- main content area....*/

#maincontent{
	width: 63%;
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 0;
}


#topmain{
	width: 96%;
	border-bottom:  #CCCCCC solid 1px;
	padding: 2% 2% 2% 2%;
	min-height:180px;
}


#centermain{
	width: 96%;
	padding: 2% 2% 2% 2%;
}


/* styling for side content areas */

#sidecontent{
	width: 28%;
	float: left;
	padding: 0px 2% 10px 2%;
}

#side1 {
	margin-top:20px;
}

#side2 {
	margin-top:20px;
}

#side3 {
	margin-top:10px;
}


/* ............footer..............*/


#footer{
	width: 100%;
	height: 50px;
}

#footerline{
	width: 760px;
	height: 7px;
	background:url(../img/btmline.gif) no-repeat;  
}


#info{
	width: 100%;
	height: 50px;
	float: left;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}


#text{
	width: 69%;
	height: 50px;
	float:left;
}	


#text p{
	line-height: 100%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top: 20px;
}


#logo{
	height: 50px;
	width: 30%;
	float:left;
}


#logo img{
	padding-left: 40px;
}


#bottomline{
	background:url(../img/btmbg.gif) no-repeat ;
	width: 780px;
	height: 14px;
	margin: auto;
}



/* ............services side..............*/


#services{
	margin: 0;
	padding: 0;
}


#services a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0c3b70;
	line-height: 200%;
	text-decoration: underline;
	background: url(../img/servicesarrow.gif) no-repeat left;
	background-position: 0px -1px;
	padding-left:17px;
}

	

#services a:hover{
	text-decoration: none;
}


#services a[href^="mailto:"]{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6633;
	text-decoration: underline;
	background: none;
	line-height: 100%;
	padding: 0;
}


#services a:hover[href^="mailto:"]{
	text-decoration: none;
}	

	
/* .............home side..............*/


#home img{
	padding-bottom: 20px;
}


/* ............prospective & contact.............*/

#prospective {
	margin-top:10px;
}

fieldset{
	margin: 0;
	padding: 0;
	border: none;
	background: #FFFFFF;
}


label{
	display: block;
}


input{
	width: 100%;
}


textarea{
	width: 100%;
	height: 150px;
}


input[type^="submit"]{
	height: auto;
	width: 50px;
}


/* end page credits  */

.credit {
	text-align:center;
	margin-top:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

.credit a {
	text-decoration:none;
	color:#666666;
}
.credit a:hover {
	color:#FF6600;
	text-decoration:none;
}

.credit a:visited {
 	color:#666666;
	text-decoration:none;
}

#pan_logo{
float:left;
width:300px;
margin-top:21px;
margin-left:23px;
outline:none;
}

.newsletter {
background-color:#FFFFCC;
border:1px solid #FFFF00;
color:#000000;
padding:5px;
width:200px;
}
.newsletter input{
width:auto;
}
.newsletter .buttoncss {
width:auto;
padding:0;
margin:0;
border:1px solid #00236f;
background: #284C93;
color:#fff;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.newsletter_title {
color:#339966;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}