/* Import styles for modern browsers */
@import url(styleb.css);

/* Import side menu system style */
@import url(menu.css);

/* Declare styles for all browsers */
HTML { margin: 0px; padding 0px; }

HTML BODY { margin: 0px; padding: 0px; background: #FFFFFF; }

BODY { margin: -10px 0 0 -10px; }

BODY, BIG, SMALL, UL, LI, TR, TD, P, INPUT, DIV { 
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		color: #000000;
}

TD, P, li{ line-height: 1.5; }

P {
margin:10px 0; 
/*lower heading levels have a negative 10
bottom margin to make them sit directly
over their paragraph */
}

H1, H2, H3, H4, H5, H6 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
color: #36c;
font-weight:bold;
padding:0px;
margin:10px 0;
}

H1 { font-size: 27px;}
H2 { font-size: 24px; }
H3 { font-size: 17px; }
H4 { font-size: 14px; }
H5 { font-size: 11px; 
margin-bottom:-10px;
}

TH { color: #FFFFFF; background: #000000; text-align: left; }
BIG { font-size: 13px; font-weight: bold; }
SMALL { font-size: 9px; }
BODY, UL, LI, TR, TD, P, INPUT { font-size: 11px; }
IMG { border: 0px; }

A:link { color: #00c; text-decoration: none; font-weight: normal;}
A:visited { color: #00c; text-decoration: none; font-weight: normal;}
A:active { color: #69c; text-decoration: none; }
A:hover { color: #69c; text-decoration: none; font-weight:normal; }
A.nav:link, A.nav:visited, A.nav:active { 
font-size: 11px;
		text-decoration: none; 
		 color: #000000;
}

A.nav:hover { font-size: 11px;
				text-decoration: none; 
				font-weight:normal;
		 color: #000000;
}

.leftnav {color:#003399;}
.leftnav a {color:#003399; padding:8px 0px 8px 4px; display:block;  line-height:1}
.leftnav a:hover { font-size: 11px;
				text-decoration: none; 
				font-weight:normal;
		 background:white; }

/* sub navigation framing */

.wleftnav div ul {
				list-style-type: none;
				padding-left:0px;
				margin-left:0px;
				border-top: 1px solid #ddd;
				}
.wleftnav div li {
				border-bottom: 1px solid #ddd;
				font-weight: normal;
				text-decoration: none; 
				padding-top: 6px; 
				padding-left: 0px; 
				margin-left:0px;
				font-size: 12px; 
				/*color: #aaa;*/
				}
				
.wleftnav div ul li a:link {
					color: #aaa;
					text-decoration:none;
					}
				
.wleftnav div ul li a:hover { 
				padding: 0px 0px 0px 0px; 
				font-weight: normal;
				font-size: 12px; color: #339999;
				}

.featured {margin: 0px 15px 0px 15px;}
.subnav {padding: 0px 0px 0px 15px; font-size: 14px; color: #339999;}
.green {}
.welcome {margin: 0px 15px 0px 0px;}
.required { color: #990000; font-weight: bold; }
.copyright { color: #666666; font-size: 9px; }
.caption { border:1px solid #DDDDDD; padding:3px 3px 3px 3px; width:294px;}

/* sub navigation styles */

.menu {
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
		display: none;
		z-index: 1;
		text-decoration: none; 
}
.menuItem {
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: lighter;
		line-height: 1.3;
		color: #FFFFFF;
		background: #003399;
		border: 1px #FFFFFF solid;
		margin-bottom: -1px;
		padding-left: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		display: block;
		text-decoration: none; 
}
A.menuItem:link, A.menuItem:visited, A.menuItem:active { 
		color: #ffffff;
		text-decoration: none;
}
A.menuItem:hover {
		color: #000000;
		font-weight: normal;
		text-decoration: none;
		background: #99ccff;
}
.quicksearch {padding:0px 0px 0px 10px;}
.qsearch INPUT TYPE=TEXT{
font-size:10px;
height:12px;
}
.qsearch SELECT{
font-size:10px;
height:12px;
}

.white{color:#FFFFFF;}
.sub{padding:4px 0px 4px 3px; border-bottom:1px solid #ddd;}
.bottomdots{border-bottom:1px solid #ddd;}
.rightdots{border-right:1px solid #ddd;}
.bottomdots{border-bottom:1px solid #ddd;}
.leftdots{border-left:1px solid #ddd;}

#tablefixer {
display:block;
/*
margin-left:135px;
margin-right:10px;
*/
}

.advert {float:right; margin:0 0 10px 15px;}

#footer {
font-size:11px;
color:#fff;
height:30px;
line-height:30px;
margin:3px;
position:relative;
text-align:right;
}

#footer #security {
height:30px;
width:170px;
overflow:hidden;
position:absolute;
left:-3px; top:0px;
background:url(../images/security.gif);
}

#security span {display:none;}

/* --- new nav */

#container, #admin-container{
	position: relative;
	width: 730px;
	margin: auto; 
	text-align: left;
}

#nav_container {
height:21px;
margin-bottom:0px;
width:730px;
background:#99ccff;
}

ul#nav {
list-style-type:none;
margin:0; padding:0;
display:block;
width:730px;
height:21px;
}

#nav li {
padding:0;
border:0;
disply:block;
float:left;
height:21px;
line-height:21px;
}

#nav li a img{
position:relative;
}

li.divider {
background:url(../navigation/divider.gif) no-repeat -3px;
width:10px;
}

ul.downloadlist {
list-style-type:none;
padding:0;
}

ul.downloadlist li {
background:url(../common/pdf.gif) no-repeat;
padding-left:40px;
height:40px;
line-height:40px;
}

/*community page photo strips */
ul.photostrip {
border:3px solid #eee;
padding:0 0 4px 4px;
list-style-type:none;
overflow:hidden;
}
ul.photostrip li {
width:100px;
float:left;
padding:4px 4px 0px 0px;
}

ul.photostrip li a, 
ul.photostrip li img{
display:block;
}






/*Style for new homepage */

div#content h2{
	font: arial;
	font-size: 30px;
	font-weight: normal;
	color: #036;
	background: #fff;
}

div#content p{
	font: arial;
	font-size: 12px;
	color: #036;
}

div#welcome{
	width: 346px;
	margin-left: 10px;
	padding-right: 10px;
	float: left;
	border-right: 1px solid gray;
	margin-top: 20px;
}

/* Hides from IE5-mac \*/
* html div#welcome {margin-left: 5px;}
/* End hide from IE5-mac */

div#welcome h2{
	margin-top: 8px;
	padding-top: 0px;
}

div#welcome.forsurvey p {
line-height: 24px;
}

div#mainimg {
	position:relative;
	display:block;
	overflow:hidden;
	width: 346px;
	height: 305px;
	float: right;
	margin-top: 20px;
}

div#mainimg #slides {
height: 212px;
}

div#mainimg ul,
div#mainimg ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}





div#mainimg a#credcardlogin {
    display: block;
    height: auto;
    margin-top: 20px;
}


#credcardlogin img {
display: block;
}


