/* Start of CMSMS style sheet 'Main Style' */
body, html {margin:0;}

body {
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 100.01%;
}

img {
   border: 0;
}

a,
a:link, 
a:active,
a:visited {
   text-decoration: none;
   background-color: inherit; 
   color: #9cf; 
}

#footer a,
#footer a:link, 
#footer a:active,
#footer a:visited,
a:hover {
   text-decoration: none;
   color: #036;
}

#footer a:hover {color:#9cf;}

/*****************
basic layout 
*****************/
body {
   background-color: #fff;
   color: #333;
}

body.world {
   background-color: #069;
   color: white;
}

#wrapper {
   margin: 0 auto;
   padding:0;
   width: 946px;
   text-align:left;
   background: url(uploads/images/bg.jpg) no-repeat top left;
}

#left {
   float:left;
   width:360px;
   text-align:left;
}

#right {
   float:left;
   width:553px;

}

#links {
   width: 375px;
   height:14px;
   padding:0;
   position:relative;
   top:40px;
   left:159px;
   overflow:hidden;

}

#content {
   width:552px;
   margin-top:286px;
   font-size:0.8em;
   line-height:1.25em;
   color: #FFF;
   border-right:1px solid #036;
   border-bottom:1px solid #036;
   background: #4775a3 url(uploads/images/content_bg.jpg) no-repeat;
}

#padding { padding:20px; }

#news {
   width:324px;
   text-align:left;
   margin-top:550px;
   margin-left:3px;
}

#news_content {
   border-bottom: 2px solid #9cf;
   border-left: 2px solid #9cf;
   border-right: 2px solid #9cf;
   padding:10px 28px 15px 28px;
   font-size:0.8em;
   line-height:1.25em;
   color: #036;
   position:relative;
}

#world {
   background: #4775a3 url(uploads/images/world_bg.jpg) no-repeat;
   width:1024px;
   height:768px;
   margin:0 auto;
}

#footer {
   margin-top:10px;
   font-size:0.8em;
   line-height:1.25em;
   color: #036;
   text-align:center;
}

/*****************
navigation styling
*****************/

#worldnav
{
  float:left;
  width: 79px;
  height: 14px;
  background: url("uploads/images/world.jpg") no-repeat 0 0;
}

#homenav
{
  float:left;
  width: 64px;
  height: 14px;
  background: url("uploads/images/home.jpg") no-repeat 0 0;
}

#aboutnav
{
  float:left;
  width: 85px;
  height: 14px;
  background: url("uploads/images/about.jpg") no-repeat 0 0;
}

#walksnav
{
  float:left;
  width: 84px;
  height: 14px;
  background: url("uploads/images/walks.jpg") no-repeat 0 0;
}

#runsnav
{
  float:left;
  width: 70px;
  height: 14px;
  background: url("uploads/images/runs.jpg") no-repeat 0 0;
}

#toursnav
{
  float:left;
  width: 72px;
  height: 14px;
  background: url("uploads/images/tours.jpg") no-repeat 0 0;
}

#educo {
float:right;
width:30px;
height:39px;
margin-right:10px;
background: url("uploads/images/educo.gif")
}
#educo:hover { background-position: 0pt -39px;}

body.home #homenav, body.about #aboutnav, body.walks #walksnav, body.runs #runsnav, body.tours #toursnav,  #homenav:hover, #aboutnav:hover, #walksnav:hover, #runsnav:hover, #toursnav:hover {background-position: 0 -14px;}
#homenav span, #aboutnav span, #walksnav span, #runsnav span, #toursnav span, #educo span {display: none;}

/********************
CONTENT STYLING
*********************/

/* HEADINGS */
h1 {
   font-size: 2em;
   color: #9cf; 
   margin: 0;
   font-family: 'Trebuchet MS', Verdana, Helvetica;
}
h2 { 
   font-size: 1.5em; 

h3 {
   font-size: 1.15em;
   margin: 0 0 0.05em 0;
}

h4 { 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 0.8em;
   margin: 0 0 1.5em 0;
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}
/* End of 'Main Style' */

