@import "mainForm.css";

body   { background: url(../images/bg.jpg) #000 top right repeat-x; margin: 0; padding: 0; color: #c0c0c0; font: normal normal normal 14px/1.4em Verdana, Helvetica, sans-serif; line-height: 1.3em;}
#shell { width: 100%;}

/**********************************************
header
**********************************************/
#h    { height: 107px; background: url("../images/cerroneth_optimized.png") center center no-repeat; }
#h h1 { margin: 0; padding: 0; display: none; }

/**********************************************
headings
**********************************************/
h1 { font-size: 2em;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}
h6 { font-size: .8em;}

/**********************************************
hyperlinks (override this below if necessary)
**********************************************/
a         { color: #f0f1d3; }
a:visited { color: #cd9b69; }

/**********************************************
information window
**********************************************/
.informationWindow        { margin: 0 0 30px 0; border: 1px solid #777; }
.informationWindow h3     { font: normal normal normal 18px/1.5em Tahoma, serif; padding: 0; margin: 0; border-bottom: solid 1px #777; background: url(../images/table_h3_bkgr.jpg) top left repeat-x; }
.informationWindow p      { padding-left: 5px; padding-right: 5px; }
.informationWindow strong { font-size: 10px; }

/**********************************************
side column default settings
**********************************************/
#side   { float: left; width: 16%; padding: 0; margin: 0; }
#side p { padding: 2px; }

/**********************************************
side column information window overrides
**********************************************/
#side .informationWindow    { border: none !important; text-align: right; }
#side .informationWindow h3 { text-align: right !important; background-image: none !important; }

/**********************************************
navigation lists
**********************************************/
.navList            { width: 100%; margin: 0; padding:0 0 0 2px; }
.navList li         { list-style: none; padding: 0; margin: 0; width: 100%; }
.navList li a       { display: block; font: normal normal normal 14px/1.5em Georgia, serif; text-decoration: none; text-align: right; }
.navList li a:hover { background-color: #000; }

/**********************************************
content section
**********************************************/
#content     { float: left; font: normal normal normal 14px verdana, sans-serif; line-height: 1.3em; width: 80%; margin-left: 30px; }
#content pre { font: normal normal normal 14px verdana, sans-serif; margin: 0; padding: 0; }

/**********************************************
footer
**********************************************/
#f      { clear: both; text-align: center; font: normal normal normal 10px verdana, sans-serif; color: #505050; }
#f span { display: none; }

/**********************************************
misc.
**********************************************/
var            { color: #f00; font-style: normal; }
.attention     { width: 400px; border: solid 2px #09f; background-color: #ff9; text-align: left;   font-weight: bold; margin: 15px auto; padding: 10px; font-size: 13px; color: #f00; }
dl.schedule dt { font-weight: bold; }

/**********************************************
tables
**********************************************/
table             { width: 100%; border-collapse: collapse; border: solid 1px #777; }
table td          { padding: 5px 1px; margin: 0; vertical-align: top; }
table thead tr th { color: #c0c0c0; background: url(../images/table_h3_bkgr.jpg) top left repeat-x; border-bottom: 1px solid #777; }

/*********************************************
/ for the "Directions" page
/********************************************/
.campSiteMapandDirections                                    { width: 570px; }
.campSiteMapandDirections .map_container                     { width: 350px; height: 300px; float: left; margin: 0 0 30px 0; }
.campSiteMapandDirections .addy_directions_container         { float: left; width: 210px; margin-left: 5px; }
.addy_directions_container h3, .addy_directions_container h4 { margin: 0 0 5px 0; padding: 0; }
.addy_directions_container address                           { margin: 0 0 5px 0; padding: 0; }

/****************************************************
forumArea
****************************************************/
#forumArea h1             { text-align: center; margin-bottom: 2px; padding-bottom: 2px; }
#forumArea .subParagraph  { border-top: solid 2px #a0a0a0; border-bottom: solid 2px #a0a0a0; text-align: center; font-size: 11px; margin-top: 2px; padding: 2px 0; }
#forumArea #postList span { background: url(../images/forum_comment_bullet.png) no-repeat top left; padding-left: 17px; }