/*
FYI about CSS2.

There are three types of rules:
1. HTML selector.
   These are the text part of HTML tags, e.g., the 'H' in <H1>.  A CSS rule to
   define the H1 selector could be:
   			h1 { font: 24pt bold courier;}
2. Class.
   A class, denoted by a period followed by a string, can be applied to multiple HTML tags.
   Example: .warning { font: 8pt italic Arial; }
            <p class="warning">Watch out!</p>
3. ID.
   An ID, denoted by a '#' followed by a string, is much like a class but intended to apply
   a style to a single tag.  Example:
   			#warning { font: 8pt italic Arial; }
  			<p id="warning">Watch out!</p>

More CSS info, as well as other tips, tricks, and goodies, can be found at quirksmode.org.
For example, here's an HTML trick about IE found there:

	Windows IE recognizes this special syntax:
	"<!--[if IE]>" regular HTML stuff goes here  -->
	It resolves the "if" and parses the content of the conditional comment as if it
	were normal page content.  Since conditional comments use the HTML comment
    structure, they can only be included in HTML files, and not in CSS files.

For a decent freeware editor, see "1st Page 2000" from Evrsoft:
	http://www.evrsoft.com/1stpage2.shtml
*/

body {
	margin: 0px;
	padding: 0px;
}
div#header {
	/*width: 100%;*/
	width: 640px;
	left: 0px;
	top: 0px;
	font-family: Arial,sans-serif;
}
div#MUGtitle {
	position: absolute;
	height: 21px;
	left: 125px;
	width: 100%;
	color: white;
	font: 700 14px Arial,Helvetica;
	padding: 2px 0 0 0;
	text-transform: uppercase;
	border-style: none;
	/*border-right: 1px solid #000000;*/
	background-image:url("../mainfolders/imagesnew/backgroundRedStripeNeg.gif");
}
div#MUGsearch {
	position: absolute;
	left: 718px /*85%*/;
	color: white;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
}
div#MUGsearch a:hover {
	border-bottom: 5px solid #FFFFFF;  /* this doesn't work in IE? */
}
div#MUGcenter {
	position: absolute;
	top: 21px;
	height: 46px;
	left: 125px;
	width: 100%;
	background: black;
	border-style: none;
	background-image:url("../mainfolders/imagesnew/backgroundBlackStripeNeg.gif");
}
div#MUGcenterText {
	position: relative;/* to enclosing MUGcenter */
	top: 16px;
	left: /*-160px;*/14%;
	color: white;
	text-transform: uppercase;
	font: 100 13px Verdana,Arial,Helvetica;
	font-weight: bold;
}
div#MUGcenterText a:hover {
	border-bottom: 5px solid white;
}
div#JavaMUGLogoImg {
	position: absolute;
	top:0px;
	background-color: white;
	height: 87px;
	width: 107px;
}
div#navTop {
	position: absolute;
	top: 67px;
	left: 116px;
	color: black;
	background-color: white;
	height: 30px;
	width: 100% /*840px*/;
	/*font-size: 80%;*/
	font: 100 12px Verdana,Arial,Helvetica;
}
div#navTop ul {
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	padding: 2px 0 0 0;
}
div#navTop ul li {
	display: inline;
}
div#navTop ul li.navLabel {
	text-transform: uppercase;
	color: #BB0000;
	font: 700 13px Verdana,Arial,Helvetica;
	/*font-weight: bold;
	font-size: 110%;*/
}
div#navTop li a {
	color: black;
	background-color: #FFF;
	/*text-decoration: none;  leave this out so new users can easily see the link locations */
}
div#navTop li a:hover {
	/*color: white;*/
	/*background-color: #CC0000;*/
	border-top:    5px solid #CC0000;
	border-bottom: 5px solid #CC0000;
	/*border-left:   5px solid #CC0000;
	border-right:  5px solid #CC0000;*/
}
div#navLeft {
	display: block;
    position: absolute;
	width: 190px;
	top: 0px;
	left: 0px;
	font-size: 70%;
	font-weight: bold;
	/*font-family: Verdana, "Arial MT", sans-serif;*/
	font-family: "Arial MT", sans-serif;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*color: #666666;*/

	/*background-color: #BB0000;
	background-image: url("Images/navBackground.jpg");*/

	/*background: #BB0000 url("Images/navBackground.jpg");*/
	background: #BB0000;
    background-repeat: repeat-y;

	/*border: 1px solid #efefef;*/
	margin-bottom: 11px;
	/*padding: 10px;*/
	height: 100%;
}
div#navLeft ul{
	margin : 0;
	padding : 0;
}
div#navLeft li {
	line-height: 200%;
	color: white;
	/* give the menu a button look */
	border-top: #e00000 2px solid;
	border-right: #a00000 2px solid;
	border-bottom: #a00000 2px solid;
	border-left: #e00000 2px solid;
	padding-left: 4px;
	padding-right: 2px;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
}
div#navLeft li a {
	text-decoration: none;
}
div#navLeft li a:hover {
	/*color: #CC0000;*/
	/*background-color: white;*/
	border-bottom: 5px solid black;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:white;
}
a:link {
	color:white;
}

