/**
 * stylesheet for content pages 
 */

#content {
    padding: 10px ;
    font-size: 1.0em ;
}

#page_nav { 
    float: left ;
    width: 150px ;
}

#page_nav h3 {
    text-transform: uppercase ;
    margin: 6px 0 ;
}

#page_nav ul {
    margin: 0 ;
}
    
#page_nav li span {
    font-weight: bold ;
    padding-right: 4px ;
}

#page_nav a {
    color: #333 ;
    text-decoration: none ;
    font-weight: bold ;
}

#page_nav a:hover {
    text-decoration: underline ;
}

#page_nav img {
    text-align: center ;
    margin: 15px 0 15px 5px ;
}

#page_nav h3#elistHeader {
    color: #8A1717 ;
}

#page_nav p {
    margin: 10px 0 ;
    font-size: 90% ;
}

#page_nav img {
    border: 0 ;
}

#page_nav form {
    text-align: center ;
}

#page_nav input {
    margin-bottom: 10px ;
}

#content_body {
    float: left ;
    width: 420px ;
    margin: 0 10px 0 20px ;
    font-family: georgia, arial, sans-serif ;
}

#content_body h3 {
    font-size: 200% ;
    font-family: Georgia, arial, sans-serif ;
    font-weight: normal ;
    margin: 10px 15px 10px 0 ;
    float: left ;
}

/** Oct 16/08: for the view image gallery link - GT **/
#content_body img#view_gallery {
    margin-top: 3px ;
}

#content_body h4 {
    font-size: 130% ;
    font-family: Georgia, arial, sans-serif ;
    font-weight: normal ;
    margin: 10px 0 ;
    color: #006792 ;
}

#content h4.title {
    clear: left ;
    margin-top: 20px ;
}

/* this is the drop-down menus in the events form */
#content form#calendarDisplay select {
    padding: 2px ;
}

#content div.event {
    border-bottom: 1px solid #ccc ;
    padding-bottom: 5px ;
    margin-bottom: 10px ;
}

#content_body p {
    margin-bottom: 10px ;
}

#content_body ul {
    margin: 0 0 15px 20px ;
}

#content_body li {
    list-style-type: disc ;
    font-family: Georgia, arial, sans-serif; 
}

#categories {
    margin-left: 10px ;
}

#categories p {
    margin-bottom: 0 ;
}

div.slide {
    float: left; 
    width: 116px ;
    height: 135px ;
    border: 1px solid #888 ;
    text-align: center ;
    padding: 3px 0 ;
    margin: 5px 7px 0 0 ;
}

div.slide img {
  display: block ;
  width: 112px ;
  height: 101px ;
  margin-left: 2px ;
  margin-bottom: 3px ;
}

div.slide a img {
    border: 0 ;
}

div.slide p.caption {
    display: table-cell ;
    vertical-align: middle ;
    color: #fff;
    font-weight: bold ; 
    font-family: arial ;
    text-transform: uppercase ;
    text-align: center ;
    font-size: 10px ;
    width: 112px ;
    height: 30px ;
}

/* more colouring here */
.play div.slide p    {   background: #1fa21f; }
.rest div.slide p    {   background: #00216e; }
.explore div.slide p {   background: #8c6a60; }
.learn div.slide p   {   background: #e36a00; }

#promotions { 
    float: right ;
    width: 150px ;
}

#promotions p {
    padding: 10px 0 ;
}

#guide {
    border: 1px solid #666 ;
    border: 0 ;
    width: 150px ;
    margin-top: 0px ;
    text-align: center ;
}

#guide img {
    padding: 0 ;
    margin: -10px 0 0 0 ;
}

img#star {
    margin-top: -12px ;
    margin-left: -12px ;
}

p#guide_title {
    font-weight: bold ;
    padding-bottom: 3px ;
    color: #8A1717 ;
    width: 90% ;
    font-family: Georgia, arial, sans-serif ;
    margin-left: 10px ;
    padding: 0 0 10px 8px; 
}

#guide a {
    font-family: arial, sans-serif ;
    font-weight: bold ;
    color: #8A1717 ;
    text-decoration: none ;
    text-transform: uppercase ;
}

#guide a:hover {
    color: #000 ;
}
#ads a {
    display: block ;
    margin: 10px 0;
    border: 0 ;
    text-decoration: none ;
    text-align: center ;
}

#ads img {
    border: 0 ;
}

/* buttons for member-offers/ and categories member displays */
input.more {
    margin: 12px 0; 
    padding: 5px 0 ;
}
   
div.member_link {
    padding: 3px 0 ;
} 

#page_nav #font-size-changing {
    padding-top: 10px ;
}

#page_nav #font-size-changing img {
    margin: 0 ;
}

a.button {
    border: 1px solid #ccc ;
    padding: 7px ;
}

a.button:hover {
    border: 1px solid #000 ;
    color: #333 ;
}