/* General orange on black style (any UA) */

body{
    background-color: #000; 
    color: #F80;
}

body, p, div.bodytext, table, tr, th, td, h1, h2, ul, li {

    font-family:  Arial, Geneva, Verdana, sans-serif;
    font-weight: light;
    font-size: 100%;
    line-height: 20px;
}


a:link{ color: #aa0; text-decoration: underline }
a:visited{ color: #550; text-decoration: underline }


                    /*   General CSS section   */

body{
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 2.5em;
}
.nextevent{ /* on index page if no scroller */
    float:left;
    display: block;
    border: 1px solid #090;
}
.nextevent h2{
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    font-weight: lighter;
    border-bottom: 1px solid #090;
}
.leftcol{
    float:left;
}

.events{
/* Other styles now set by JavaScript in scroll.js */
}
.listing{
    color: #fff;
    float: left;
    width: 300px;
    position: relative;
    top: 20em;
    left: 0px;
}
		    /* Form styling */
.submitbutton, input{
    font-size: 85%;
    background: #780;
    /*color: #000;*/
    width: 100px;
    border: 1px solid #960;
}

                    /*   Browser- and page-specific styles   */
/* Style for navigation bar (UA has good CSS support) */
 .mainnavmenu{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
     background: #ff3498;
    color: #000;
    padding-left: 75px;
    z-index: 1;
    border-bottom: 1px solid #F80;
    white-space: nowrap;
    text-indent: 10px;
}
html>body .mainnavmenu{
    position: fixed;
}

.topleftlogo{
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 2;
}
.piece{
    color: #F80;
    margin-top: 110px;
    text-transform: uppercase;
    padding-left: 48px;
    font-size: 120%;
    letter-spacing: 2px;
    font-weight: 400;
}
a.nav:link{ color: #000; text-decoration: none;  font-size: 10pt; }
a.nav:hover{ color: #ff0; text-decoration: none;  font-size: 10pt;   }
a.nav:visited { color: #333; text-decoration: none;  font-size: 10pt;  }


.bodytext{
font-family:  Arial, Geneva, Verdana, sans-serif;
}
h1{font-size: 105%; font-face: Arial, Geneva, Verdana, sans-serif; font-weight: 400 }
h2, h3{font-size: 105%; font-face: Arial, Geneva, Verdana, sans-serif; font-weight: 700 }
a:link{ color: #0aa; text-decoration: underline }
a:visited{ color: #50a; text-decoration: underline }

	blockquote{ font-style: italic }
	blockquote em{ font-style: normal;  }

.articlebody{
	margin-left: 20%;
	text-align: justify;
}

.articlebody div{ /* columns. um, not columns after all..?*/
	width: 50%; float: left;
	padding: 2%; border-left: 1px dotted #f80;
}

.articlebody br{ clear: both }

/*  news style: hide date  */
.date{display: none}

.content1 h2{
	margin-top: 2em;
}

.toggleButton{
	border: 2px orange outset; padding: 5px; text-align: center;
	background: #000;
	color: #fff; width: 9em; margin-right: 0;
}