/**********************************************
CSS FILE FOR UNITED BY THE PLEDGE - LAYOUT STYLES
DEVELOPED BY PHOSPHOR ESSENCE
COPYRIGHT 2007
www.phosphor.co.nz
**********************************************/

/**********************
   Universal Styles 
   *******************/

body
{
  background: black;
  color: #333;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 18px;
  }

a:link,
a:visited
{ 
  text-decoration: underline;
  color: #ccc;
  }
 
a:hover,
a:active
{ 
  text-decoration: none;
  }

/************
   LAYOUT
   *********/
body
{ 
  background: #6E6D3B url(/userfiles/images/backgrounds/homepage_tile.jpg) top left repeat; 

  }
#mainContainer
{ 
  position: relative;
  margin: 0;
/*  background: #6E6D3B url(/userfiles/images/backgrounds/wood.jpg) 0px 301px repeat; */
  }

#columnWrap
{ 
  width: 1020px;
  padding: 0.1px;
  position: relative;
  padding-left: 290px;
  }

#header
{ 
  height: 301px;
  margin-bottom: -65px;
  position: relative;
  background: transparent url(/userfiles/images/backgrounds/header.jpg) top left no-repeat;
  }

#breadcrumbs
{ position: relative; }

#content
{ 
  margin-bottom: 40px;
  width: 432px; 
  float: left;
  position: relative;
  min-height: 400px;
  overflow: hidden;
  }


#sideBar
{ 
  float: left;
  width: 270px;
  padding: 0 10px;
  }

#footer
{ 
  height: 223px;
  clear: both;
  background: transparent url(/userfiles/images/backgrounds/footer.png) bottom left no-repeat;
  position: relative;
  }

#footer img.Drugfree
{ 
  position: absolute;
  top: 120px; left: 532px;
  }

#footer img.Youthtown
{ 
  position: absolute;
  top: 120px; left: 73px;
  }
#footer .copy
{ 
  position: absolute;
  bottom: 5px;
  left: 40px;
  color: #ddd;
  font-size: 9px;
  }


/**********
   Header
   **********/

#scoreboard
{ 
  position: absolute;
  top: 87px;
  left: 314px;
  padding-right: 221px;
  background: url(/userfiles/images/backgrounds/newzeal.png) top right no-repeat;
  }

#header img.athlete-photo
{ 
  position: absolute;
  top: 122px;
  left: 0;
  }

#header img.athlete-accessory
{ 
  position: absolute;
  top:219px; left: 732px;
  }

#header h1
{ 
  color: white;
  font-size: 9px;
  padding: 20px 0 0 50px;
  text-transform:uppercase;
  }

#home-link a
{ 
  position: absolute;
  top: 10px;
  left: 10px;
  width: 700px;
  height: 77px;
  font-size: 10pt;
  font-family: 'Verdana', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  }

#drugfree-sport-link a
{ 
  position: absolute;
  top: 180px;
  left: 780px;
  width: 240px;
  height: 0px;
  font-size: 0;
  padding-top: 45px;
  }

/***********
   Navigation
   ********/
 
#header ul.navigation
{ 
  background: transparent url(/userfiles/images/navigation/nav.png) top left no-repeat;
  width: 700px;
  height: 59px;
  float: left;
  position: relative;
  margin: 170px 0 0 373px;
  list-style: none;
  }

#header ul.navigation li
{ 
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  }

#header ul.navigation ul
{ display: none; }


#header ul.navigation li a:link,
#header ul.navigation li a:visited
{
  display:block;
  color: white;
  font-family: 'Verdana', sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
 } 

#header ul.navigation li a:hover,
#header ul.navigation li a:active
{ } 

#nav-about-the-pledge a:link,
#nav-about-the-pledge a:visited
{ 
  width: 92px;
  padding: 15px 0 0 20px;
  height: 49px;
  }

#nav-about-the-pledge a:hover,
#nav-about-the-pledge a:active
{ 
  background: transparent url(/userfiles/images/navigation/about-the-pledge.roll.png) top left no-repeat;
  }

#nav-who-has-signed a:link,
#nav-who-has-signed a:visited
{ 
  width: 74px;
  padding: 18px 0 0 25px; 
  height: 44px;
 }

#nav-who-has-signed a:hover,
#nav-who-has-signed a:active
{  background: transparent url(/userfiles/images/navigation/who-has-signed.roll.png) top left no-repeat; }

