/* JMCS 2006 styles */

/***************MAIN STRUCTURE*************/

html {
min-height:100%;
margin-bottom:1px;
}

body {
/* br-comment:  the original grey background-color was
background-color:#999; */
  background-color:#fff;
  color:#000;
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:medium;
}

a {
text-decoration:underline;
}

#page {
position:relative;
margin-right:auto;
margin-left:auto;
padding:0;
top:0;
width:760px;
background-color: #fff;
background:#eaeaea url("../pix/abseil_background3.jpg") no-repeat top left;
border:solid #000 1px;
border-top:0;
}
#mypage {
/* br-comment:  my changes to above page definition:
  removed background: (abseil photo); changed border:
  effect: got rid of grey bit at top of page
  (presumably caused by missing jpg)
  and lines up side of header (caused by border) */
position:relative;
margin-right:auto;
margin-left:auto;
padding:0;
top:0;
width:760px;
background-color: #fff;
border:0;
border-top:0;
}

#banner_container {
width: 100%;
}
#banner {
position:relative;
height:60px;
padding:0 0 0 30px;
background:#000 url("../pix/banner_pix.jpg") no-repeat top right;
color:inherit;
z-index:100;
}
#banner img {
padding-top:5px;
}

#content_placeholder {
background-color:#fff;
color:inherit;
width:575px;
margin:0 0 0 150px;
padding:0 15px 0 20px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#content {
position:relative;
background-color:inherit;
color:inherit;
width:410px;
height:100%;
}

#full_width {
width:560px;
}


/*********HOME PAGE, SECTION TITLES AND HOME PAGE TAGLINE********/
#page_title {
text-align:right;
padding: 10px 20px 10px 0;
margin-left:150px;
background-color:#fff;
color:inherit;
}
#page_title h1 {
font-family:Arial, Helvetica, sans-serif;
color:#998829;
background-color:inherit;
font-size:180%;
font-weight:normal;
margin:0;
}
#section_title {
margin:0 300px 0 140px;
}
#section_title h1 {
font-family:Arial, Helvetica, sans-serif;
color:#e6cc3e;
background-color:inherit;
font-size:180%;
font-weight:normal;
margin:0;
padding-top:20px;
}
#tag {
color:#e6cc3e;
background-color:inherit;
font-size:80%;
margin:0 300px 0 140px;
padding-top:20px;
}
html>body #tag {
padding-top:25px;
}
/***************TOP NAV AND BREADCRUMB*******************/
#topnav {
background-color:#fff;
color:inherit;
width:605px;
left:0;
top:0;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 5px 0 0;
text-align:right;
margin-left:150px;
}
html>body #topnav {
padding-top:0;
padding-bottom:5px;
}
#topnav ul {
margin:0;
padding:0 0 10px 0;
}
html>body #topnav ul {
padding-top:7px;
}
#topnav li {
display:inline;
list-style-type:none;
margin: 0;
text-align:center;
padding:0 4px 0 4px;
border-right: 1px solid #000;
}
#topnav a {
border-bottom:0;
color:#000;
}
#topnav a:hover {
text-decoration:underline;
color:#e6cc3e;
}
#topnav .currentsection {
color:#e6cc3e;
}

#breadcrumb {
text-align:left;
padding: 5px 0px 10px 14px;
margin-left:150px;
background-color:#fff;
color:inherit;
font-size:60%;
}
#breadcrumb ul {
margin:0;
padding:0 0 30px 5px;
}
#breadcrumb li {
display:inline;
margin: 0;
text-align:left;
padding:0 4px 0 2px;
border-right: 1px solid #000;
}
#breadcrumb a{
border-bottom:0;
text-decoration:underline;
color:#000;
}

