/* Base , Set up fonts etc. */
body
{
    font                : 0.7em Trebuchet MS, Arial, Sans Serif;
    background-color    : #CCCCCC; 
    margin              : 0px;
    padding             : 0px;
    overflow-x		: hidden;
}
h1
{
    font                : bold 1.4em Trebuchet MS, Arial, Sans Serif;
}

a, a:visited
{
    text-decoration     : underline;
    color               : #204040;
}
a:hover
{
    color               : #334040;
}

img.special {border: 40px #333333 solid;}

img.special:hover {border: 40px #FF3333 solid;}

#left1 a, #left1  a:visited, #left2 a, #left2 a:visited, #right1 a, #right1 a:visited
{
    text-decoration     : underline;
    color               : #404040;
}
#left1  a:hover, #left2  a:hover, #comments  a:hover, #right1  a:hover
{
    color               : #402d40;
}
                   
<!-- Menu -->

<style type="text/css" title="drop_menu">
.Main_menu {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding-left: 3px;
    line-height: 100%;
    width: 150;
    cursor: hand;
}
.Main_menu_over {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding-left: 3px;
    line-height: 100%;
    width: 150;
    cursor: hand;
}
.Sub_menu {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding-left: 10px;
    line-height: 100%;
    width: 150;
    cursor: hand;
}
.Sub_menu_over {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding-left: 10px;
    line-height: 100%;
    width: 150;
    cursor: hand;
}
a.main_text         { font: 12px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.main_text { font: 12px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.main_text   { font: 12px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a.sub_text          { font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:visited.sub_text  { font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
a:hover.sub_text    { font: 11px Verdana; color: #0000ff; text-decoration: none; font-weight: none; font-style: none; }
</style>
                                                

#pageHeader a, #pageHeader a:visited, #pageFooter a, #pageFooter a:visited
{
    text-decoration     : underline;
    color               : #204040;
}
#pageHeader a:hover,#pageFooter a:hover
{
    color               : #334040;
}

.contentContainer
{
    padding             : 5px;
    position            : relative;
    font                : 1.4em Trebuchet MS, Arial, Sans Serif;
}

.contentContainer h2
{
    font                : 1.2em Trebuchet MS, Arial, Sans Serif;
}

.contentContainer1
{
    padding             : 5px;
    position            : relative;
}

#listBreaker, #subPageBreaker
{
    display             : none;
}
#pageHeader
{
    background-color    : #e6ffff;
    color               : #3a4040;
    position            : relative;
    height		: 114px;
 	 background-image: url(mtbheader.jpg);
	 background-position: bottom center;
	 background-repeat: repeat-x;
}

#pageHeaderBorder
{
    	 position            : relative;
    	 height:25px;
    	 top:0;
    	 background-image: url(../photos/border1.gif);
    	 background-repeat: repeat-x
}

#pageHeaderBorder h1
{
	font-size: 25px;
}

#pageFooter
{
    background-color    : #e6ffff;
    color               : #334040;
    border-bottom       : 1px solid #6f9999;
    border-top          : 1px solid #6f9999;
    padding             : 2px 10px;
    clear               : both;
    margin-top          : 10px;
	background-position: top left;
}
#pageFooter h6
{
    margin              : 0px;
}

#pageHeader h1
{
	padding: 15px 0px 0px;
	margin: 0px;
	font-family: times;
	font-size: 40px;
	color: #334040;
}

#pageHeader h2
{
	padding: 0px 0px 10px;
	margin: 0px;
	font-family: times;
	font-size: 25px;
	color: brown;
}

#pageWrapper
{
    position            : relative;
    background-color    : #f5ffff;
    color               : #334040;
}

#mainContent
{
    padding             : 10px 20px;
    margin-left         : 50px;
    margin-right        : 50px;
    z-index		: 200;
}
    
#mainContent .contentContainer
{
    float               : center;
} 

#mainContent h3
{
	padding: 15px 10px 3px 0px;
	margin: 0px;
	font-family: times;
	font-size: 18px;
	color: #334040;
}  

#left1
{
    position            : relative;
    display         : inline;
    background-color    : #e6ffff;
    color               : #404040;
    border              : 1px solid #cc93cc;
    border-top-width    : 0px;
    margin              : 10px 10px;
    float               : left; 
    clear               : left;
    width               : 170px;
    font                : 12px Verdana;
    padding-left        : 5px;
    padding-bottom      : 5px;
}

#left1 h1
{
    	position	: relative;
	font-size	: 1.1em;
	margin		: 0px;
	background-color: #00CC66;
	color		: #404040;
	border		: solid #6f9999;
	border-width	: 1px 0px;
	padding-left	: 0px;
	margin-left	: -5px;
}

#left1 ul
{
    margin              : 0px 20px;
    position            : relative;
    padding-left        : 5px;
}

#left2
{
    position            : relative;
    display         : inline;
    background-color    : #e6ffff;
    color               : #404040;
    border              : 1px solid #cc93cc;
    border-top-width    : 0px;
    margin              : 2px 10px;
    float               : left;
    clear               : left;
    width               : 170px;
    font                : 12px Verdana;
    padding-left        : 5px;
    padding-bottom      : 5px;
}

#left2 h1
{
	position	: relative;
	font-size	: 1.1em;
	margin		: 0px;
	background-color: #00CC66;
	color		: #404040;
	border		: solid #6f9999;
	border-width	: 1px 0px;
	padding-left	: 0px;
	margin-left	: -5px;
}

#left2 ul
{
    margin              : 0px 20px;
    position            : relative;
    padding-left        : 5px;
}

#right1
{
    position            : relative;
    display             : inline;
    margin              : 10px;
    float               : right;
    clear               : right;
    width               : 220px;
    background-color    : #00917e;
    border              : 1px solid #cc93cc;
    z-index: 200;
	background-image: url(First/pictures/pa038.jpg);
	overflow	: auto;
}

#right1 h1
{
	position: relative;
	font-size: 1.1em;
	margin: 0px;
	background-color: #00CC66;
	color: #404040;
	border: solid #6f9999;
	border-width: 1px 0px;
	padding-left: 5px;
}

#comments
{
    position            : relative;
    margin              : 5px;
    clear               : both;
    width               : 100%;
    background-color        : #e6ffff;
    color               : #404040;
}   

#comments h1
{
	position: relative;
	font-size: 1.1em;
	margin: -5px;
	background-color: #87CEFA;
	color: #404040;
	border: solid #6f9999;
	border-width: 1px 0px;
	padding-left: 5px;
}

#comments h3
{
    	margin          : 5px 50px 5px 5px;
    	font            : 0.9em Trebuchet MS, Arial, Sans Serif;
}

#comments ul
{
    margin              : 5px 0px;
    position            : left;
}

#bntag
{
    border-bottom       : 1px solid #93cccc;
    text-align          : center;
    padding             : 2px 0px;
    background-color    : #f5ffff;
    color               : #3a4040   font-size: 90%;
}

.save{
   behavior:url(#default#savehistory);
   padding          : 5px;
   position         : relative;
}
a.dsphead{
   text-decoration:none;
   margin-left:1.5em;}
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;
   margin-left:1.5em;
font                : 1.4em Trebuchet MS, Arial, Sans Serif;
}

#routemapiframe
{
 width: 300px; 
 border: 1px solid #d0d0d0; 
 background: #755; 
 overflow: hidden; 
 white-space: nowrap;
}

if(!document.getElementById)
   document.write('<style type="text/css"><!--\n'+
      '.dspcont{display:block;}\n'+
      '//--></style>');