/* this extends the base stylesheet, giving it a blue top bar, and LUUSAC written all over the place.
*/

body, html
{
    background: white url(../images/blue/background.png) repeat-y top left;
    color: black;
}

#content h1, #content h2, #content h3, #content h4, #content h5 
{
    color:#00537D;
    background-color: transparent;
}

#content h3 a
{
	font-size: 11pt;
	color: #00537D;
	background-color: transparent;
	border-bottom: 1px solid #00537D;
}
#content h3 a:hover
{
	font-size: 11pt;
	color: #00537D;
	background-color: transparent;
	border-bottom: 1px solid #00537D;
}

a			
{
	font-size: 9pt; 
	font-weight:bold;
	color:#040178;
	text-decoration:none;
	background-color: transparent;
}
#content a:hover 	
{
	color: #4441b8;
	background-color: transparent;
}

#content ul.arrowbullets li
{
	background: #f1f1f1 url(../images/blue/littlearrow.gif) no-repeat center left;
	color: black;
}

/* horizontal line denoting the end of a section, used to navigate back to the top of a page */
#content a.navtop
{
	border-bottom: 1px solid #00537D;
	background: white url(../images/blue/up_arrow.gif) no-repeat center right;
	color: black;
}

#content a.navtop span
{
	display: none;
}

/* the menu bars .......*/
#mb
{
	border: none; 
	padding: 2px;
	height:60px;
	background: #405d99 url(../images/blue/logo.gif) no-repeat right top;
	color: white;
}

#mb ul, 
#mb ul li
{
    line-height: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
	list-style-type: none;
}

#mb ul li
{
	float: left;
}

#mb ul li a,
#mb ul li a:hover,
#mb ul li a:visited
{
	font-size: 110%;
    border-left: 2px solid white;
    background-color: transparent;
    color: white;
    font-weight: bold;
    padding: 0em 0.5em;
    text-decoration: none;
}

#mb ul li.first_child a,
#mb ul li.first_child a:hover,
#mb ul li.first_child a:visited
{
    padding:   0 0.5em 0 200px;
    background: url(../images/blue/name.gif) no-repeat top left;
    border-left: none;
    display: block;
	width: auto;
}

#mb ul li a:hover,
#mb ul li.first_child a:hover
{
	color: #ADD8E6; /* lightblue */
}


/* the left hand menu bar */

div.lb 
{ 
	width: 200px;
	float: left;
	clear: left;
	background-color: transparent;
	color: #040178;
}

div.lb h2  
{ 
	font-weight: normal;
    background: #00537D url(../images/blue/topleft.gif) no-repeat top left;
    color:      white;
}

div.lb div		/* this is the one that hosts the the whole menu . */ 
{
	background: #D6E2ED url(../images/blue/topright.gif) no-repeat top right;
	color: #040178;
}

div.lb div div
{
	border-bottom: 1px solid #00537D;
	border-left: 1px solid #00537D;
	border-right: 1px solid #00537D;
}

div.lb ul li a
{
	padding-left: 10px;
	background: transparent url(../images/blue/littlearrow.gif) no-repeat 0px 3px;
	font-weight:bold;
	font-size: 9pt;
	color:#040178;
	text-decoration:none;
}

div.lb ul li ul li.list_group_header
{
    color: black;
}


div.lb ul li a:hover 	
{
	color: /*darkred*/ #8b0000;
	background-color: transparent;
}
   
/* the members_links page */
dl.members_links
{
  font-family: Arial, Sans-Serif;
  font-size: 11pt;
}

dl.members_links dt
{
  margin-top: 10pt;
}

dl.members_links dd
{  
  position: relative;
  top: -1em;
  left: 150px;
}

/* The Committee page */
     
ul.committee
{
    list-style-type: none;
    width: 480px;
    padding: 0;
    margin: 0;
}
ul.committee li
{
    margin: 1em 0em 2em 0em;
    clear: left;
    width: 480px;
    height: 200px;
}

ul.committee li img
{
    position: absolute;
    top: auto;
    left: 390px;
    padding: 3px;
    border: 1px solid black;
}

ul.committee li dl
{
    padding: 0;
    width: 380px;
    margin: 0;
}

ul.committee li dl dt
{
    float: left;
    width: 80px;
    padding: 2px 2px 2px 2px;
    margin: 0 ;
    font-weight: bold;
    border-top: 1px #A5BFD6 solid;
    clear: left;
}
ul.committee li dl dt.first_child
{
    border-top : none;
}

ul.committee li dl dd
{
    width: 250px;
    padding: 2px 20px 2px 20px;
    float: left;
    margin: 0 ;
    border-top: 1px #A5BFD6 solid;
    border-left: 1px #A5BFD6 solid;
}
ul.committee li dl dd.first_child
{
    border-top: none;
}

div.trip_report div.inset_photo
{
  float: right;
  width: 210px;
  height: 180px;
  margin: 10px 0 10px 10px;
  border: 1px solid black; 
}

div.trip_report div.inset_photo img
{
  width: 200px;
  height: 150px;
  display: block;
  margin: 5px;
}

div.trip_report div.inset_photo p
{
  width: 200px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}

#styleSelectorStandard
{
	display: none;
}
#styleSelectorBossMode
{
	display: block;
}
fieldset
{
  background-color: #e6f2fd;
}

div.lb ul.buyat a
{
  padding-left: 0;
  margin-left: 0;
  display: block;
  text-align: center;
   background-image: none;
}
div.lb ul.buyat span
{
	display: none;
}

div.lb ul.buyat a img
{
	border: none;
}

.webshopadvert
{
    margin:0px auto;
    width:460px;
}