body	{
background-color: #ffffff;
margin-top: 0;
margin-left: 0;
margin-right: 0
}


/* top banner */

div#wholepage	{
width: 780px;
margin: auto
}

div#topbanner	{
background-image: url('../images/topbanner.jpg');
background-repeat: no-repeat;
background-color: #f2f2f2;
height: 200px;
width: 780px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px
}


/* top menu held within topbanner div */

div#topbanner ul	{
padding-top: 175px;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 0;
padding-left: 0;
color: #666666
}

div#topbanner ul li	{
display: inline;
padding-left: 15px;
padding-right: 15px;
border-right: 1px solid #cccccc;
border-left: 1px solid #999999
}

div#topbanner ul li#first	{
border-left: 0px
}

div#topbanner ul li#last	{
border-right: 0px
}

div#topbanner ul li a	{
text-decoration: none;
color: #666666
}

div#topbanner ul li a:hover	{
text-decoration: none;
color: #000000
}


/* supplementary info column */

div#supplement	{
width: 232px;
float: right;
}

div#AdSense
{
	width: 780px;
margin: auto;
color: #666666;
border-top: 1px solid #cccccc;
clear: both;
	
}

/* content */

div#content	{
float: left;
width: 528px;
padding-right: 20px;
margin-bottom: 20px
}


/* content detail */

/* rounded corner of intro box */

div#content div#intro	{
background-color: #ffe4ca;
padding-left: 20px;
padding-top: 10px;
margin-top: 5px;
margin-right: 5px;
background-image: url('../images/boxpoxleft.gif');
background-position: top left;
background-repeat: no-repeat;
}

div#content div#intro div#brcurve	{
background-image: url('../images/boxpoxright.gif');
background-position: bottom right;
background-repeat: no-repeat;
padding-bottom: 10px;
}

div#content h1	{
color: #ff9933;
margin-bottom: 0;
margin-top: 20px
}

div#content a	{
background-color: #fceedf;
color: #b16b25;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
border-bottom: 1px dotted #b16b25
}

div#content a:hover	{
color: #000000
}


/* form */

form	{
/*background-color: #f2f2f2;*/
padding-top: 1px;
padding-bottom: 1px;
background-image: url('../images/boxpoxrighttrans.gif');
background-position: bottom right;
background-repeat: no-repeat;
margin-top: 0;
margin-bottom: 0
}

form p	{
margin-left: 10px
}

form input	{
font-face: verdana,arial,helvetica,sans-serif
}

form input.button	{
background-color: #ff9933;
border: 1px solid #000000;
color: #ffffff;
}


/* calls to action */

div#content div#selectawalk, div#content div#visitphoto	{
width: 259px;
height: 200px;
padding-left: 5px;
margin-top: 10px
}

div#content div#selectawalk h1, div#content div#visitphoto h1	{
margin-top: 10px
}

div#content div#selectawalk	{
float: left;
background-color: #ebf6eb
}

div#content div#visitphoto	{
float: right;
background-color: #fceedf;
background-image: url('../images/boxpoxrighttrans.gif');
background-position: bottom right;
background-repeat: no-repeat;
}

div#content div#selectawalk a	{
background-color: #cfe8cf;
color: #627450;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
border-bottom: 1px dotted #627450
}

div#content div#selectawalk a:hover, div#content div#visitphoto a:hover	{
color: #ffffff
}

div#content div#visitphoto a	{
background-color: #fcd2a7;
color: #b16b25;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
border-bottom: 1px dotted #b16b25
}



/* footer */

div#footer	{
width: 780px;
margin: auto;
color: #666666;
border-top: 1px solid #cccccc;
clear: both;
}


/* supplementary info */

div#supplement h1	{
color: #666666;
margin-bottom: 5px;
clear: left
}

div#supplement ul	{
margin-top: 0;
padding-top: 0;
margin-left: 10px;
padding-left: 10px
}

div#supplement ul#pics	{
margin-left: 0;
padding-left: 0;
margin-top: 10px
}

div#supplement ul#pics li	{
list-style: none;
float: left;
padding-right: 20px
}

div#supplement ul#pics li img {
border: 1px solid #666666
}

div#supplement p	{
margin-top: 0
}

div#supplement a	{
text-decoration: none;
color: #000000;
border-bottom: 1px dotted #999999
}

div#supplement a:hover	{
border-bottom: 1px solid #000000
}



/* browse table */

div#content table.browse	{
width: 100%
}

div#content table.browse th	{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #999999;
text-align: left;
background-color: #f3f3f3;
background-image: url('../images/browsebg.jpg');
color: #999999;
padding-bottom: 3px;
padding-right: 5px;
}

div#content table.browse td	{
border-bottom: 1px solid #cccccc;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
}

div#content table.browse td.walktype	{
text-align: center
}

div#content table.browse td	a {
border-bottom: 0;
background-color: #ffffff;
font-weight: bold
}

div#content table.browse td	a:hover {
background-color: #fcd2a7;
background-image: url('../images/abg.jpg');
background-position: top left;
color: #b16b25
}


/* symbol key */

div#content ul#key	{
margin-left: 0;
padding-left: 0;
margin-top: 0;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999
}

div#content ul#key li {
list-style: none;
display: inline;
margin-right: 10px;
padding-left: 5px
}

div#content h2	{
margin-bottom: 0;
color: #666666
}


/* walk details page */

div#content h1#mainhead	{
background-image: url('../images/gpswalkheader.gif');
background-position: top left;
background-repeat: no-repeat;
padding-left: 120px;
height: 32px;
margin-top: 0;
padding-top: 7px
}

div#content div#intro div#brcurve span#lblsTown, div#content div#intro div#brcurve span#lblnlongitude, div#content div#intro div#brcurve span#lblnLatitude, div#content div#intro div#brcurve span#lblnDistance, div#content div#intro div#brcurve span#lbllDuration	{
font-weight: bold
}

div#content div#routeinfo div#keyinfo	{
float: right;
background-color: #ebf6eb;
margin-right: 3px;
}

div#content div#routeinfo div#keyinfo ul	{
margin-top: 0;
margin-bottom: 10px;
margin-left: 8px;
padding-left: 0
}

div#content div#routeinfo div#keyinfo ul li	{
list-style: none;
padding-top: 5px;
line-height: 0
}

div#content div#routeinfo div#keyinfo h2	{
padding-left: 8px;
margin-top: 0
}

div#content div#routeinfo div#keyinfo img#imgMain	{
border-top: 1px solid #ffffff
}


/* thumbnails section */

div#content div#thumbnails	{
overflow: auto;
height: 85px;
width: 520px;
border: 1px solid #cccccc
}

div#content div#thumbnails td	{
margin-top: 10px;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 0;
padding-left: 0;
width: 10000px
}

div#content div#thumbnails table td	{
float: left;
margin-left: 5px
}

div#content table#grdComments	{
width: 100%
}

div#content table#grdComments td.header	{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #999999;
text-align: left;
background-color: #f3f3f3;
background-image: url('../images/browsebg.jpg');
color: #999999;
padding-bottom: 3px;
padding-right: 5px;
}

div#content table#grdComments td	{
border-bottom: 1px solid #cccccc;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
}


.h	{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #999999;
text-align: left;
background-color: #f3f3f3;
background-image: url('../images/browsebg.jpg');
color: #999999;
padding-bottom: 3px;
padding-right: 5px;
}