/* ~#~#~#~#~#~#~#~ Redcloud Website | Cascading Style Sheet ~#~#~#~#~#~#~#~ */

/* ######## Main Table: Sets up the main layout, look, and feel of the page ######## */
body { 
background-color: #404040; text-align: center; 
font-family: Verdana, GilSans, Arial, Helvetica; 
font-size: 10pt; 
SCROLLBAR-ARROW-COLOR: #FFFFCC; SCROLLBAR-TRACK-COLOR:#C0C0C0; SCROLLBAR-BASE-COLOR: #336699
}
#main_table { background-color: #FFFFFF; border: none; padding: 0 0 0 0; text-align: left; }
#main_table .side_bar { background: #FFFFFF url('images/redcloud_10.jpg') repeat-y right; padding: 15px; padding-right: 10px; padding-top: 20px; padding-bottom: 10px; vertical-align: top; }
#main_table .main_body { background: #FFFFFF url('images/redcloud_11.jpg') repeat-y left; padding-left: 25px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px; vertical-align: top; }
#main_table .tab_body { background: #FFFFFF url('images/redcloud_11.jpg') repeat-y left; padding-left: 25px; padding-right: 10px; padding-top: 0px; padding-bottom: 20px; vertical-align: top; }
#main_table .main_body_full { background: #FFFFFF url('images/tanbg.jpg'); padding-left: 25px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; vertical-align: top; }
#main_table .nav_bar { background: #FFFFFF url('navmenu/navbg.png') repeat-x left; height: 28px; max-height: 28px; }
#main_table .tl_shadow { background: #404040 url('images/shadow_a.png') no-repeat right bottom; width: 15px; } 
#main_table .tr_shadow { background: #404040 url('images/shadow_b.png') no-repeat left bottom; width: 15px; } 
#main_table .bl_shadow { background: #404040 url('images/shadow_c.png') no-repeat right top; width: 15px; } 
#main_table .br_shadow { background: #404040 url('images/shadow_d.png') no-repeat left top; width: 15px; } 
#main_table .top_shadow { background: #404040 url('images/shadow_top.png') repeat-x bottom; height: 15px; } 
#main_table .bottom_shadow { background: #404040 url('images/shadow_bottom.png') repeat-x top; height: 15px; } 
#main_table .left_shadow { background: #404040 url('images/shadow_left.png') repeat-y right; width: 15px; } 
#main_table .right_shadow { background: #404040 url('images/shadow_right.png') repeat-y left; width: 15px; } 
#main_table .spacer_row { background-color: #404040; }