/********************LEFT NAV************************/
#leftnav {
position:absolute;
left:0;
top:190px;
height:auto;
width:150px;
border-left:0;
z-index:10;
}
#leftnav ul {
margin:0;
padding:0;
}
#leftnav li {
display:block;
list-style-type:none;
margin: 5px;
text-align:right;
padding:0;
border: 1px solid #3a5766;
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#leftnav a {
display:block;
background-color:#c6cacc;
color:#3a5766;
text-decoration:none;
margin:0;
padding:2px 4px 2px 2px;
border-bottom:0;
}
#leftnav a:hover {
background-color:#3a5766;
color:#c6cacc;
}
#leftnav .currentpage {
display:block;
background-color:#3a5766;
color:#c6cacc;
margin:0;
padding:2px 4px 2px 2px;
}

/***************MAIN CONTENT STYLES********************/

#content h2 {
color:#3a5766;
background-color:inherit;
font-weight:normal;
font-size:150%;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
color:#998829;
background-color:inherit;
font-weight:bold;
font-size:100%;
padding:0;
margin:0;
}

#content p {
font-size:75%;
line-height:170%;
margin:5px 0 10px 0;
}
#content hr {
height:3px;
border:0;
color:#fff;
border-top: #999 dashed 1px;
}
#content .links {
text-align:right;
margin-bottom:15px;
}
#content .links a {
font-size:60%;
text-transform:uppercase;
padding:0 5px 0 5px;
border-left:solid #000 1px;
border-bottom:0;
}
#content .links a:hover {
text-decoration:underline;
}

#content ul {
font-size: 75%;
line-height:170%;
}
/************GENERAL STYLES***********************/

table {
margin-bottom:10px;
}
td {
padding:5px;
}

th {
padding:5px;
}

p.intro {
font-weight: bold;
}

/*a.image {
border-bottom: none;
} */

/******************RIGHT COLUMN*****************/
#rcontainer {
float:right;
width:150px;
height:100%;
padding:0 0 0 5px;
margin:0 0 10px 0;
background-color:#fff;
}

#rightcol {
margin:0;
padding:5px;
background-color:#998829;
border:solid #000 1px;
color:inherit;
}

#rightcol p {
margin:0 0 8px 0;
color:#fff;
font-size:70%;
line-height:150%;
background-color:inherit;
}

#rightcol h2 {
color:#fff;
background-color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:normal;
margin:0 0 2px 0;
padding:0;
}

#rightcol ul {
margin-top:0;
padding-left:0;
margin-left:15px;
font-size:70%;
}
html>body #rightcol ul {
padding:0 0 0 15px;
margin-left:0;
}

#rightcol li {
color:#fff;
background-color:inherit;
margin-top:0;
margin-bottom:5px;
}

#rightcol a {
color:#fff;
background-color:inherit;
}

#rightcol hr {
height:3px;
border:0;
color:#998829;
border-top: #fff dashed 1px;
margin-top:10px;
}


.highlight {
color:#998829;
background-color:inherit;
}
.strong {
font-weight:bold;
}

/******************HOME PAGE SMALL PRINT *****************/
#small_print {
padding-bottom:10px;
}

#small_print h2 {
font-size:90%;
font-weight:bold;
color:#000;
background-color:inherit;
margin:4px 0 0 0;
padding:0;
}

#small_print p {
font-size:70%;
margin:0;
padding:0;
}
#small_print a {
border-bottom:0;
}
img.w3c {
border:none;
padding-top:5px;
float:right;
}

/*******************FOOTER***************************/
#footer {
font-size:80%;
border-top:solid #999 1px;
background-color:#fff;
color:#999;
height:100%;
width:auto;
padding:0 0 10px 0;
}

#footer p {
margin:5px 0 0 0;
}
/*****************BLOG STYLES*************************/
#content .image {
float:left;
padding-right:10px;
}
#content .caption {
font-size:50%;
text-transform:uppercase;
padding:2px 0 0 0;
margin:0;
}
#content .caption a {
border-bottom:0;
}
#content .caption a:hover {
text-decoration:underline;
}
#content p.submitted {
font-size:60%;
text-transform:uppercase;
color:#999;
background-color:inherit;
}
#content p.date {
font-size:70%;
text-transform:uppercase;
color:#999;
background-color:inherit;
}

