@charset "UTF-8";
/* CSS Document */

a img {border:0px;}

a {text-decoration:none; font-weight: bold;color: #40454b}

a:hover {text-decoration:underline; font-weight: bold;}

body { margin: 0; padding: 0; background-image: url(images/BKRND.jpg);  font:10pt/20px helvetica; color:#40454b; }

#container {width: 905px; margin: 0 auto; background-color: #fff; border-right: 1px solid #333333;  border-left: 1px solid #333333; border-bottom: 2px solid #333333; padding-bottom: 10px;}

#bgrShdw {background: url(images/shadow-bkrd.jpg) repeat-y; width:930px; margin:0 auto; background-color: transparent;}

#topLeft {height: 81px; padding: 5px; width: 595px;}

#topRight { width: 289px; float:right; clear: left; text-align: right; padding-top: 10px; font-size: 10pt;  margin-right: 10px;}



#menu {height: 42px; background: url(images/top-menu-img.jpg) no-repeat; font-size: 9pt; text-align: center; width: 905px;}

#menu a {color: #fff; font-weight: 700; text-transform: uppercase;}

#menu a:hover {text-decoration: none; font-weight: 700;  text-transform: uppercase; color: #f5d8bd;}

#menu ul {
  padding:10px 0px;
  margin: 0;
  list-style: none;
  }



#menu li {
  float: left;
  position: relative;
  
  }


#menu li ul {
  display: none;
  position: absolute; 
 
  }
  
 #menu li > ul {
	top: auto;
	left: auto;
	}





#leftColumn {width: 210px; background: url(images/left-col-gradient.jpg) no-repeat; border-right: 1px solid #bab9b9; float: left;  padding: 0px 0px 17px 0px; margin-top: 0px; left: auto;}

#leftColumn ul li {list-style: none;}

.news {border-bottom: 1px solid #bab9b9; padding: 7px 11px; width: 185px; font-size: 13px; line-height: 1.5;}

.news a {color: #ca8445;}

#mainContent {width: 625px; margin-left: 230px; padding: 10px;}

#mainContent p {padding-left: 8px;}

#mainContent a {color: #d37b2c;}


h1 {color: #6d0b28; font-size: 30px; font-weight: 200; line-height: 1.2;}

#learnMore {width: 686px; float: right; margin-right: 4px; padding-bottom: 10px; }



h4 {color:#40454b; font-size: 12pt; border-bottom: 1px solid #aaaaaa; width: 525px; padding: 8px 0px; border-top: 1px solid #aaaaaa; width: 525px; padding: 8px 0px;}

/*INTERNAL PAGES*/ 

h2 {color: #e3b186; font-size: 30px; font-weight: 400; text-transform: uppercase;}

.leftnav { height: 3em; padding:15px 0px 0px 0px; width: 14em; margin: 0; left: auto; margin-left: -24px; border-bottom: 1px dashed #bab9b9;}

.leftnav a {color: #6d0b28; text-decoration: none;}

.leftnav a:hover {color: #d37b2c; text-decoration: none;}


body#about a#aboutnav, body#events a#eventsnav, body#pub a#pubnav, body#contact a#contactnav, body#join a#joinnav, body#learn a#learnnav {font-weight: bolder; color: #d37b2c;}



.subMenuList { font-size: 9px; height: 1em; border-bottom: 1px solid #cccccc; padding: 5px 5px 7px 0px;  width: 15em;}

.subMenuList a:hover {text-decoration: none;}



h3 {font-size: 11pt;font-weight: bold; color: #fff; text-transform: uppercase; background-color: #87898a; width: 658px; height: 25px; padding-left: 7px; padding-top: 7px;}

.internalLists { line-height: 1.2;}
.internalLists li { padding-bottom: 5px;}
.internalLists ul {list-style: square; position: relative; }
.internalLists ol {position: relative;  }

.specialParagraphs {line-height: 1.2;}

.line {border-bottom: 1px solid #aaaaaa; width: 525px; padding-left: 8px; text-align: center;}

.events {padding: 5px; background-color: #e2e8eb; width: 515px;}

img.floatRight {float:right; padding: 0px 0px  0px 7px;}

#subTopics {width: 645px; padding: 7px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

#subTopics a {color: #565357; text-decoration: none;}

#subTopics a:hover {color: #d37b2c; text-decoration: none;}


/*FOOTER*/

#footer {width: 905px; clear:both;}

#copyright {width: 905px; margin: 0 auto; font-size: 10px; color: #fff; padding-top: 5px; text-align: center; }

#copyright a {color: #fff; text-decoration: underline;}