/*
** Global
**
** Basic sanity choices.
*/

/* Reset */
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*/

/* Set the body colour and eliminate borders */
html,body
{
  background-color: #123e4c;
  color: white;
  margin:  0;
  padding: 0;
  height: 100%;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Eliminate the annoying blue border around all image links */
a img
{
  border-style: none;
}

/* Make sitemeter disappear */
#sitemeter
{
  display: none;
}

#root
{
  height: 100%;
}

#inner_root
{
  position: relative;
  background: url("pa-background-water-inner.jpg");
}

#background_table
{
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border: 0 solid black;
  padding: 0;
  margin: 0;
}

#left_background_column
{
  background: url("pa-background-water.jpg") top right;
  border: 0 solid black;
  vertical-align: top;
}

#middle_background_column
{
  width: 1000px;
  background: url("pa-background-water.jpg") top left;
  border: 0 solid black;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

#right_background_column
{
  background: url("pa-background-water.jpg") top left;
  border: 0 solid black;
  vertical-align: top;
}

#title_bar
{
  position: relative;
  width: 1000px;
  height: 129px;
  background: url("pa-logo-header.jpg") top left;
}

#title_bar a
{
  position: absolute;
  display: block;
  width: 374px;
  height: 90px;
  top: 20px;
  left: 24px;
}

#title_bar a span
{
  display: none;
}

#menu_bar
{
  position: relative;
  height: 25px;
  margin-left: 50px;
  margin-top: 10px
}

#menu_bar table
{
  border-collapse: collapse;
  border: 0 solid black;
  padding: 0;
  margin: 0;
}

#menu_bar_home a span
{
  display: none;
}

#menu_bar_home
{
  margin: 0;
  padding: 0;
  padding-right: 50px;
}

#menu_bar_home a
{
  display: block;
  width: 48px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  0px 0px;
}

#menu_bar_home a:hover
{
  display: block;
  width: 48px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  0px -20px;
}

#menu_bar_forum a span
{
  display: none;
}

#menu_bar_forum
{
  margin: 0;
  padding: 0;
  padding-right: 50px;
}

#menu_bar_forum a
{
  display: block;
  width: 53px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  -55px 0px;
}

#menu_bar_forum a:hover
{
  display: block;
  width: 53px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  -55px -20px;
}

#menu_bar_nsr a span
{
  display: none;
}

#menu_bar_nsr a
{
  display: block;
  width: 200px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  -115px 0px;
}

#menu_bar_nsr a:hover
{
  display: block;
  width: 200px;
  height: 15px;
  background-image: url("pa-menu.png");
  background-repeat:  no-repeat;
  background-position:  -115px -20px;
}

#side_bar
{
  position: absolute;
  top: 220px;
  right: 0px;
  width: 180px;
}

#side_bar ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 25px;
}

#side_bar li
{
  margin: 0 0 10px 0;
}

#side_bar #sponsors
{
  display: none;
}

#side_bar a span
{
  display: none;
}

#side_bar_howtojoin a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px 0px;
}

#side_bar_howtojoin a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px 0px;
}

#side_bar_information a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -28px;
}

#side_bar_information a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -28px;
}

#side_bar_faq a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -56px;
}

#side_bar_faq a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -56px;
}

#side_bar_documents a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -84px;
}

#side_bar_documents a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -84px;
}
#side_bar_events a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -113px;
}

#side_bar_events a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -113px;
}

#side_bar_calendar a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -141px;
}

#side_bar_calendar a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -141px;
}

#side_bar_clubmap a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -169px;
}

#side_bar_clubmap a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -169px;
}

#side_bar_thecommittee a
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  0px -197px;
}

#side_bar_thecommittee a:hover
{
  display: block;
  width: 126px;
  height: 18px;
  background-image: url("pa-side-bar.png");
  background-repeat:  no-repeat;
  background-position:  -142px -197px;
}


#page
{
  position: relative;
  width: 760px;
  left: 20px;
  margin: 0;
  border: 1px solid #134352;
  padding: 10px 20px 0 20px;
  background-color: #227690;
  height: auto !important; /* All browsers except ie6 will respect the !important flag */  
  min-height: 500px;  
  height: 500px; /* Should have the same value as the min height above */
  font-size: 12pt;
  font-family: Helvetica, Arial, sans-serif;
}

#page p a:link

{
  color: #ede800;
  text-decoration: none;
}

#page p a:visited

{
  color: #ede800;
  text-decoration: none;
}

#page p a:hover

{
  color: #fffc5f;
  text-decoration: none;
}

#page p a:active

{
  color: #ede800;
  text-decoration: none;
}

#page p
{
	margin: 0;
	padding: 0 0 2ex 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  text-align: justify;
}

#page h1
{
  font-size: 130%;
  padding-bottom: 1.5ex;
}

#page h2
{
  font-size: 120%;
  padding-bottom: 1.5ex;
}

#page h3
{
  font-size: 110%;
  padding-bottom: 1.5ex;
}

#page ol, #page ul, #page li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#page ol
{
  padding-left: 2em;
}

#page ul
{
  padding-left: 2em;
}

#page li p
{
	padding: 0 0 1ex 0;
}

/*
** Footer
**
** Adding a little extra space to bottom of the page to frame it nicely and provide
** a link to the web designer.
*/
#footer
{
  position: relative;
  height: 50px;
  text-align: center;
}

#footer a
{
  display: block;
  color: white;
  padding-top: 15px;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  color: #ede800;
}

#silhouette1,#silhouette2
{
  display: none;
}

#silhouette1 span,#silhouette2 span,#silhouette3 span
{
  display: none;
}

#silhouette3
{
  position: absolute;
  top: 0px;
  left: 750px;
  width: 245px;
  height: 215px;
  background-image: url("pa-silhouette3.png");
  background-repeat:  no-repeat;
  background-position:  0 0;
  z-index: 10;
}