/*=========================================================================================== 
|
| Project Name: Avenue.PM
| File Name   : style_page.css
| Description : Page head/tail Cascading Style Sheet
|
|--------------------------------------------------------------------------------------------
|      C O P Y R I G H T
|--------------------------------------------------------------------------------------------
| Copyright (c) 2005, Fairchild Web Productions          All rights reserved.
===========================================================================================*/

#page_body
{ background: #3f808a;
}

#page_outer
{ margin: 0 auto;
  width: 881px;
}

/*-----------------------------------------------------------------------------------------*/
/* --- Page Head --- */
#page_logo
{ background: transparent url(../img/banner_top.gif) no-repeat top left;
  width: 881px; 
  height: 137px;
  padding: 0;
}

#page_logo h1, #page_logo h2
{ margin: 0;
}

#page_logo h1 a 
{ background: transparent url(../img/sp.gif) no-repeat top left; 
  width: 382px; 
  height: 43px; 
  float: left;
  position: relative;
  top: 24px;
  left: 101px;
}

#page_content h1
{ margin: 0;
}

#page_logo h1 span 
{
display:none
}

#page_logo h2 a 
{ background: transparent url(../img/sp.gif) no-repeat top left;
  width: 415px; 
  height: 29px; 
  float: left;
  clear: left;
  position: relative;
  top: 57px;
  left: 152px;
}

#page_logo h2 span 
{ display:none
}



/*-----------------------------------------------------------------------------------------*/
/* --- menu bar --- */
#menu_rail
{ width: 811px;
  height: 56px;
  margin: 0px 35px; 
}

#menu
{ width: 811px;
  height: 56px;
  text-align: left;
}

#menu ul
{ margin: 0;
}

#menu li 
{ margin: 0;
  display: inline;
}

#menu h3, #menu a span
{ display: none;
}



#menu_choice_1
{ background: transparent url(../img/menu/supporters.gif) no-repeat top left;
}

#menu_choice_2
{ background: transparent url(../img/menu/about_joe.gif) no-repeat top left;
}

#menu_choice_3
{ background: transparent url(../img/menu/donate.gif) no-repeat top left;
}

#menu_choice_4
{ background: transparent url(../img/menu/the_route.gif) no-repeat top left;
}

#menu_choice_5
{ background: transparent url(../img/menu/the_plan.gif) no-repeat top left;
}

#menu_choice_6
{ background: transparent url(../img/menu/blog.gif) no-repeat top left;
}

#menu_choice_7
{ background: transparent url(../img/menu/home.gif) no-repeat top left;
}

#menu_choice_8
{ background: transparent url(../img/menu/contact.gif) no-repeat top left;
}

#menu_choice_9
{ background: transparent url(../img/menu/pictures.gif) no-repeat top left;
}

#menu_choice_10
{ background: transparent url(../img/menu/videos.gif) no-repeat top left;
}

#menu_choice_11
{ background: transparent url(../img/menu/media.gif) no-repeat top left;
}

#menu_choice_12
{ background: transparent url(../img/menu/t-shirts.gif) no-repeat top left;
}


#menu a 
{ width: 135px;  /*135*/ 
  height: 28px;
  float: left;
  margin: 0;
  background-position: -310px;
}

#menu a.here
{ background-position: -160px
}

#menu a:hover 
{ background-position: -160px
}

#menu a.social
{
  width: 40px;
  display: inline;
}

/*-----------------------------------------------------------------------------------------*/
#submenu_rail
{ width: 811px;
  height: 30px;
  margin: 0px 45px; 
}

#submenu
{ width: 811px;
  height: 30px;
  text-align: left;
}

#submenu ul
{ margin: 0;
}

#submenu li 
{ margin: 0;
  display: inline;
}

#submenu h3, #submenu a span
{ display: none;
}



#submenu_choice_1_1
{ background: transparent url(../img/menu/about_joe.gif) no-repeat top left;
}

#submenu_choice_1_2
{ background: transparent url(../img/menu/the_plan.gif) no-repeat top left;
}

#submenu_choice_1_3
{ background: transparent url(../img/menu/the_route.gif) no-repeat top left;
}

#submenu_choice_4
{ background: transparent url(../img/submenu_4.gif) no-repeat top left;
}

#submenu_choice_5
{ background: transparent url(../img/submenu_5.gif) no-repeat top left;
}

#submenu_choice_6
{ background: transparent url(../img/submenu_6.gif) no-repeat top left;
}

#submenu a 
{ width: 150px; 
  height: 30px;
  float: left;
  margin: 0;
  background-position: -300px;
}

#submenu a.here
{ background-position: -150px
}

#submenu a:hover 
{ background-position: -150px
}


/*-----------------------------------------------------------------------------------------*/
/* --- Page Body --- */
#page_content
{ width: 811px;
  margin: 0px 35px;
  text-align:left;
}

img.right, img.left
{ border: 1px solid #606060;
  padding: 2px;
}

img.right
{ float: right;
  margin: 10px 0 10px 10px;
}

img.left
{ float: left;
  margin: 10px 10px 10px 0;
}


.notebook_text p, .notebook_text ul
{ font-size: 12px;
}

.notebook_top, .notebook_text, .notebook_bottom
{ width: 716px;
  float: left;
  clear: both;
  padding: 0  20px 0 55px;
}

.notebook_top
{ background: transparent url(../../../img/notebook-top.jpg) no-repeat top left;
  height: 32px;
  overflow: hidden;
}

/* multiple of 132px */
.notebook_text
{ background: transparent url(../../../img/notebook-middle.jpg) repeat-y top left;
}