/* 
 * These two rules are painfully specific to overwrite the padding and height
 * set in #header ul.navigation a:link
 * at least it's not !important right?
 *
 * Gerard - 07/08/08
 */
#header ul.navigation #nav-youthtown a:link,
#header ul.navigation #nav-youthtown a:visited
{ 
  height: 0;
  overflow: hidden;
  padding-top: 59px;
  width: 159px;
  }

#header ul.navigation #nav-youthtown a:hover,
#header ul.navigation #nav-youthtown a:active
{  background: transparent url(/userfiles/images/navigation/youthtown.roll.png) top left no-repeat; }


/*************
   SideBar
   *************/
#quikpix
{ 
  padding: 0;
  padding-top: 129px;
  height: 0;
  overflow: hidden;
  width: 249px;
  display: block;
  background: transparent url(/userfiles/images/backgrounds/quikpix.png) top left no-repeat;
  position: relative;
  margin-top: 16px;
  }

#bebo-link
{ 
  padding: 0;
  padding-top: 135px;
  height: 0;
  overflow: hidden;
  width: 245px;
  display: block;
  background: transparent url(/userfiles/images/backgrounds/bebo.png) top left no-repeat;
  position: relative;
  margin-top: 16px;
  }

#be-heard
{ 
  margin-top: 16px;
  position: relative;
  }

#be-heard .header-graphic
{  
  height: 44px;
  background: transparent url(/userfiles/images/backgrounds/be-heard-head.png) top left no-repeat;
  text-transform: uppercase;
  color: #ecece9;
  }

#be-heard .header-graphic a:link,
#be-heard .header-graphic a:visited
{ 
  height: 26px;
  color: white;
  text-decoration: none;
  padding: 18px 0 0 18px;
  display: block;
  }

#be-heard .header-graphic h1
{ 
  font-size: 13px;
  color: white;
  text-decoration: none;
  }

#be-heard .center
{ 
  background: transparent url(/userfiles/images/backgrounds/be-heard-center.png) top left repeat-y;
  padding: 20px 40px 0 20px;
  font-size: 11px;
  }

#be-heard .footer-graphic
{ 
  height: 10px;
  background: transparent url(/userfiles/images/backgrounds/be-heard-footer.png) top left no-repeat;
  }

#be-heard a.be-heard
{ 
  /* these hide the text */
  display: block;
  height: 0;
  overflow: hidden;
  /* and this gives it a fake height */
  padding-top: 24px;
  width: 27px;
  float: right;
  background: transparent url(/userfiles/images/backgrounds/be-heard-link.png) top left no-repeat;
  }

/***********
   Flash
   ********/

.placeholder
{ 
  text-align: center;
  margin-bottom: 1px;
  line-height: 0px;
  }

/*************
   Paper 
   **********/

#content .header-graphic
{ 
  height: 32px;
  background: transparent url(/userfiles/images/backgrounds/notepaper-header.png) top left no-repeat;
  padding: 53px 240px 0 20px;
  }

#content .header-graphic h1
{ 
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  }

#content .footer-graphic
{
  height: 96px;
  background: transparent url(/userfiles/images/backgrounds/notepaper-footer.png) bottom left no-repeat;
  }

#content .center
{ 
  min-height: 300px;
  padding: 1px 20px;
  background: transparent url(/userfiles/images/backgrounds/notepaper-center.png) bottom left repeat;
  }


.body-about-the-pledge #content .header-graphic
{ 
  height: 28px;
  background: transparent url(/userfiles/images/paper/about/head.png) top left no-repeat;
  padding: 20px 20px 0 40px;
  }

.body-about-the-pledge #content .header-graphic h1
{ 
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  }

.body-about-the-pledge #content .footer-graphic
{
  height: 49px;
  background: transparent url(/userfiles/images/paper/about/foot.png) bottom left no-repeat;
  }

.body-youthtown #content
{ 
  background: transparent url(/userfiles/images/backgrounds/youthtown-paper.png) top left no-repeat;
  }

.body-youthtown #content .center
{ 
  min-height: 0;
  background: transparent url(/userfiles/images/backgrounds/youthtown-paper-center.png) top left repeat-y;
  margin: 302px 0 0 29px;
  padding: 1px 55px 5px 25px;
  }

.body-youthtown #content .header-graphic
{ display: none; }

