/* wbmc10.css - for 2010 website  ~harald 2010.01.16:1647 */
/* Validated 2010.02.24 */
body1 { 
	font-family: arial,helvetica,sans-serif,tahoma;
	font-size: 100%;
	line-height: 1em;	/* 1em=16pt,  1.25em (1.125*16)=18pt; .625em=10pt; .75em=12pt */
	background-color: #B0C4DE; /* Lightsteelblue */
  text-align: center;	/* needed for IE centering of div's? */
  background-image: url('images/background/vvltgrayparch.jpg'); background-repeat: repeat;
	}

.bkgd_wbmc {
	background-image: url('images/background/wbmc-steelplate48.jpg'); background-repeat: repeat; 
	background-color: #696996;
}

.bkgd-color_wbmc {
	background-image: url('images/background/wbmc-steelplate48.jpg'); background-repeat: repeat; 
	background-color: #696996;
}

/* Page (width) boundry for all pages */
#container {	
  width: 800px; 
  max-width: 1000px; 
/*  width: expression(this.width>=800 && this.width>=this.height ? 800: true); */ /* IE specific for max width (error in Firefox)*/
  margin: 0 auto; 
  text-align: left; 
  }

/* hyperlinks */
a:link    { color: #0000FF; text-decoration: none; font-weight: bold; }
a:visited { color: #000088; text-decoration: none; font-weight: bold; }
a:active  { color: #00FF99; text-decoration: none; font-weight: bold; }
a:hover   { color: #FF0000; text-decoration: underline; font-weight: bold; }
#sponsors a:active  { color: #A66116; text-decoration: none; font-weight: bold; }

/* topper (banner) containing the wbmc logo, sponsors ads and member pictures */
#topper { width: 800px; height: 167px; margin: 2px auto; overflow: hidden; } 
#topper_logo { float: left; }
img#topper_logo { width: 287px; height: 165px; border: 0; text-align: left; }
#topper_ad { float: left; }
img#topper_ad { width: 289px; height: 165px; }
#topper_pix { float:left; }
img#topper_pix { width: 220px; height: 165px; overflow: hidden; }

/* */

.maincontentframe {
	max-width: 800px;
	min-width: 550px;
}

.maincontent {
	max-width: 800px;
	min-width: 450px;
}

.docframe {border: 6px ridge #FFD700; margin: 0 auto; padding: 4px; }

.pagetitle { 
	width:80%; margin: 10px auto; padding: 10px; border: 8px ridge #4682B4; line-height: 120%; 
	font-family: Arial; font-size: 24pt; font-weight: bold; letter-spacing: 0;
	vertical-align: middle; text-align: center; text-indent: 0px;
	}

/* */
.iframe_update_footer { width: 100%; }


/* page specific css */
/* start - contacts.htm specific css */
.buttoncell {width:75px; height:75px; text-align:center; }			
.button {border:2px; border-color:blue; margin:4px; font-family:Arial; font-size:10pt; font-weight:bold; text-decoration:none; 
			text-align:center; line-height:100%; text-indent:0px; }
.textcell {width:100%; height:75px; vertical-align:top; text-align:left; font-family:Arial; font-weight:bold; }			
.title	{ font-size:18pt; text-decoration:underline; line-height:100%; margin-left:10px; margin-top:0px; margin-bottom:6px; }
.desc	{ font-size:10pt; text-decoration:none; text-indent:-6px; margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px; }
.email	{ font-size:10pt; text-decoration:underline; line-height:100%; margin-left:10px; margin-top:6px; margin-bottom:12px; }
/* end - contacts.htm specific css */

/* start - info.htm specific css */
.intro	{ font-family: Arial; font-size: 18pt; font-weight: bold; text-decoration: underline; text-align: left; line-height: 100%; text-indent:0px; margin-left:5px; margin-right:0; margin-top:0; margin-bottom:8px }
.desc	{ font-family: Arial; font-size: 12pt; font-weight: bold; text-align: left; line-height:125%; text-indent: -5px; margin-left: 10px; margin-right: 2px; margin-top: 2px; margin-bottom: 5px }
.linktitle	{ font-family: Arial; font-size: 18pt; font-weight: bold; text-decoration: underline; text-align: center; line-height: 100%; text-indent:0px; margin-left:0px; margin-right:0px; margin-top: 5px; margin-bottom: 10px; }
.link	{ font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: underline; text-align: center; line-height: 133%; text-indent:0px; margin-top: 3px; margin-bottom:0px; }
.maincontent-info {
	max-width: 800px;
	min-width: 550px;
}

/* end - info.htm specific css */

/* start - events.htm specific css */


/* end - events.htm specific css */

/* start - junction.htm specific css */


/* end - junction.htm specific css */

.br_sml {font-size:4pt;}
.br_lrg {font-size:24pt;}


#maincontent {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px 2px 2px 2px;
clear: both;
}

#maincontent h1{
font-size: 14pt;
color: #711515;
background-color: transparent;
}

	
h4     { font-size:12pt; text-align: left; text-indent: -5px; margin-left: 10px; margin-right: 4px; }
h5     { font-size:10pt; text-align: left; text-indent: -5px; margin-left: 12px; margin-right: 4px; }
.note  { font-size:10pt; text-align: left; text-indent: -7px; margin-left: 18px; margin-right: 4px; }

.L1 { font-size: 12pt; margin-left: 7px; text-indent: -5px; line-height: 125%; margin-right: 0px; }
.L2 { font-size: 12pt; margin-left: 18px; text-indent: -7px; line-height: 125%; margin-right: 0px; }
	
.Q1 { font-size: 12pt; margin-left: 7px; text-indent: -5px; line-height: 120%; margin-right: 0px; text-decoration:none; font-style:oblique; }
.A1 { font-size: 12pt; margin-left: 18px; text-indent: -7px; line-height: 125%; margin-right: 0px; font-weight:bold; }

/* footer - common */

/* footer - page specific */


/* special cases go here */
/* display a fraction: <span class="fraction"><sup>3</sup><span class="divider">/</span><sub>2</sub></span>  */
.fraction {
  line-height:160%;
  background-color : transparent;
  display: inline;
  vertical-align: middle;
}
.fraction .divider {
  float: left;
  clear: left;
  border-top: 1px solid black;
  width: 100%;
  line-height: 0;
  height: 0;
}
.fraction sup, .fraction sub {
  font-size:75%;
  float: left;
  clear: left;
}