.notebook_bottom
{ background: transparent url(../../../img/notebook-bottom.jpg) no-repeat top left;
  height: 25px;
}

/* -------- small notebook */
.notebook_small
{ width: 528px;
  float: left;
  background: transparent url(../../../img/notebook-cap-middle.jpg) repeat-y top right;
}

.notebook_small .notebook_top, .notebook_small .notebook_bottom
{ width: 445px;
  padding-right: 0;
}

.notebook_small .notebook_text
{ width: 447px;
  padding-right: 0;
}

.notebook_cap_top
{ background: transparent url(../../../img/notebook-cap-top.jpg) no-repeat top left;
  height: 32px;
  width: 28px;
  float: right;
}

.notebook_cap_text
{ background: transparent url(../../../img/notebook-cap-middle.jpg) repeat-y top left;
  width: 28px;
  float: right;
}

.notebook_cap_bottom
{ background: transparent url(../../../img/notebook-cap-bottom.jpg) no-repeat top left;
  width: 28px;
  height: 25px;
  float: right;
}



/* ------------------ shake it like a polaroid picture */
.polaroid
{ background: transparent url(../../../img/polaroid.jpg) no-repeat top left;
  width: 275px;
  height: 320px;
  float: right;
}

.polaroid_pic
{ float: left;
  position: relative;
  top: 53px;
  left: 42px;
  width: 200px;
  height:205px;
  
}

.polaroid_caption
{ float: left;
  clear: both;
  position: relative;
  left: 35px;
  top: 55px;
  width: 210px;
  height: 50px;
  text-align: center;
  font-size: 14px;
}

/* ------------------ tv */
.tv
{ background: transparent url(../../../img/tv.jpg) no-repeat top left;
  width: 528px;
  height: 349px;
  float: left;
}

.tv_screen
{ float: left;
  position: relative;
  top: 25px;
  left: 26px;
  width: 400px;
  height:288px;
  
}

/* ------ piece of paper */
.paper
{ float: right;
  width: 270px;
  padding: 0;
  margin-bottom: 10px;
}

.paper_text h3
{ padding: 0;
  font-size: 16px;
  margin: 0 0 5px 0;
  font-weight: bold;
}

.paper_text p, .paper_text td
{ margin-top: 0px;
  font-size: 12px;
}

.paper_top
{ background: transparent url(../../../img/paper-top.jpg) no-repeat top left;
  height: 34px;
}
/* multiple of 56px */
.paper_text
{ background: transparent url(../../../img/paper-middle.jpg) repeat-y top left;
  padding: 0 20px;
  overflow: hidden;
}
.paper_bottom
{ background: transparent url(../../../img/paper-bottom.jpg) no-repeat top left;
  height: 55px;
  margin-top: -10px;
}

/* ------ note paper */
.note
{ float: right;
  width: 270px;
  padding: 0;
  margin-bottom: 10px;
}

.note_text h3
{ padding: 0;
  font-size: 16px;
  margin: 0 0 5px 0;
  font-weight: bold;
}

.note_text p
{ margin-top: 0px;
  font-size: 12px;
}

.note_top
{ background: transparent url(../../../img/note-top.jpg) no-repeat top left;
  height: 79px;
}
/* multiple of 67px */
.note_text
{ background: transparent url(../../../img/note-middle.jpg) repeat-y top left;
  padding: 0 20px;
  overflow: hidden;
  border: 0px;
}
.note_bottom
{ background: transparent url(../../../img/note-bottom.jpg) no-repeat top left;
  height: 79px;
  margin-top: -10px;
}



#colored_map
{ float: right;
  width: 550px;
  height: 352px;
}

/*-----------------------------------------------------------------------------------------*/
/* --- Page Tail --- */

#page_tail
{ font-size: 10px;
  width: 841px;
  margin: 0px 20px;
  padding: 0;
}

#page_tail .hr
{ background: transparent url(../img/banner_bottom.gif) no-repeat top left;
  width: 841px; 
  height: 42px;
  padding: 0;
  margin: 0;
  border: 0;
}

#tail_text
{ padding: 0 10px;
  color: #ffffff;
  text-align: center;
}

#tail_debug_text
{ display: none;
}

#page_tail h4
{ font-size: 11px;
  font-family: Tahoma, Verdana, sans-serif;
  font-weight: bold;
  color: #f87200;
  display: inline;
}

#page_tail #tail_product_name
{ display:inline;
}


#page_tail span
{ display: block;
  color: #594c39;
}







 
#donation_note .note_text
{ overflow:visible
}

#donation_note #wrapper
{ position:relative;
  top:-50px;
  left:35px;
}

#donation_note #wrapper div, #donation_note #mercury img
{ position:absolute;
}

#donation_note #mercury
{ left:20px;
  z-index:1;
  width:25px;
  background-color:#f87200;
}

#donation_note #thermometer
{ z-index:2;
}

#donation_note #ms_logo
{ z-index:3;
  left:80px;
  top:110px;
}

#donation_note #donation_amt
{ z-index:3;
  left:75px;
}
#donation_note #donation_amt p
{ font-size:12px;
}
#donation_note #donation_amt b
{ font-size:16px;
  padding-left:20px;
}
#donation_note #donation_amt a
{ padding-left:30px;
}
#donation_note #donations
{ z-index:3;
  top:180px;
  left:10px;
  padding-right:60px;
}
#donation_note #donations p
{ font-size:10px;
  text-align:right
}

#donation_note #note_spacer
{ height:115px;
}


#feedbackform label
{ width:150px;
  text-align: left;
}
#feedbackform input[type="text"]
{ width: 250px;
  margin-top:5px;
}
#feedbackform textarea
{ width: 100%;
}