#content table {
border: 0;
}
#content td {
font-size:75%;
}
#content a.list_link {
border-bottom:0;
}
#content a.list_link:hover {
text-decoration:underline;
}
/************SLIDE SHOW STYLES**************/

body#slide_back {
background-color:#fff;
}

h1.slidehead {
font-family:Arial, Helvetica, sans-serif;
font-size:160%;
font-weight:normal;
color:#998829;
margin:0;
padding:0 0 5px 10px;
}

p.slidedate {
font-size:80%;
color:#999;
text-transform:uppercase;
margin:0;
padding:0 0 5px 10px;
}

img#slide {
background-color:#999;
margin-left:95px;
padding:4px;
border:solid #000 1px;
}
#caption {
font-size:80%;
color:#999;
text-align:center;
}

.slidelinks {
text-align:center;
font-size:70%;
padding-bottom:15px;
text-transform:uppercase;
}
.slidelinks a {
border-bottom:0;
}

.slidelinks a:hover{
text-decoration:underline;
}

.close {
text-align:right;
font-size:70%;
padding:5px 5px 5px 0;
text-transform:uppercase;
}

/*****************NEWS STYLES***************************/

#content h3.news {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
font-size:80%;
}

ul.news_item {
list-style-type: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
font-size:75%;
line-height:170%;
}

ul.news_item li {
margin-bottom:5px;
}

.news_intro {
color:#998829;
font-weight:bold;
}

span.date {
font-size:80%;
text-transform:uppercase;
color:#999;
background-color:inherit;
}

/*********************TRIP REPORT STYLES*****************/

#rightcol td {
text-align:center;
}

#rightcol img {
border: none;
}

#rightcol a.image {
border: none;
}

ul.trip {
list-style-type:none;
text-transform:uppercase;
color:#999;
}

ul.trip li {
padding:0 4px 0 4px;
border-left: solid 1px #999;
font-size:90%;
}

/*******************MEETS LIST STYLES*******************/

table.meets_list {
width:100%;
border-collapse:collapse;
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
line-height:120%;
margin-bottom:10px;
}

table.meets_list th {
background-color:#3a5766;
color:#c6cacc;
border-left: solid medium #fff;
border-right: solid medium #fff;
padding:5px;
font-size:90%;
}

table.meets_list td {
background-color: #eaeaea;
border: solid medium #fff;
padding: 5px 5px 5px 5px;
vertical-align:top;
}

th.set {
width:45%;
}

th.mydate {
width:20%;
}
th.myvenue {
width:25%;
}
th.mynotes {
width:55%;
}

/**********************CIRCULAR****************************/

ul.circ {
font-size:80%;
line-height:150%;
}

/*********************SMC TALK TABLE*********************/

table#smc {
font-size:80%;
}

table#smc th {
background-color:#3a5766;
color: #c6cacc;
}

table#smc td {
vertical-align:top;
background-color: #eaeaea;
}

/*********************GALLERY*************************/

.gallery a {
border-bottom: hidden;
}

/******************** CONTACT FORM*****************************/

form#contact {
margin-bottom:10px;
}

form#contact fieldset {
padding:0 0 0 0;
}
html>body form#contact fieldset {
background-color:#eaeaea;
padding:5px 5px 5px 15px;
}

form#contact legend {
position:relative;
top:-8px;
left:0;
z-index:10;
font-size: 75%;
font-weight: bold;
color: #000;
}


form#contact label {
vertical-align:top;
font-size:75%;
font-weight: bold;
}

.label {
margin-top:5px;
}

.formReply {
background-color:#eaeaea;
border: solid 1px #3a5766;
padding: 10px;
font-weight: bold;
}