/*

s u p e r t o p o 

*/
<STYLE TYPE="text/css">
/* NORMALIZING styles
===========================================*/
div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
}
table { border: 0px; background-color: transparent;}

a img {
	border: 0;
	}


.TITLE             {font-family:Arial, Helvetica; font-size:16px; font-weight:bold; background-position: left}
.HEAD	           {font-family:Arial, Helvetica; font-size:12px; font-weight:bold}
.BODY              { font-family:Arial, Helvetica; font-size:12px; text-decoration:none; color: #333333; background-color: #FFFFFF; }

.topnavON_old          { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }
.topnavON          { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }
a.topnavON:link    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }
a.topnavON:active  { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }
a.topnavON:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }
a.topnavON:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BB0000; font-weight: bold; text-decoration: none; }

.topnavALT          { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; background-color: #A5A28C; }
a.topnavALT:link    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #A5A28C; }
a.topnavALT:active  { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #A5A28C; }
a.topnavALT:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #A5A28C; }
a.topnavALT:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #A5A28C; }

.topnav            { font-family: Arial, Helvetica, sans-serif; color: #FDD8D8; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; }
a.topnav:link      { font-family: Arial, Helvetica, sans-serif; color: #FDD8D8; font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; }
a.topnav:active    { font-family: Arial, Helvetica, sans-serif; color: #FDD8D8; font-size: 13px; font-weight: bold; text-decoration: none; font-style: normal; }
a.topnav:visited   { font-family: Arial, Helvetica, sans-serif; color: #FDD8D8; font-size: 13px; font-weight: bold; text-decoration: none; font-style: normal; }
a.topnav:hover     { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 13px; text-decoration: none; font-weight: bold; }

.breadbg          { background-color: #EEEEEE; }

.toprowbg          { background-color: #990000; }
.topnavborder      { background-color: #990000; }
.tobnavbg          { background-color: #990000; }
.topnavONbg        { background-color: #EEEEEE; background-image: url(/images/nav_img/gray_btn.gif); }

.topnavbtnbg       { background-image:  url(/images/nav_img/btngradient.gif); }
.topnavbtnbg_on    { background-image:  url(/images/nav_img/tabselect_bg.gif); }
.topnav1       { background-image:  url(/images/nav_img/blue_bkgnd_4x28.gif); }
.topnav2       { background-image:  url(/images/nav_img/red_bkgnd_4x28.gif); }
.topnav3       { background-image:  url(/images/nav_img/slate_bkgnd_4x28.gif); }
.topnav4       { background-image:  url(/images/nav_img/slate_drk_bkgnd_4x28.gif); }
.topnav5       { background-image:  url(/images/nav_img/gray_bkgnd_4x28.gif); }
.topnav6       { background-image:  url(/images/nav_img/brown_bkgnd_4x28.gif); }
.colbg       { background-image:  url(/images/nav_img/slate_bkgnd_4x28.gif); }
.colbg2       { background-image:  url(/images/nav_img/blue_bkgnd_4x28.gif); }
.topicbg       { background-image:  url(/images/nav_img/slate_bkgnd_4x28.gif); }
.replybg       { background-image:  url(/images/nav_img/gray_bkgnd_4x28.gif); }
.betabg       { background-image:  url(/images/nav_img/slate_drk_bkgnd_4x28.gif); }


.colhead         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:link   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.colhead:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: underline; border: #FFFFFF; }

.topichead         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; font-weight: bold; text-decoration: none; border: #FFFFFF; }
.replyhead         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; text-decoration: none; border: #FFFFFF; }
.timehead         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #444444; text-decoration: none; border: #FFFFFF; }

.smbtn_footerbg         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #D4D4D4; border: #FFFFFF; }

.mastheadbg         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #ACBEBA; border: #FFFFFF; }
.notebg         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #105B49; border: #FFFFFF; }


.headline            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.headline:link      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:active    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.headline:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #BB0000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }

.subhead            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; border: #FFFFFF; }
a.subhead:link      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:active    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }
a.subhead:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000; font-weight: bold; text-decoration: underline; border: #FFFFFF; }

.normal            { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; border: #FFFFFF; }
a.normal:link      { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:active    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.normal:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

.small             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:link       { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:active     { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.small:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: underline; }

.smallcaption             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:link       { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:active     { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.smallcaption:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: underline; }

.photo-caption             { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; text-decoration: none; }
a.photo-caption:link       { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; text-decoration: none; }
a.photo-caption:active     { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; text-decoration: none; }
a.photo-caption:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; text-decoration: none; }
a.photo-caption:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-decoration: underline; }

.photo-credit             { text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
.photo-credit:link       { text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.photo-credit:active     { text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.photo-credit:visited    { text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none; }
a.photo-credit:hover      { text-align:right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: underline; }

.photo-route             { text-align: center; padding: 0px 0px 0px 0px; background-color: #FFFFFF; }

.small-white             { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }

.stdrow            { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; text-decoration: none; border: #FFFFFF; }
a.stdrow:link      { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.stdrow:active    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.stdrow:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.stdrow:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

.attention          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; border: #FFFFFF; }
.alertrow           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; border: #FFFFFF; }
.warnrow            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC9900; text-decoration: none; border: #FFFFFF; }

.boldrow           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; border: #FFFFFF; font-weight: bold;}
a.boldrow:link     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:active   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #165AA5; text-decoration: underline; border: #FFFFFF; font-weight: bold;}
a.boldrow:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; font-weight: bold;}

.lightrow            { background-color: #EEEEEE; }
.lightcol            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #EFEFEF; }
a.lightcol:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:active    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.lightcol:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }


.darkrow             { background-color: #DDDDDD; }
.darkcol        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #E5E5E5; font-weight: bold; }
a.darkcol:link      { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:active    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #165AA5; text-decoration: underline; border: #FFFFFF; }
a.darkcol:hover     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4D93DF; text-decoration: underline; border: #FFFFFF; }

.breadcrumb         { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; background-color: #ffffff; border: #FFFFFF; }
a.breadcrumb:link   { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; background-color: #ffffff; border: #FFFFFF; }
a.breadcrumb:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; background-color: #ffffff; border: #FFFFFF; }
a.breadcrumb:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; background-color: #ffffff; border: #FFFFFF; }
a.breadcrumb:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FF9900; text-decoration: underline; background-color: #ffffff; border: #FFFFFF; }

.warning             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:link       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:active     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:visited    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none; }
a.warning:hover      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: underline; }

.copyright         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; }

.subtabbg   { BORDER-LEFT: #5B5B5B 1px solid; BORDER-TOP: none; BORDER-RIGHT: #5B5B5B 1px solid;  BORDER-BOTTOM: #5B5B5B 1px solid; }
.no_subtabbg   { BORDER-LEFT: #5B5B5B 1px solid; BORDER-TOP: #5B5B5B 1px solid; BORDER-RIGHT: #5B5B5B 1px solid;  BORDER-BOTTOM: #5B5B5B 1px solid; }
.subtabfootbg      { background-color: #CFCFCF; }

.subtab_on_bg         { background-image: url('http://www.supertopo.com/img/nav_img/tab_on_gradient.gif') }
.subtab_off_bg        { background-image: url('http://www.supertopo.com/img/nav_img/tab_off_gradient.gif') }
.subtab_farright_bg   { background-image: url('http://www.supertopo.com/img/nav_img/tab_farright_filler.gif') }
.subtab_none_bg   { background-image: url('http://www.supertopo.com/img/nav_img/subtab_middle_gradient.gif') }
.subtab_border_color  { background-color: #5B5B5B; }
.subtab_off_color     { background-color: #C5C5C5; }
.subtab_on_color      { background-color: #F0F0F0; }
.subtab_on          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444444; }
a.subtab_on:link, a.subtab_on:active, a.subtab_on:visited  { 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; }
a.subtab_on:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; background-color: transparent;	
}
.subtab_off            { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1A3B6A; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; }
a.subtab_off:link      { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1A3B6A; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; }
a.subtab_off:active    { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1A3B6A; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab_off:visited   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1A3B6A; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; }
a.subtab_off:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6788BE; font-size: 12px; font-weight: bold; text-decoration: none; background-color: transparent;	
}

.button_bg  { background-image: url('http://www.supertopo.com/img/nav_img/button_gradient.gif') }
.button    		  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:link     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #002A5B; text-decoration: none; }
a.button:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #475E96; text-decoration: none; background-color: transparent;	
}

.actbtn_outline   { BORDER-LEFT: #BBBBBB 1px solid; BORDER-TOP: #BBBBBB 1px solid; BORDER-RIGHT: #444444 1px solid;  BORDER-BOTTOM: #444444 1px solid; }
.actbtn_table_alt     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; text-decoration: none; background-color: #98b685; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #777777 1px solid;  BORDER-BOTTOM: #777777 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;}
.actbtn_table     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; text-decoration: none; background-image:  url(/images/nav_img/gray_bkgnd_4x20.gif); BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #777777 1px solid;  BORDER-BOTTOM: #777777 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;}
.actbtn    		  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; }
a.actbtn:link     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; }
a.actnbtn:active  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; }
a.actbtn:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; text-decoration: none; }
a.actbtn:hover    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #AA0000; text-decoration: none; }

.cssbutton-wrapper {
	margin: 0;  
	float: left;
}
.cssbutton	{ 
    background: url('http://www.supertopo.com/nav_img/green-button-sq.gif') left top; 
	height: 21px; 
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;	
	color: #333; 	
	margin: 0;  
	width: auto;
	display: block; 
	position: relative;
	white-space: nowrap;
	border:solid 1px #aaa; 
	margin: 0; 
	padding: 0 5px 0 5px; 
}
a.cssbutton:link, a.cssbutton:active, a.cssbutton:visited { color: #333; text-decoration: none; }
a.cssbutton:hover, a.cssbutton:visited:hover { background: url('http://www.supertopo.com/nav_img/green-button-sq.gif') left bottom; color: #fff;}


.thinborder {border: 1px solid #999;}

#wiki_format_begin { position:relative; font-family: Georgia, "Times New Roman", Times, serif; }

.wiki_image { margin: .5em .5em .5em .5em; clear:both; }
.wiki_image_right { margin: .5em .5em .5em .5em; float:right; }
.wiki_image_left { margin: .5em .5em .5em .5em; float:left; }
.wiki_image_center { margin: .5em .5em .5em .5em; align:center; }

.wiki_photoid { margin: .5em .5em .5em .5em; clear:both; }
.wiki_photoid_right { margin: .5em .5em .5em .5em; float:right; }
.wiki_photoid_left { margin: .5em .5em .5em .5em; float:left; }
.wiki_photoid_cennter { margin: .5em .5em .5em .5em; align:center; }

.youtube { margin: .5em .5em .5em .5em; clear:both; }
.youtube_right { margin: .5em .5em .5em .5em; float:right; }
.youtube_left { margin: .5em .5em .5em .5em; float:left; }
.youtube_center { margin: .5em .5em .5em .5em; align:center; }

.bodytext { margin: 0 0 .75em; padding: 0px 20px 10px 20px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; line-height:1.35em; color: #000;}
a.bodytext:link { padding: 0px 0px; font: "Times New Roman", Times, serif; color: #165AA5;}
a.bodytext:active {  padding: 0px 0px; font: "Times New Roman", Times, serif; color: #165AA5;}
a.bodytext:visited {  padding: 0px 0px; font: "Times New Roman", Times, serif; color: #165AA5;}
a.bodytext:hover {  padding: 0px 0px; font: "Times New Roman", Times, serif; color: #4D93DF;}


.blogQuote {clear:both; margin:1.5em 0 .75em; padding: 10px 20px 10px 20px; border: 1px solid #999; font-size: 75%; background-color:#FEFEFE;}

.bloghead_bg { background: url('http://www.supertopo.com/nav_img/gradient_green2.gif') repeat-x #fff}
.wikihead_bg { background: url('http://www.supertopo.com/nav_img/gradient_green2.gif') repeat-x #fff}

.bloghead { margin:5px 5px 0; padding: 20px 20px 10px 20px; font-size:36px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #EEEEEE; }
.blogtitle { margin:0 0 .75em; padding: 40px 20px 10px 20px; font-size:36px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #333333; }
.blogdate { margin:1.5em 0 .75em; padding:10px 20px 10px 20px; font: bold 78%/1.4em Georgia, "Times New Roman", Times, serif; color: #999999; text-transform:uppercase; }
.blogh1 { margin: 0 0 .75em; font-size:24px; font: Georgia, "Times New Roman", Times, serif; line-height:1.2em; color: #333333;}
.blogh2 { margin: 0 0 .75em; font-size:16px; font-family: Arial, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; line-height:1.2em; color: #748E3A;}
.blogtext { margin: 0 0 .75em; padding: 0px 20px 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height:1.25em; color: #222;}
a.blogtext:link { padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:active {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:visited {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #165AA5;}
a.blogtext:hover {  padding: 0px 0px; font: Georgia, "Times New Roman", Times, serif; color: #4D93DF;}

.horizontalrule {clear:both;}

.horizontalrule hr { color: #cccc99; background-color:#cccc99; height: 2px; border: 0;}

.code {clear:both; margin:1.5em 0 .75em; padding: 10px 20px 10px 20px; border: 1px solid #999; font-family: "Courier New", Courier, mono; font-size: 75%; background-color:#FEFEFE;}

.rnd_top {background: url(http://www.supertopo.com/nav_img/top_mid_rnd.gif);}
.rnd_left {background: url(http://www.supertopo.com/nav_img/body_left_rnd.gif);}
/*.rnd_body {background: url(http://www.supertopo.com/nav_img/top_mid_rnd.gif);}
*/
.rnd_right {background: url(http://www.supertopo.com/nav_img/body_right_rnd.gif);}
.rnd_bottom {background: url(http://www.supertopo.com/nav_img/bottom_mid_rnd.gif);}

.sdw_top {background: url(http://www.supertopo.com/nav_img/top_mid_sdw.gif);}
.sdw_left {background: url(http://www.supertopo.com/nav_img/body_left_sdw.gif);}
/*.sdw_body {background: url(http://www.supertopo.com/nav_img/top_mid_sdw.gif);}
*/
.sdw_right {background: url(http://www.supertopo.com/nav_img/body_right_sdw.gif);}
.sdw_bottom {background: url(http://www.supertopo.com/nav_img/bottom_mid_sdw.gif);}

/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	}

.loading {
	height: 30px;
	background: url('http://www.supertopo.com/img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('http://www.supertopo.com/img/starrating_trans15.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://www.supertopo.com/img/starrating_trans15.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}

.unit-rating li.current-rating {
	background: url('http://www.supertopo.com/img/starrating_trans15.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -90000px;
	z-index: 1;
	}

.unit-ratingsmall { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 10px;
	position: relative;
	background: url('http://www.supertopo.com/img/starrating_trans_off_10.gif') top left repeat-x;		
	}

.unit-ratingsmall li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-ratingsmall li a {
	outline: none;
	display:block;
	width:10x;
	height: 10px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-ratingsmall li a:hover{
	background: url('http://www.supertopo.com/img/starrating_trans_rating_10.gif') left top repeat-x;
	z-index: 2;
	left: 0px;
	}

.unit-ratingsmall a.r1-unit{left: 0px;}
.unit-ratingsmall a.r1-unit:hover{width:10px;}
.unit-ratingsmall a.r2-unit{left:10px;}
.unit-ratingsmall a.r2-unit:hover{width: 20px;}
.unit-ratingsmall a.r3-unit{left: 20px;}
.unit-ratingsmall a.r3-unit:hover{width: 30px;}
.unit-ratingsmall a.r4-unit{left: 30px;}	
.unit-ratingsmall a.r4-unit:hover{width: 40px;}
.unit-ratingsmall a.r5-unit{left: 40px;}
.unit-ratingsmall a.r5-unit:hover{width: 50px;}

.unit-ratingsmall li.current-rating {
	background: url('http://www.supertopo.com/img/starrating_trans_current_10.gif') left top repeat-x;
	position: absolute;
	height: 10px;
	display: block;
	left: 0px;
	text-indent: -90000px;
	z-index: 1;
	}

.unit-ratingblack { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('http://www.supertopo.com/img/starrating_black15.gif') top left repeat-x;		
	}

.unit-ratingblack li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-ratingblack li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-ratingblack li a:hover{
	background: url('http://www.supertopo.com/img/starrating_black15.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-ratingblack a.r1-unit{left: 0px;}
.unit-ratingblack a.r1-unit:hover{width:15px;}
.unit-ratingblack a.r2-unit{left:15px;}
.unit-ratingblack a.r2-unit:hover{width: 30px;}
.unit-ratingblack a.r3-unit{left: 30px;}
.unit-ratingblack a.r3-unit:hover{width: 45px;}
.unit-ratingblack a.r4-unit{left: 45px;}	
.unit-ratingblack a.r4-unit:hover{width: 60px;}
.unit-ratingblack a.r5-unit{left: 60px;}
.unit-ratingblack a.r5-unit:hover{width: 75px;}

.unit-ratingblack li.current-rating {
	background: url('http://www.supertopo.com/img/starrating_black15.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -90000px;
	z-index: 1;
	}


.unit-ratingblacksmall { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 10px;
	position: relative;
	background: url('http://www.supertopo.com/img/starrating_black_off_10.gif') top left repeat-x;		
	}

.unit-ratingblacksmall li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-ratingblacksmall li a {
	outline: none;
	display:block;
	width:10x;
	height: 10px;
	text-decoration: none;
	text-indent: -90000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-ratingblacksmall li a:hover{
	background: url('http://www.supertopo.com/img/starrating_black_rating_10.gif') left top repeat-x;
	z-index: 2;
	left: 0px;
	}

.unit-ratingblacksmall a.r1-unit{left: 0px;}
.unit-ratingblacksmall a.r1-unit:hover{width:10px;}
.unit-ratingblacksmall a.r2-unit{left:10px;}
.unit-ratingblacksmall a.r2-unit:hover{width: 20px;}
.unit-ratingblacksmall a.r3-unit{left: 20px;}
.unit-ratingblacksmall a.r3-unit:hover{width: 30px;}
.unit-ratingblacksmall a.r4-unit{left: 30px;}	
.unit-ratingblacksmall a.r4-unit:hover{width: 40px;}
.unit-ratingblacksmall a.r5-unit{left: 40px;}
.unit-ratingblacksmall a.r5-unit:hover{width: 50px;}

.unit-ratingblacksmall li.current-rating {
	background: url('http://www.supertopo.com/img/starrating_black_current_10.gif') left top repeat-x;
	position: absolute;
	height: 10px;
	display: block;
	left: 0px;
	text-indent: -90000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}

/*  styles for highslide photo display     */
.highslide {
	cursor: url(http://www.supertopo.com/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid gray;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
	color: #444444;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(http://www.supertopo.com/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

</STYLE>