div#mainimg p{text-indent: -9999px; margin: 0px; padding: 0px;}

div#mainimg a{
	display: block;
	width: 346px;
	height: 212px;
}


div#secondrow,
div#temprow{
	display: block;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;		
	width: 730px;
	margin-top: 20px;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

.newsrow {
	display: block;
	float:left;
	width: 730px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div#temprow {
	margin-bottom:0;
	border-bottom:0;
}

div#newsbar {
	width: 730px;
	height: 43px;
	background: url(../images/HOME_billions.jpg) no-repeat;
	margin-top: 20px;
}

div#newsbar.forsurvey {
	margin-top: 0px;
}


div#online{
	width: 730px;
	height: 43px;
	background: url(../images/HOME_online_img.jpg) no-repeat;
	margin-top: 20px;
	margin-bottom:20px;
}

div#survey{
	width: 730px;
	height: 43px;
	background: url(../navigation/survey_link.jpg) no-repeat;
	margin-top: 20px;
}

div#online p,
div#survey p,
div#newsbar p{text-indent: -9999px; margin: 0px; padding: 0px;}

div#online a,
div#survey a,
div#newsbar a{
	display: block;
	width: 730px;
	height: 43px;
}

div#thirdrow{
overflow: hidden;
/*
	display: block;
	float: left;
*/
}

div.subimg{
	width: 235px;
	height: 152px;
	float: left;
}

div.subimg p{text-indent: -9999px; margin: 0px; padding: 0px;}

div.subimg a{
	display: block;
	width: 235px;
	height: 152px;
}

div#sub1{background: url(../images/HOME_sub_img1.jpg) no-repeat; margin-right: 12px;}

div#sub2{background: url(../images/HOME_sub_img2.jpg) no-repeat; margin-right: 12px;}

div#sub3{background: url(../images/HOME_sub_img3.jpg) no-repeat;}

.homefooter{
	padding-top: 20px;
	clear: both;
}


/* BEN ADDED MAIL ICON */

#contactblock p {
	line-height:2em;
	clear:both;
	overflow:hidden;
}

#contactblock h4{
	
	clear:both;
}

#contactblock p span{
	display:block;
	width:auto;
	float:left;
}

a.mailcon {
	position:relative;
	display:block;
	margin-right:75px;
	float:right;
	height: 18px;
	width:28px;
	background: url(../images/mailicon.jpg) no-repeat;
	text-indent:-9999px;
	overflow:none;
	vertical-align:top;
	transition: 0.4s;
}

a.mailcon:hover {
transform: scale(1.2);
}