html,body {
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-image: url(pb300001.jpg);
	background-attachment: fixed;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
HR {
	height:1px;
	width:100%;
	background-color: #0066CC;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
   }
   
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(pb300001.jpg);
}
/************** home page specific styles *****************/
.homepagetable_attributes {
	height: 100%;
	width: 905px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}
.homeparenttable_attributes {
	height: 100%;
	background-image: url(maps_hom.jpg);
	width: 905px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.topbanner_attributes {
	background-image: url(https://www.maps.org/images/flashtableback.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.midbanner_attributes {
	background-image: url(midback0.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.smallformtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.greylinktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

/************** table container styles *****************/
.maintable_attributes {
	width: 905px;
}
.parenttable_attributes {
	height: 100%;
	background-image: url(https://www.maps.org/images/maps_mtb.jpg);
	width: 905px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.toptable_attributes {
	width: 905px;
	background-image: url(https://www.maps.org/images/topbanner_bg.jpg);
}

/************** Masthead styles for divs *****************/
#masthead {float: left; position: relative; width: 905px; height:132px; background-image: url(topbanne.jpg); z-index: 9999;}

#logo {float: left; position: relative; width: 490px; height: 132px; margin-left:7px; margin-top:10px;}

#guidestar {float: left; position: absolute; margin-left: 515px; margin-top: 27px;}

#search {float: left; width: 225px; position: absolute; margin-left: 680px; margin-top: 16px;}


/* facebook like */
#facebook-like {position: relative; margin-top: 65px; margin-left: 680px; /*background-color: #ff0;*/}

#social {float: left; position: absolute; margin-left: 680px; margin-top: 68px;}





/************** content area styles *****************/
.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #144384;
}
.right_content_image {
	padding-bottom: 5px;
	padding-left: 5px;
}
.title_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #395881;
}
.section_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #395881;
	padding: 3px;
}


/************** search styles *****************/
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#FFFFFF;
	font-weight:bold;
	background:url(https://www.maps.org/images/formbg.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

/************** arrow bullet list styles *****************/

.arrowlistmenu{
	width: 100%; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(https://www.maps.org/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #144384;
	background: url(https://www.maps.org/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 4px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.arrowlistmenu ul li a:visited{
color: #144384;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #144384;
background-color: #F3F3F3;
}




/************** left area styles *****************/

.leftnav_toptitlebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #4672ad;
}
.leftnav_tablebox {
	color: #FFFFFF;
	background-color: #4672ad;
	padding: 5px;
}





/************** footer styles *****************/
.footer {
	font-size: 12px;
	bottom: 0px !important;
	width: 905px;
	background-color: #6a92c9;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.footersmall {
	font-size: 12px;
	bottom: 0px !important;
	background-color: #6a92c9;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding: 3px;
}


/************** expand/contract styles *****************/
.expandcontractcontainer {
	background-color: #FFFFFF;
}

.iconspan{

	margin: 3px;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
	border: none;
	display: block;
}
.eg-bar{
	background-color: #dddddd;
	font-weight: bold;
	border: 1px solid #999999;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #395881;
	display: block;
}

div.eg-bar{
width: 99%;
display: block;
}

.icongroup1{
	width: 99%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 5px;
}

.iconspan1 {	float: right;
	margin: 3px;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
	border: none;
	display: block;
}
   
/************** link styles *****************/

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #144384;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #144384;
	text-decoration: none;
}
/***** small grey link *****************/
a.smallgreylink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}
a.smallgreylink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}
a.smallgreylink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: underline;
}
a.smallgreylink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}
/***** small orange link *****************/
a.smallorangelink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}
a.smallorangelink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}
a.smallorangelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
a.smallorangelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}

/*coinslider*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; background-color: #010f3c; border-bottom: 2px solid #fff; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 5px; float: left; margin-top: -17px; }
.cs-buttons a { margin-left: 5px; margin-top: 0px; height: 5px; width: 5px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px;  }
.cs-active { background-color: #B8C4CF; color: #FFFFFF;  }

.cs-title { visibility: hidden; width: 908px; height: 22px; margin-top: 0px; margin-left: 0px; padding-top: 12px; padding-left: 22px; background-color: #333333; color: #CCCCCC;}

.cs-prev, 
.cs-next { visibility: hidden; background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


#login {
margin-left: 844px;
font-size: 11px;
color: #333;
margin-bottom: -6px;
font-weight: bold;
}
#login a {
font-size: 11px;
color: #333;
font-weight: bold;
}
