
body
{
   margin:                 0px;
   padding:                0px;
   background-color:       #ebebeb;
   background-image:       url(/img/background.jpg);
   background-repeat:      repeat-y;
}

body,
table,
select,
input
{
   font-family:            Tahoma;
   font-size:              76%;
}

table
{
   width:                  100%;
   border-collapse:        collapse;
}

td, th
{
   vertical-align:         top;
}

a,
a:visited
{
   color:                  blue;
}

#flashMessage
{
   margin-bottom:          1em;
   color:                  red;
}

h1
{
	font-size:               	2.0em;
	font-weight:             	normal;
	margin:                  	24px 0em 24px 0em;
	letter-spacing:           -1px;
	
}

h2
{
	font-size:               	1.4em;
	font-weight:             	bold;
	margin:                  	1.2em 0em 1.2em 0em;
}

h3
{
	font-size:               	1.1em;
	font-weight:             	bold;
	margin:                  	1.2em 0em 0.5em 0em;
}

h4
{
	font-size:               	1em;
	font-weight:             	bold;
	margin:                  	0em 0em 4px 0em;
}

h5
{
	font-size:						0.95em;
	font-weight:					bold;
	margin:							1.2em 0em 2px 0em;
}

h6
{
	font-size:						0.8em;
	font-weight:					bold;
   margin:							1.2em 0em 1.2em 0em;
}

p,
table,
select,
input
{
   font-size:              	0.98em;
}

p
{
   margin:                    0px;
   padding:                   0px;
   line-height:            	1.3;
}

p.static
{
  margin-bottom:  1em;
  line-height:            	1.3;
  letter-spacing: 1px;
}

div.error_message
{
   margin-left:               2em;
   color:                     #ff0000;
   font-weight:               bold;
}

div.logo
{
   background-image:       url(/img/logo.jpg);
   background-repeat:      no-repeat;
   width:                  766px;
   height:                 417px;
}

div.banner_home
{
   width:                  551px;
   height:                 164px;
   position:               absolute;
   left:                   188px;
   top:                    269px;
   background-image:       url(/img/boats.jpg);
   background-repeat:      no-repeat;
}

a.register
{
   position:               absolute;
   top:                    292px;
   left:                   214px;
   background-image:       url(/img/anchors/banner_register.jpg);
   background-repeat:      no-repeat;
   width:                  455px;
   height:                 39px;

}

div.title
{
   background-image:       url(/img/title.jpg);
   background-repeat:      no-repeat;
   position:               absolute;
   left:                   188px;
   top:                    226px;
   height:                 25px;
   width:                  413px;
}

div.content
{
   position:               absolute;
   left:                   188px;
   top:                    274px;
   width:                  551px;
}

div.content div.inner
{
   padding-left:           12px;
   padding-right:          12px;
}

div.content div.inner div.menubox
{
	background-color: 		#E6EFF3; 
	padding: 12px;
}

div.sidebar_highlight_1
{
   position:               absolute;
   left:                   0px;
   top:                    436px;
   height:                 224px;
   width:                  188px;
   background-image:       url(/img/sidebar_bg_1.gif);
   background-repeat:      repeat-y;
}

div.sidebar_highlight_2
{
   position:               absolute;
   left:                   0px;
   top:                    660px;
   height:                 152px;
   width:                  188px;
   background-image:       url(/img/sidebar_bg_2.gif);
   background-repeat:      repeat-y;
}

div.sidebar_search
{
   position:               absolute;
   width:                  130px;   /*experimental*/
   left:                   23px;
   top:                    460px;
}

div.sidebar_search h2
{
   background-image:       url(/img/find_a_camp.gif);
   background-repeat:      no-repeat;
   height:                 36px;
   width:                  96px;
   margin:                 0px;
   padding:                0px;
}

div.footer
{
    padding-top:           24px;
    padding-bottom:        24px;
    width:                 100%;
    height:                8px;
    background-image:      url(/img/copyright.gif);
    background-repeat:     no-repeat;
    background-position:   26px 24px;
    border-top:            1px solid #e9e9e9;
}

div.footer a.privacy
{
   display:                block;
   width:                  64px;
   height:                 8px;
   margin-left:            207px;
   background-image:       url(/img/anchors/privacy_policy.gif);
   background-repeat:      no-repeat;
   float:                  left; 
}

div.footer a.contact
{
    display:              block;
    width:                40px;
    height:               8px;
    margin-left:          2px;
    background-image:     url(/img/anchors/contact.gif);
    background-repeat:    no-repeat;
    float:                left;
}

input.submit_search
{
   background-image:       url(/img/buttons/search.gif);
   background-repeat:      no-repeat;
   height:                 21px;
   width:                  59px;
}

form
{
   margin-top:             8px;
}

form.paypal
{
  margin-bottom:           8px;
  margin-top:              0px;
}

/*********************************************************************/
/*                         top anchors                               */
/*********************************************************************/
div.top_anchors a
{
   position:               absolute;
   top:                    112px;
   width:                  89px;
   height:                 89px;
   background-repeat:      no-repeat;
}

/*
div.top_anchors a:hover
{
  margin-top:               -6px;
}*/

div.top_anchors a.home,
div.top_anchors a.home_active
{
   background-image:       url(/img/anchors/home.gif);
   left:                   188px;
}

div.top_anchors a.home_active
{
   background-image:       url(/img/anchors/active/home.gif);
}

div.top_anchors a.about,
div.top_anchors a.about_active
{
   background-image:       url(/img/anchors/about.gif);
   left:                   281px;
}

div.top_anchors a.about_active
{
   background-image:       url(/img/anchors/active/about.gif);
}

div.top_anchors a.join_free,
div.top_anchors a.join_free_active
{
   background-image:       url(/img/anchors/join_free.gif);
   left:                   374px;
}

