/* - colors - black: #333333 - blues: #202224 #4F5E6E #83909E #C0CAD1 - orange: #E87543 - green: #B1CAA0 #CCD8B4*/

body                    {font: 10pt Verdana, Arial, Sans-serif; margin: 0px; padding-bottom: 50px; background: #202224;}
a                       {color: #C0CAD1; text-decoration: none;}
a:hover                 {text-decoration: underline; color: #fff; }
a h4, h4 a              {display: inline;}
h1,h2,h3,h4             {margin: 0; padding: 0; text-decoration: none; border: none;}
h1                      {font-family: Georgia, serif; font-size: 1.8em; color: #333; padding: 10px 0; text-shadow: #fff 1px 1px 1px;
}
h3                      {padding: 3px 0; font-size: 1em;}
h4                      {padding: 0; border-bottom: solid #333 1px; font-size: 13pt;}
h5 a                    {background: #333; border: dotted #333 1px; color: #fff; font-size: 1.3em; margin: 5px; padding: 5px;}
h6                      {font-size: 1.4em; margin: 0; padding: 0}
code                    {display: none;}

#main                   {background-color: #202224}
.container              {width: 990px; margin:auto;}

#header                 {background-color: #202224; border-top: solid #83909E 5px; border-bottom: solid #eee 1px; padding: 10px;}
#header .logo img       {border: none; padding: 5px;}
#header .right          {color: #fff; text-align: right;}

#nav a                  {font-size: 11pt; font-weight: bold; margin-top: 7px;}
#nav ul                 {list-style: none; margin: 0px; padding: 0px; }
#nav li                 {float: left; text-align: center; margin-right: 2px;}
#nav a                  {display: block; color: #c6d8a3; padding: 6px 10px;}
#nav a:hover            {color: #fff;}
#nav li:hover ul        {display: block;}
#nav li ul              {display: none; position: absolute; z-index: 99; background-color: #c0cad1; margin-left: -65px; top: 53px; border: solid #83909E 5px; padding: 10px;}
#nav li ul a            {color: #4F5E6E; padding: 0px 20px 3px 10px; margin: 5px; }
#nav li ul a:hover      {color: #202224;}
/* FF fix for IE alignment issue */
#nav li > ul            {margin-left: 0px;}

#content                {background: #C0CAD1; padding: 10px 0 0 0;}

#subContent             {background: #83909E; border-top: solid 1px #4F5E6E; padding: 10px 0;}
#subContent h3          {color: #4F5E6E; padding-bottom: 5px;}
#subContent h4          {color: white; border: none; padding: 4px;}
#subContent img         {border: solid #4F5E6E 1px; background: #fff; padding: 6px;}

.subHeader              {background: #83909E; border-bottom: solid #4F5E6E 1px;}
.subContentContainer    {padding: 0px 10px;}

.tabs div               {float: left; height: 33px; cursor: pointer; position: relative; font-weight: bold;}
.tabs .subTabLeft       {background: url(../images/theme/images/subTab_03.jpg) no-repeat; width: 6px;}
.tabs .subTabCenter     {background: url(../images/theme/images/subTab_05.jpg) repeat-x; padding: 0px 3px 0px 5px; line-height: 33px;}
.tabs .subTabRight      {background: url(../images/theme/images/subTab_07.jpg) no-repeat; width: 12px;}
.tabs .selected         {position: relative; margin-bottom: -2px; border-bottom: solid #83909E 1px;}
.tabs .selected a       {color: Black;}
#tabContents .tabContent{display: none; min-width: 640px;}
#tabContents .selected  {display: block;}

.infoBody               {background: #eee; padding: 10px; width: 620px;}
.infoBody span.ratings  {padding: 4px 0;}
.infoBody table th      {text-align: left;}

.discussionContent textarea {width: 550px; height: 75px;}

.comment                {width: 400px; padding: 10px 0px;}
.comment .desc          {background: #c0cad1; padding: 5px;}
.comment .user          {padding: 5px;}

.rightRail              {width: 330px; float: left; padding: 3px;} 
.rightRail table .label {width: 50px;}
.rightRail table input  {width: 250px; font-size: 85%;}
.rightRail h4           {font-size: 115%; padding: 0px 5px; margin:0px;}

.share                  {smargin-top: 14px; position: absolute;right: 0;}

.body                   {color: #C0CAD1;}
.body h3                {color: #333;}
.body h3 a              {color: #eee;}
.body .title2           {padding: 10px 0px 5px 0px; font-size: 12pt; font-weight: bold; font-family: Arial; display: block; color: #202224;}
.body strong            {padding: 10px 0px 5px 0px; font-size: 12pt; font-weight: bold; font-family: Arial; display: block; color: #202224;} /* replaces .title2 in Strict Mode */
.body .subtitle         {font-family: Arial; font-size: 9pt; padding-top: 20px; font-weight: normal;}
.body .half             {width: 47%; margin-right: 19px;}
.body .open             {padding: 10px;}
.body em                {font-weight: bold;}

.info                   {color: #000; line-height: 18px;}
.info a                 {font-size: 10pt; color: #4F5E6E; padding: 1px 1px 1px 1px;}
.info a:hover           {border: none; color: #202224; }

/* - colors - black: #333 - blues: #202224 #4F5E6E #83909E #C0CAD1 - orange: #E87543 #E8865A - green: #bbd5aa #B1CAA0 #A4BC98 #9AB485 */

.list                   {background: #eee; padding: 5px; overflow: auto; overflow-x: hidden;}
.list a                 {display: block; padding: 0 3px;}
.list.naked             {overflow: hidden !important;}
.trailsList a           {width: 150px; }
.trailsList a.trail_rating_0 {background: red;}

p                       {color: #000; padding: 10px; margin: 0px; background-color: #C0CAD1; line-height: 18px;}
p a                     {font-size: 10pt; color: #4F5E6E; padding: 1px 1px 1px 1px;}
p a:hover               {border: none; color: #202224; } 

#crumb                  {font-size: 8pt; padding: 3px; color: #C0CAD1;}
#crumb a                {padding: 0px 4px;}

.body .trailMap,
.body #trailMap         {border: #202224 solid 1px; width: 726px; height: 520px; overflow: hidden;}
.body .map              {border: #202224 solid 1px; overflow: hidden;}
.body .smMap            {height: 225px;}
.body .medMap           {height: 400px; width: 550px;}

.tags a                 {line-height: 24px; background: #4F5E6E; color: #eee; padding: 2px 4px; border: solid #333 1px;}
.tags a:hover           {color: #eee; background: #333; border: solid #333 1px;}

#footer                 {padding: 0px 10px; background: #4F5E6E; font-size: 9pt; height: 150px;}
#footer .col            {float: left; padding: 10px 25px; margin: 0px 3px; background: #4F5E6E;}
#footer .legal          {font-size: 8pt;}
#footer .legal a        {color: #000}
#footer h6              {padding: 10px 0px; margin: 0px; color: black; padding-left: 10px; font-size: 12pt;}
#footer ul              {list-style: none; margin: 0px; padding: 0px;}
#footer li              {padding: 2px 10px;}
#footer .msg            {width: 245px; padding-left: 10px; color: Black;}

#colLeft                {float: left; border-top: solid #4F5E6E 5px; width: 600px;}
#colRight               {float: left; border-top: solid #4F5E6E 5px; width: 250px; margin-left: 10px;}

#map                    {height: 500px; width: 100%; border: solid 1px #333;}
#mapDirections          {float: right; background-color: white; border: solid #202224 1px; overflow: auto; width: 300px; height: 490px; display: none;}
.infoWin a              {color: #4F5E6E;}
.infoWin a:hover        {color: #E87543;}
.infoWin .contact       {font-size: 8pt;}
.infoWin em             {font-size: 8pt; display: inline;}
.directions .txt_input  {width: 175px;}
.lnk_directions         {background: white url('../images/map/icon_directions.jpg') no-repeat; padding-left: 17px;}
.lnk_reviews            {background: white url('../images/map/icon_star.jpg') no-repeat; padding-left: 17px;}
#mapDirections .close   {font-size: 10pt;}

#regionTrails a         {padding: 3px 6px; display: block; float: left;}
#regionTrails a:hover   {color: #fff; background: #4F5E6E; text-decoration: none;}

#singleList             {height: 467px; width:230px; overflow-y: scroll;}
#singleList.short       {height: 250px;}

.search                 {padding-top: 2px;}
#header .search .txt    {width: 150px; color: #999;}
#header .search .txt.focus {color: #333;}
#header .search input   {font-size: .85em;}
#header .account        {padding-bottom: 5px;}
.results                {padding: 10px 20px; }
.set h3                 {color: #83909E; padding-top: 10px; font-size: 1em;}
.set a                  {display: block; padding: 10px 20px; font-size: 1.4em; font: Verdana;}

#ratings,#ratings2      {display: none;}

.topBody                {position: relative; background: #eee; color: #000; padding: 3px; border: solid #999 1px; margin-bottom: 3px;}
.topBody h1             {padding-left: 10px;}
.topBody .left          {padding-right: 3px;}
.topBody .condition     {height: 20px; margin-left: 3px;}
.topBody a              {color: #333;}
.rating span            {margin-left: 3px;}
#trailRatings,
#noTrailRatings         {position: absolute; background: #fff; border: solid #999 1px; z-index: 999; padding: 7px; min-width: 200px; list-style: none; top: 70px;}
#trailRatings strong,
#noTrailRatings strong  {display: inline;}
#trailRatings .ratings  {background-position: right -2px !important; }
#trailRatings em        {font-weight: normal; color: #999;}

ul.trailList                    {padding:0; margin: 0;}
.trailList li                   {list-style: none;}
.trailList li.first             {padding-bottom: 3px;}
.trailList li.first span        {float: left; font-weight: bold;}
.trailList li.first .first      {width: 180px; padding-left: 5px;}
.trailList a                    {display: block; }
.trailList a span               {display: block; padding: 3px; background-position: right top !important;}
.trailList a:hover              {background: #f9f9f9; color: #4F5E6E; text-decoration: none;}

.averageRatings             {padding: 5px; }
.averageRatings strong      {padding: 4px; margin-right: 5px;}
.averageRatings .ratings    {min-height: 20px;}

.account table td       {padding: 1px 4px;}

.validation-summary-errors      {padding: 3px; color: #990000;}
.validation-summary-errors  ul  {list-style: none;}
.field-validation-error         {font-size: .9em; color: #cc0000}

.summary            {font-size: 8pt; background: #eee; min-width: 100px;}
.summary h1         {background: #83909E; text-shadow: none; color: #fff; padding: 3px 3px 5px 3px; font-family: Verdana, Sans-Serif; font-size:  8pt;}
.summary p          {padding: 3px; background: #eee; }
.summary p.txtR     {padding-top: 0px;}
.summary p em       {font-size: #999; padding-right: 3px;}
.summary .condition         {background: no-repeat right 2px; padding-right: 95px;}

.ratings     {background: no-repeat right 2px; padding-right: 97px !important;}
.rating_0    {background-image: url(images/rating_0.gif) !important;}
.rating_1    {background-image: url(images/rating_1.gif) !important;}
.rating_2    {background-image: url(images/rating_2.gif) !important;}
.rating_3    {background-image: url(images/rating_3.gif) !important;}
.rating_4    {background-image: url(images/rating_4.gif) !important;}
.rating_5    {background-image: url(images/rating_5.gif) !important;}
.rating_6    {background-image: url(images/rating_6.gif) !important;}
.rating_7    {background-image: url(images/rating_7.gif) !important;}
.rating_8    {background-image: url(images/rating_8.gif) !important;}
.rating_9    {background-image: url(images/rating_9.gif) !important;}
.rating_10   {background-image: url(images/rating_10.gif) !important;}

#tooltip            {position: absolute; z-index: 9999; border: solid #4F5E6E 3px;}
p.tooltipTxt        {background: #fff; padding: 5px; width: 200px; line-height: 15px; font-size: .9em;}

#subfooter  {color: #eee; padding: 10px; text-align: center; font-size: 1.2em;}
#subfooter a{color: #fff; }

.half                   {width: 50%;}
.left                   {float:left}
.right                  {float:right}
.clear                  {clear:both}
.relative               {position: relative;}
.padLeft                {padding-left: 25px;}
.padTop                 {padding-top: 25px;}
.medPush                {padding-left: 10px; padding-right: 10px;}
.indent                 {margin-left: 10px; padding: 5px;}
.smallTxt               {font-size: 8pt; }
.largeTxt               {font-size: 12pt !important;}
.tallest                {height: 100%;}
.white                  {background: #eee; }
.fatLinks a             {font-size: 115%; padding: 3px;}
.listCell               {padding: 0; padding-right: 10px;}
.listCell .list         {overflow-y: scroll;}
.listCell.tall .list    {height: 500px;}
.listHeading:hover      {text-decoration: none; color: #fff !important;}
.listHeading small      {font-size: 1em; padding: 0px 3px;}
.txtR                   {text-align: right;}
.txtL                   {text-align: left;}
.txtC                   {text-align: center;}
.toggleVis, 
.hoverVis                {display: none;}

.map-loading            {background: url(images/loading.gif) no-repeat; padding: 10px; position: absolute; z-index: 9999; }

.discussion .city       {display: none;}
.discussion .message    {padding: 10px;}
.discussion .user       {padding-left: 10px;}

a.mobile               {display: block; text-align: center; background: #C0CAD1; padding: 3px; color: #000;}