div#brdMember {
    margin: 0;
    padding: 0;
    text-align: center;
	position: absolute;
	left: 200px;
	top: 50px;
}
#brdMember p.first {
    margin: 0;
    padding: 0 1em 0 0;
    display: inline;
    border-left: none;
}
#brdMember p {
	margin: 0;
	padding: 0 1em 0 1em;
	display: inline;
	border-left: 1px solid #BB0000;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* TO DO
div#boardMembers li {
	border-spacing : 15pt;
}
*/
/*
div#content {
	position: absolute;
	left: 56px;
	top: 230px;
	right: 274px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 91%;
	color: #000000;
	line-height: 140%;
}
div#content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 146%;
	font-weight: normal;
	color: #105BAC;
}
div#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: normal;
	color: #105BAC;
}
div#sidebar div.feature {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	background-color: #fefefe;
	border: 1px solid #efefef;
	margin-bottom: 11px;
	padding: 10px;
	line-height: 140%;
}
div#sidebar div.feature ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: square;
	line-height: 180%;
}
div#sidebar div.feature ul li {
	color: #06D3FF;
	background-color: transparent;
}
div#sidebar div.feature ul li a {
	color: #115EAC;
	background-color: transparent;
	text-decoration: none;
}
div#sidebar div.feature ul li a:hover {
	text-decoration: underline;
}
form#loginform input{
	color: #123466;
	background-color: #fff;
	width: 116px;
	border: 1px solid #ddd;
}
form#loginform input.submit {
	width: 60px;
	border: 1px solid #123466;
	color: #123466;
	background-color: #ddd;
}
form#loginform, form#loginform table, form#loginform tr, form#loginform td {
	margin: 0;
	padding: 0;
}
form#loginform table th{
	font-family : Georgia, "Times New Roman", Times, serif;
	color : #115EAC;
	background-color : #fefefe;
	font-size : 11px;
	text-align : left;
	margin : 0;
	padding : 0;
}
div#sidebar form {
	padding: 0;
	margin: 0;
}
div#sidebar h1{
	font-size : 110%;
	margin : 0;
	padding : 0;
	color: #115EAC;
}
*/
/* a way to force a page-break when printing a web page */
/* P.breakhere {page-break-before: always} */

/*
How to do rollovers without Javascript.
The key to making this work in all modern browsers is to define your links
as block elements in your style sheet (display: block), and making the width
the same as your image's (e.g., width: 32px).
.rollover a { display:block; width:32px; background-color: #FFFFFF}
.rollover a:hover { background-color: #990000}
<div class="rollover">
     <a href="#"><img src="stuart.gif" width="32" height="32" border="0"></a>
</div>

RRW - comment syntax below intentionally broken
ul { /* all lists
	padding: 0;
	margin: 0;
	list-style: none;
}
li { /* all list items
	float: left;
	position: relative;
	width: 10em;
}
li ul { /* second-level lists
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left
	top: auto;
	left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items
	display: block;
}
*/