div.top_anchors a.join_free_active
{
   background-image:       url(/img/anchors/active/join_free.gif);   
}

div.top_anchors a.members,
div.top_anchors a.members_active
{
   background-image:       url(/img/anchors/members.gif);
   left:                   466px;
}

div.top_anchors a.members_active
{
   background-image:       url(/img/anchors/active/members.gif);
}

div.top_anchors a.donate,
div.top_anchors a.donate_active
{
   background-image:       url(/img/anchors/donate.gif);
   left:                   558px;
}

div.top_anchors a.donate_active
{
   background-image:       url(/img/anchors/active/donate.gif);
}

div.top_anchors a.search,
div.top_anchors a.search_active
{
   background-image:       url(/img/anchors/search.gif);
   left:                   650px;
}

div.top_anchors a.search_active
{
   background-image:       url(/img/anchors/active/search.gif);
}

/*********************************************************************/
/*                         left anchors                              */
/*********************************************************************/
div.left_anchors a
{
   position:               absolute;
   left:                   0px;
   height:                 25px;
   z-index:                1;
   background-repeat:      no-repeat;
}

div.left_anchors a.opportunities
{
   width:                  188px;
   background-image:       url(/img/anchors/arrow_opportunities.gif);
   top:                    226px;
}

/*********************************************************************/
/*                         camp browser tables                       */
/*********************************************************************/
table.camps_browser
{
   border-top:             1px solid #e9e9e9;
}

table.camps_browser td.index a.selected
{
   font-weight:            bold;
}

table.camps_browser td.index li.sub a.selected
{
   margin-left:            1em;
}

table.camps_browser td
{
   padding-bottom:         1em;
}

table.camps_browser td h3
{
   padding:                1em;
   color:                  #000;
   margin-top:             0px;
   margin-bottom:          0px;
}

table.camps_browser td h3.alt
{
   background-color:       #e6eff3;
}

table.camps_browser td.index
{
   border-right:           1px solid #e9e9e9;
   width:                  44%;
   padding-top:            1em;
}

table.camps_browser td.index ul
{
   margin-top:             0px;
   padding-top:            0px;
   margin-left:            1em;
   padding-left:           0px;
   list-style-type:        none;
}

table.camps_browser td.index li
{
   line-height:            1.8em;
}

table.camps_browser td.index li.sub
{
   margin-left:            1em;
}

table.camps_browser td.results
{
   padding-left:           8px;
}

table.camps_browser td.results a
{
   text-decoration:        none;
}

table.camps_browser td.results a:visited
{
   color:                  purple;
}

table.camps_browser td.results a:hover
{
   text-decoration:        underline;
}

table.camps_browser td.results table th
{
   padding-right:          1em;
   padding-top:            1em;
   padding-left:           1em;
   width:                  5%;
}

table.camps_browser td.results table td
{
   padding-bottom:         1em;
   padding-top:            1em;
}

table.camps_browser td.results table tr.alt
{
   background-color:       #f9f9f9;
   border-bottom:          1px solid #e9e9e9;
   border-top:             1px solid #e9e9e9;
}

table.next_prev_links td.prev
{
   text-align:             left;
}

table.next_prev_links td.next
{
   text-align:             right;
}

/*********************************************************************/
/*                         camp detail table                         */
/*********************************************************************/
h2.camp_name
{
   letter-spacing:         -1px;
}

table.camp_detail
{
   border-top:             1px solid #e9e9e9;
}

table.camp_detail p
{
   margin-bottom:          1.4em;
   line-height:            2em;
}

table.camp_detail td.left_column
{
   border-right:           1px solid #e9e9e9;
   padding-right:          12px;
   width:                  70%;
}

table.camp_detail td.right_column
{
   padding-left:           12px;
}

table.camp_detail table.info
{
   margin-bottom:          1.4em;
}

table.camp_detail table.info th
{
   background-color:       #e9e9e9;
   text-align:             right;
   padding-right:          8px;
   padding-top:            5px;
   padding-bottom:         5px;
   padding-left:           8px;
   border:                 1px solid #c9c9c9;
   color:                  #999;
}

table.camp_detail table.info td
{
   border:                 1px solid #c9c9c9;
   width:                  25%;
   padding-top:            5px;
   padding-bottom:         5px;
   padding-left:           8px;
}
/*********************************************************************/
/*                         user's camp's table                         */
/*********************************************************************/
table.user_camps
{
   margin-bottom:          12px;
   width:                  100%;
   background-color:       #e9e9e9;
}

table.user_camps th
{
   text-align:             right;
   width:                  6em;
   padding:                4px;
   color:                  #aaa;
   font-weight: normal;
}

table.user_camps td
{
   padding:                4px;
}

/*********************************************************************/
/*                         labeled form                              */
/*********************************************************************/
.labels_80	label	{		    width: 80px;	}
.labels_100 label	{		   width: 100px;	}
.labels_120 label	{		   width: 120px;	}
.labels_160 label	{		   width: 160px;	}
.labels_180 label	{		   width: 180px;	}
.labels_200 label	{		   width: 200px;	}
.labels_220 label	{		   width: 220px;	}

.labeled label
{
	float:					   left;
	text-align:				  right;
	font-weight:			  bold;
	margin-bottom:         1em;
}

.labeled p
{
	float:					   left;
	margin:					  0px;
	padding-left:			 12px;
	margin-bottom:         1em;
}

.labeled br
{
   clear:                  both;
}

fieldset
{
   border:                 none;
}

fieldset.alt
{
   background-color:       #e6eff3;
}

fieldset h3
{
   font-size:              1.4em;
   padding:                8px;
   color:                  #999;
}

fieldset label.title
{
   background-color:       #e9e9e9;
   padding:                6px;
}