/* ######### Styles for page content ######## */
a            { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; margin: 0 }
a:link       { color: #336699 }
a:visited    { color: #336699 }
a:active     { color: #336699 }
a:hover		 { background-color:#FFFFCC; text-decoration: underline }
p			 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: left }
li			 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000 }
h1           { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 16pt; color: #800000; font-weight: bold }
h2           { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 14pt; color: #800000; font-weight: bold }
h3           { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 12pt; color: #800000; font-weight: bold }
h4           { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #800000; font-weight: bold }
address		 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: left }
blockquote	 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: left }
dt			 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: left }

.camperquote { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #800000 }
.footer		 { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #800000 }
.copyright   { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #808080 }
.campdetails { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #800000; text-align:center }

td.graphics	 { padding: 0px }
td.title	 { padding: 0px }
td.textcell	 { padding: 10px }
td.headers   { background:#660000; color: #FFFFFF; font-weight: bold }
td.campname	 { background:#FFFFEE; color: #000000; border-color: #C0C0C0;  }
td.std   	 { color: #000000; text-align: center; border-color: #C0C0C0;  }
td.available { background:#000000; color: #FFFFFF; text-align: center; border-color: #C0C0C0;  }
td.almost    { background:#FFFF00; color: #FFFFFF; color:#000000; text-align: center; border-color: #C0C0C0;  }
td.full		 { background:#990000; color: #FFFFFF; text-align: center; border-color: #C0C0C0;  }
table.inline { padding: 2px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000 }
table.status { background:#FFFFEE; padding: 2px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; border-color: #C0C0C0; }
tr.shaded    { background: url("images/lightbg2.jpg") }

.select_pulldown { padding:2px; border: 1px solid #000000; background: #EEEEEE; color: #000000; font-family: Verdana; font-size: 10pt; }
A.select_pulldown { text-decoration:none; }
A.select_inner {  }
A.select_inner:hover { text-decoration: underline; color:#FFFFFF; }
.select_inner_div { padding: 1px; color: #336699; cursor:hand; text-align:left;}
.select_inner_active { border:1px solid #6666CC; background:#FFFFCC; color: #336699; cursor:hand; text-align:left; }

a.select_inner_active{border-bottom:1px solid #000;background:#666;}
.select_inner_active span{display:block;color:#000000;}
.select_inner_div span{display:block; text-decoration: none; color: #336699;}
a.hierselectTop{border-left:2px solid #404040; border-right:1px solid #c0c0c0; border-top:2px solid #404040; border-bottom:1px solid #c0c0c0; text-decoration:none;color:#000;background:#fff url('drop.png') no-repeat right top;height:21px;width: 400px; padding-left:3px; padding-right:19px; padding-top:0; padding-bottom:0}

.ButtonFormat { background-color : #FFFFF0;	border : 2px solid #336699;	font-family : Arial, Helvetica, sans-serif;	font-size : 12px; text-align : center; visibility : visible; border-color : #336699 }

.collapsedContent	{ display: none; }
.expandedContent	{ display: block; }
.programHeading		{ font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 12pt; color: #800000; font-weight: bold }
.programDetails		{ font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666; font-weight: bold }

.campDetailBox  {
width: 325px;
position: relative;
float: right;
padding: 10px;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background: url("images/tanbg2.jpg");
}

.campDetailBox tr.shaded    { background: url("images/tanbg3.jpg"); }
.campDetailBox td.title     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
.campDetailBox td.detail    { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }
.campDetailBox td.price     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }

.campDetailBox #rotator
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 325px;
	height: 260px;
}

.campDetailBox #rotator img
{
	border: 0;
	cursor: pointer;
}

.pagePhotoTab  {
width: 100%;
position: relative;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
}
.pagePhotoTab #rotator
{
	border: 0px solid #000;
	overflow: hidden;
	position: relative;
	width: 640px;
	height: 480px;
}

.pagePhotoTab #rotator img
{
	border: 0;
}

.datesPriceTab table {
width: 95%;
position: relative;
float: none;
padding: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background: url("images/tanbg2.jpg");
}

.datesPriceTab tr.shaded    { background: url("images/tanbg3.jpg"); }
.datesPriceTab td.title     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
.datesPriceTab td.detail    { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }
.datesPriceTab td.price     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }


.contactForm table          { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #656565 }
.contactForm .staffname     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #962020 }
.contactForm td.title       { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
.contactForm td.detail      { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }
.registration               { float: none; }
.registration table         { border-style: none; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #656565 }
.registration tr.shaded     { background: url('images/tanbg3.jpg'); }
.registration td            { padding: 5px; }
.registration td.price      { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }
.registration td.step       { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #962020; text-align: right }
.registration td.title      { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
.registration td.detail     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }

/* Home Page Styles */

#homepage {
margin-bottom: 10px;
}

#homepage .mainText  {
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
}
#homepage .mainText p { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 11pt; }
#homepage .newsBox  {
position: relative;
padding: 10px;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background: url("images/tanbg2.jpg");
}
#homepage .newsBox td.title     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
#homepage .newsBox td.detail    { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }
#homepage .newsBox td.price     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }

#homepage .featured  {
position: relative;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background: url("images/tanbg3.jpg");
}
#homepage .featured td.title     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565 }
#homepage .featured td.detail    { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }
#homepage .featured td.price     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }
#homepage .featured td.camptitle { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #800000 }
#homepage .featured td.camptitle a { font-size: 12pt; font-weight: bold; }
#homepage .featured td.campdesc  { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000 }

#homepage #rotator
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 250px;
	height: 200px;
}

#homepage #rotator img
{
	border: 0;
	cursor: pointer;
	width: 250px;
	height: 200px;
}

.moreInfoBox  {
width: 95%;
position: relative;
float: center;
clear: both;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background: url("images/tanbg2.jpg");
}
.moreInfoBox td.title     { padding-right: 10px; padding-left: 5px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565; text-align: right; }
.moreInfoBox td.detail    { padding-right: 10px; padding-left: 5px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #962020 }

.campListBox  {
width: 99%;
position: relative;
float: center;
clear: both;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 20px;
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
}

.campListBox tr.shaded    { background: url("images/tanbg3.jpg"); }
.campListBox td.camptitle { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #800000 }
.campListBox td.camptitle a { font-size: 12pt; font-weight: bold; }
.campListBox td.campdesc  { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000 }
.campListBox td.title     { padding-right: 10px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 8pt; color: #656565; text-align: right; }
.campListBox td.detail    { padding-right: 10px; font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 9pt; color: #800000 }
.campListBox td.price     { font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; font-size: 10pt; color: #962020 }

/* ######### Styles for Main Menu Bar ######### */
.navstyle{ 
width: 100%;
height: 28px;
color: #753820;
font:normal 12px Verdana;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
max-height: 27px;
}
.navstyle ul{
border: 0px solid #BBB;
width: 100%;
/* background: url(chromebg4.png) center center repeat-x; /*Background is done by #main_table .nav_bar class instead */
padding: 4px 0;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
text-indent: 0px;
}
.navstyle ul li{
display: inline;
margin-top: 4px;
margin-bottom: 6px;
}
.navstyle ul li a, .navstyle ul li a:visited, .navstyle ul li a:active {
color: #FFFFFF;
padding-top: 5px;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 6px;
margin: 0;
text-decoration: none;
border-right: 0px solid #542512; /*THEME CHANGE HERE*/
border-left: 0px solid #542512; /*THEME CHANGE HERE*/
}
.navstyle ul li a:hover, .navstyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(navmenu/navbg-hover.png) center center repeat-x;
text-decoration: none;
}
/* ######### Styles for Drop Down Menus ######### */
.dropmenudiv{
position:absolute;
top: 0;
text-align: left;
border: 1px solid #150803; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #542512;
width: 210px;
visibility: hidden;
filter:alpha(opacity=90); 
-moz-opacity: 0.9; 
opacity: 0.9; 
}
.dropmenudiv a, .dropmenudiv a:visited, .dropmenudiv a:active {
width: 100%;
display: block;
text-indent: 3px;
border: 0px solid #E8BEBE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: white;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #150803;
text-decoration: none;
}
/* ######### Styles for Side Context Menu ######### */
.sideNav1 {
list-style-type: none;
list-style-position: outside;
margin: 0px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
text-indent: -10px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.sideNav1 ul {
list-style-type: none;
list-style-position: outside;
margin: 0px;
padding-left: 15px;
text-indent: -10px;
font-weight: bold;
font-size: 12px;
}
.sideNav1 ul ul {
margin: 0px;
padding-left: 20px;
text-indent: -10px;
font-weight: normal;
}
.sideNav1 ul ul ul {
margin: 0px;
padding-left: 25px;
text-indent: -10px;
}
.sideNav1 a, .sideNav1 a:visited, .sideNav1 a:active {
color: #542512;
text-decoration: none;
}
.sideNav1 a:hover {
text-decoration: underline;
background-color: #ede4e0;
}
.sideNav1 a.current {
text-decoration: underline;
background-color: #ede4e0;
}

/* ######## Sliding Door Tabs ######## */
.tabcontent {
float: none;
width: 100%;
}

#header {
  float:right;
  width:100%;
  background: url("images/tabs/bg2.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin-bottom: 20px;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("images/tabs/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("images/tabs/right.gif") no-repeat right top;
  padding:5px 15px 3px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url("images/tabs/left_on.gif");
  }
#header #current a {
  background-image:url("images/tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
/* ######## Camp Calendar ######## */
.quickShortcutsBox  {
width: 140px;
position: relative;
float: right;
padding: 5 5 5 5;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: url("images/tanbg2.jpg");
}
.quickShortcutsBox ul { 
list-style: none; 
padding: 0; 
margin-left: 0; 
}
.quickShortcutsBox li { 
font-family: Verdana, GilSans, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: bold;
color: #800000;
}
.quickShortcutsBox a { font-weight: bold; margin-left: 10px }
#calendar {color:#000095;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px; height:12px; cell-spacing: 0; border-style: solid solid solid solid; border-width: 3 2 3 3; border-color: #542512; margin: 0; padding: 0 0 0 0}
#calendar .top_header {background: #FFFFFF url('../images/tanbg2.jpg') repeat-x left;color: #222222; font-weight:bold;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-WEIGHT: bold; border-style: none solid none none; border-width: 0 3 0 0; border-color: #542512; height: 15px}
#calendar .day_names {background: #FFFFFF url('../navmenu/navbg.png') repeat-x left;color: #DDDDDD; font-weight:bold;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 12px; FONT-WEIGHT: bold; height: 22px}
#calendar .day_numbers {background-color:#542512;color:#DDDDDD;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT:BOLD; padding: 0 8 0 8;  height:18px}
#calendar .empty_cells {color:#000095;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 4px; height:8px; border-style: none solid none none; border-width: 1px; border-color: #542512; padding: 2 2 0 2}
#calendar .no_events {color:#000095;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px; height:48px; border-style: none solid none none; border-width: 1px; border-color: #542512; padding: 0 0 0 0}
#calendar .event_light {color:#FFFFFF; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px; height:14px; border: none; padding: 0 2 0 2}
#calendar .event_dark {color:#111111; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px;height:12px; border: none; padding: 0 2 0 2}