.body-about-the-pledge #content .header-graphic h1
{ 
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  }

.body-youthtown #content .footer-graphic
{
  height: 49px;
  margin-left: 29px;
  background: transparent url(/userfiles/images/backgrounds/youthtown-paper-footer.png) top left no-repeat;
  }

.body-about-the-pledge #content .center
{ 
  min-height: 300px;
  padding: 1px 40px;
  background: transparent url(/userfiles/images/paper/about/center.png) top left repeat-y;
  }

.body-youthtown #content .center .youthtown-link a
{ 
  position: absolute;
  top: 0; left: 0;
  height: 0; display: block; overflow: hidden;
  padding-top: 300px;
  width: 420px;
  }

.body-be-heard #content .center
{ padding: 1px 60px; }

.body-be-heard #content .center p
{ margin: 15px 0; }

.body-be-heard #content .header-graphic
{ padding-left: 60px; }

.body-be-heard #content .header-graphic h1
{ 
  height: 0;
  overflow: hidden;
  padding-top: 34px;
  background: transparent url(/userfiles/images/form/be-heard-heading.png) top left no-repeat;  
  }

/*************
   Slideshow
   **********/

.slideshow
{ 
  height:180px;
  width: 263px;
  position: absolute;
  top: 0;
  left: 704px;
  }

.slideshow img
{ 
  height:180px;
  width: 263px;
  position: absolute;
  top: 0;
  left: 0;
  }

.slideshow img.top
{ z-index: 100; }

.slideshow ul
{ display: none; }

/************
   Forms
************/
sdiv.Doc2Form
{ margin-top: 10px; }

.body-be-heard fieldset
{ 
  border: 0;
  padding: 0;
  }

.body-be-heard form ul
{ list-style: none;  }

.body-be-heard form legend
{ display: none; }

.body-be-heard form ul li
{ padding: 0; margin: 0; list-style: none; clear: left;}

.required_li label
{ display: none !important; }

.body-be-heard form label
{ width: 120px;
  display: block;
  padding: 0;
  }
.body-be-heard form input
{ 
  display: block;
  float: left;
  }
.body-be-heard form textarea
{ width: 312px !important; }

.body-be-heard form label
{ 
  height: 0;
  padding-top: 35px;
  overflow: hidden;
  float: left;
  }

/**************
   Thank You 
   ************/

#thank-you-message a
{ 
  font-size: 0px;
  display: block; overflow: hidden; height: 0; width: 223px;
  margin: 0 auto;
  padding-top: 72px;
  background: transparent url(/userfiles/images/backgrounds/thanks.png) top left no-repeat;
  }

.surname_li label
{ background: transparent url(/userfiles/images/form/surname.png) top left no-repeat;}


.firstName_li label
{ background: transparent url(/userfiles/images/form/first-name.png) top left no-repeat;}


.email_li label
{ background: transparent url(/userfiles/images/form/email-address.png) top left no-repeat;}


.message_li label
{ padding-top: 40px;
  width: 200px;
  background: transparent url(/userfiles/images/form/message.png) top left no-repeat;}

/****************************
   Pledge Search
   + Pledge Search results 
   *************************/

#content .PledgeSearch h1
{ background: url(/userfiles/images/paper/who/results-header.png) top left repeat-y;
  padding: 0; margin: 0 !important;
  height: 0; padding-top: 28px; overflow: hidden; display: block;
  font-size: 0;
  }

.PledgeSearch p
{ 
  margin: 10px 0;
  text-align: center;
  }
.PledgeSearch .results
{ background: url(/userfiles/images/paper/who/divider.png) top left repeat-y; 
  padding: 0.1px;}

.PledgeSearch td.name
{ width: 185px; }
.PledgeSearch ul.pages
{ 
  width: 330px;
  margin: 10px 60px 0;
  display: block;
  }

.PledgeSearch ul.pages li
{ 
  list-style: none;
  display: block;
  float: left;
  padding: 1px 3px;
  margin: 0px;
  border-right: solid 1px #704344;
  width: auto;
  }

.PledgeSearch ul.pages li.last
{ border: none; }

.PledgeSearch ul.pages li a:link,
.PledgeSearch ul.pages li a:visited
{ 
  color: #704344;
  text-decoration: none;
  }

.PledgeSearch ul.pages li a:hover,
.PledgeSearch ul.pages li a:active
{ text-decoration: underline; }

