body,div,h2,h3,h4,h5,input {
	font-family:"Trebuchet MS",sans-serif;
	color:#000;
}

body {
	margin:0px;
	padding:0px;
	background-color:#edebd5;
	position:relative;
}

p {
	margin-top:2px;
	margin-bottom: 6px;
	line-height:1.4;
	font-size: 12pt;
}

a {
	color:#00b;
	text-decoration:underline;
}
a:visited {
	color:#008;
}

#masthead {
	height:46px;
	background-color:#aa1111;
	background-image: url(/img/design/bkg_masthead.png);
	background-position:bottom;
	margin:0px;
	padding:12px;
	color:#fff;
	border-bottom:8px solid #066ba6; // #0a779b;
	font-family:Palatino,Georgia,Times,serif;
}
#main_logo {
	position:absolute; float:left; top:10px; margin-top:-10px; margin-left:-6px; margin-bottom:-10px; z-index:70;
}
#slogan {
	font-size:10pt;
	font-weight:bold;
	position:absolute;
	letter-spacing:1.5pt;
	word-spacing:2pt;
	top:6px;
	left:45%;
	margin-left:-200px;
	text-align:center;
	width:400px;
	display:none;
}
#beta {
	font-family:"Trebuchet MS",sans-serif;
	font-size:74pt;
	font-weight:bold;
	position:absolute;
	letter-spacing:4pt;
	top:-8px;
	left:50%;
	margin:-16px;
	padding:0px;
	margin-left:-100px;
	text-align:center;
	width:200px;
	z-index:0;
	color:#851515;
	line-height:.8;
}

#container {
	max-width: 900px;
	min-width:640px;
	width: 79%;
	background-color:#fff;
	margin:0px;
	padding:8px;
	padding-bottom:50px;
	padding-left:128px;
/*	overflow:auto;  causes Ff printing problems... unfortunatly this is important to have so that floated divs will force the box down fix with @ media hack */
	z-index: 0;
	position: relative;
}
@media screen { /* hack for Ff */
	#container {
		overflow: auto;
	}
}
* html div#container { /* IE hack since it doesnt support min-width */
	width: 740px;
	overflow: auto; /* because IE doesn't get the whole @media thing */
}



div#footer {
	background:#101040;
	font-size:8pt;
	color:white;
	padding:0px 6px 1px;
	position:relative;
	top:-24px;
	margin-bottom:0px;
	z-index:100;
	text-align:center;
}
#footer a {
	color:#ddf;
}
div#menu_bottom {
	background-color:#edebd5;
	position:relative;
	left:-8px;
	top:8px;
	margin:-4px 0px 0px 0px;
	padding:2px 8px;
	padding-bottom:30px;
	width:100px;
	float:left;
	border-right:12px solid white;
}

div.menu {
	background-color:#edebd5;
	background-image: url(/img/design/bkg_menu_tan.png);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	left:-12px;
	margin:-8px -8px 12px -116px;
	padding:14px 0px 12px;
	border-right:0px solid #ba9560;
	border-bottom:1px solid #ba9560;
	width:116px;
	float:left;
	z-index:50;
}
* html div.menu {  /* IE is doubling the negitive right margin value for some reason FIXME: Check IE 7 */
	margin-left: -58px;
}
a.menu1 {
	display:block;
	font-size:12pt;
	font-weight:bold;
	padding:2px 6px 1px;

}
a.menu1:hover,a.menu2:hover {
	background:white;
}

a.menu2+a.menu1 {
	margin-top:6px;
}

a.menu2 {
	display:block;
	font-size:10.5pt;
	font-weight:bold;
	padding:2px 0px 3px 5px;
	margin:0px 0px 0px 5px;
	line-height:1;
}

div.side_bar {
	width:27%; /* IE will be at 200px */
	background:#e8e8ff url(/img/design/bkg_blue_lingrad.png) repeat-x top;
	float:right;
	position:relative;
	overflow:hidden;
	padding:2px 4px 8px 8px;
	font-size:11pt;
	border-left:8px solid #fff;
	z-index:25;
}
div.side_bar * {
font-size:11pt;
	
}

.side_bar h3 {
	font-size:14pt;
	margin-left:-4px;
}
.sidebar_art { /* image should be white with transparent bkg 180px wide x 120px high */
	position:relative; 
	display: inline;
	padding:0px;
	margin-left:50%; 
	left:-92px;  /* 180/2 + 2 (compensate for container's lopsided padding) */
	
} 
* html .sidebar_art { /* IE doesn't interpret the left margin 50% right FIXME: Check IE 7 */
	margin:0px;
	left: 10px;
	border:0px solid red;
	
}

h1 {
	font-family:Palatino,Georgia,Times,serif;
	font-size:22pt;
	font-weight:bold;
	color:#fff;
	margin:0px;
	text-align:right;
	padding:0px;
	margin-left:124px;
	width:80%;
	max-width: 890px;
	min-width:630px;
	position:relative;
	top:22px; /* 32px; */
	z-index:10;
} 

h2 {
	font-weight:bold;
	font-size:24pt;
	color:#000;
	text-align:center;
	margin:16px 4px 16px;
	padding:8px 0px 2px;
}
.subtitle {
	font-size: 14pt;
	text-align: center;
	margin-top: -16px;
	margin-bottom: 18px;
}
.menu + h2 {
	margin-top:0px;
	padding-top:2px;
}

h3 {
	font-size:18pt;
	color:#006;
	border-bottom:2px solid #88b;
	padding-bottom:-6px;
	margin:20px 0px 4px -4px;
	line-height:1;
}
h3 span {  /* could use .midtitle */
font-size:smaller;
color:#66b;
}
form h3 {
	margin-left:-8px;
	margin-right:-8px;
}
	
h4 {
	font-style:italic;
	font-size:14pt;
	margin-top:14px;
	margin-bottom:0px;
	color:#300;
}

h5 {
	margin-top:8px;
	margin-bottom:0px;
	text-align:center;
}
ul {
	margin-top:4px;
}

img {
	border:none;
}

.details,.details p {
	font-size:10pt;
	line-height:1.7;
	text-indent:28px;
	color:#202030;
}

.event {
	position:relative;
	background:url(/img/design/bkg_blue_bottom.png) repeat-x bottom left;
}

.event h3 {
	margin-left:0px;
}

.event * {
}
.event p {
	line-height:1.2;
	text-indent:0px;
}

.event td {
	padding: 0px;
	vertical-align:top;	
}

.event td + td {
border-left:1px dotted #202030;
}

.event p:after {
  display: block;
  line-height: 0;
  height: 0px;
  visibility: hidden;
  font-size: 4pt;
  content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
}

#register {
	font-weight: bold;
	background: #f6f6ff;
	padding: 6px 6px;
	margin-left: -4px;
}

img.corner {
	position:relative; 
	margin: 0px;
}
img.c_left {
	float:left; 
	left:0px;
}
img.c_right {
	float:right; 
	right:0px;
}
img.c_bottom {
	bottom:16px; 
}
img.c_top {
	top:0px; 
}

* html img.corner {
	display: none;
	float:right; 
	right:10px;
}