/*************
   Sports
*************/

div.sport
{ 
  height:0; overflow: hidden;
  padding-top: 62px;
  width: 291px;
  margin: 0 auto;
  }

/****************
   WHO HAS SIGNED
   ***************/
.body-who-has-signed #content,
.body-pledge-results #content
{ width: 436px; }

.body-who-has-signed #content .header-graphic h1
{ 
  height: 0;
  overflow: hidden;
  display: block;
  padding-top: 20px;
  background: transparent url(/userfiles/images/backgrounds/who-has-signed-heading.png) top left no-repeat;  
  }

.body-who-has-signed #content p
{ 
  margin: 15px 0;
 }

.body-pledge-results #content p
{ 
  margin: 15px 10px;
 }

.body-who-has-signed #content .header-graphic,
.body-pledge-results #content .header-graphic
{ 
  height: 32px;
  padding: 80px 0 0 60px;
  background: transparent url(/userfiles/images/paper/who/header.png) top left no-repeat;  
  }

.body-who-has-signed #content .header-graphic
{ height: 18px; } 

.body-who-has-signed #content .center,
.body-pledge-results #content .center
{ 
  background: transparent url(/userfiles/images/paper/who/center.png) top left repeat-y;
  padding: 1px 60px;
  color: #6d4242;
  }

.body-who-has-signed #content .footer-graphic,
.body-pledge-results #content .footer-graphic
{ 
  height: 83px;
  background: transparent url(/userfiles/images/paper/who/footer.png) top left no-repeat;  
  }
 
.body-who-has-signed #search
{ 
  background: transparent url(/userfiles/images/backgrounds/who-seperator.png) top left no-repeat;
  padding-top: 20px;
  position: relative;
  }

.body-pledge-results #content .header-graphic
{ height: 0px; }

.body-pledge-results #content .header-graphic h1
{ display: none; }

.body-pledge-results #search h1
{ margin: 0px auto -25px ; }


#search h1
{ 
  height: 0;
  padding-top:50px;
  margin-bottom:-20px;
  display: block;
  overflow: hidden;
  background: transparent url(/userfiles/images/backgrounds/is-your-name.png) top left no-repeat;
  font-size: 0;
  }

#search label
{ 
  display: block;
  width: 60px;
  height: 0;
  float: left;
  clear: left;
  padding-top: 24px;
  display: block;
  overflow: hidden;
  margin: 5px 10px 5px 0;
  }

#search #sport
{ background: transparent url(/userfiles/images/backgrounds/search-label-sport.png) top right no-repeat; }

#search #name
{ background: transparent url(/userfiles/images/backgrounds/search-label-name.png) top right no-repeat; }

#search input,
#search select
{ 
  width: 240px;
  height: 22px;
  margin: 3px 0;
}

#search input#SearchPledge_22_btnSearch,
#search input#SearchPledge_23_btnSearch
{ 
  clear: both;
  float: right;
  height: auto;
  margin-top: 5px;
  width: 80px;
  } 

#search p
{  margin: 5px 20px 5px 0;}

/*********
   HOW DO I SIGN?
**********/

.body-about-the-pledge #content .header-graphic h1
{ 
  height:0; 
  overflow:hidden; 
  display:block;
  padding-top: 20px;
  background: url(/userfiles/images/backgrounds/about/about_the_pledge.png) top left no-repeat;
  }

.body-about-the-pledge #content .center h2
{ 
  height:0; 
  overflow:hidden; 
  display:block;
  margin-bottom: 10px;
  font-size: 0;
  padding-top: 20px;
  background: url(/userfiles/images/backgrounds/about/how_do_i_sign.png) top left no-repeat;
  }

.body-about-the-pledge ol 
{ margin: 20px 0; }

.body-about-the-pledge ol li
{ 
  list-style: none;
  margin: 0;
  padding-left: 25px;
  background: url(/userfiles/images/backgrounds/about/one.png) top left no-repeat;
  }

.body-about-the-pledge ol li + li
{   background: url(/userfiles/images/backgrounds/about/two.png) top left no-repeat;
 }

.body-about-the-pledge ol li + li + li 
{   background: url(/userfiles/images/backgrounds/about/three.png) top left no-repeat;
 }

.body-about-the-pledge ol li + li + li + li
{ 
  list-style: number;
  }