.area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	color: white;
}

.top_zone {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100px;
	background-color: #ac925f;
	border-bottom: 16px solid #5b3c28;
}

.logo {
	float: left;
	width:  274px;
	height: 104px;
	border: 0px;
}

.header {
	margin: 0px 0px 0px 0px;
	width: auto;
	background-color: #ac925f;
	float: right;
	height: 100px;
	min-width: 60%;
	text-align: center;
}

.group_name {
	position: relative;
        margin-left:auto;
        margin-right:auto;
	top: 10px;
	text-align: center;
	width: 80%;
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	font-family: "Candara, Arial, Helvetica";
	font-size: 16pt;
}

.group_desc {
	font-family: "Calibri, Arial, Helvetica";
	font-size: 16pt;
}

.middle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 650px;
}

.left_zone {
	float: left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 100%;
	background-color: #5b3c28;
}

.hlink {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.menu, .links {
	margin-left: 5px;
	clear: both;
	font-family: "Calibri, Helvetica";
	font-size: 10pt;
	color: white;
}	

.tbd {
	height: 15%;
}

.l1 {
	cursor: pointer;
}

.right_zone {
	float: right;
	width: 874px;
}

.main {
	height: 550px;
	background-color: #5b3c28;
}

.bgnd {
	width: 100%;
}

body {
	background-color: transparent;
}

iframe.next_event {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	float: left;
	border: 0px;
	font-family: "Calibri, Helvetica";
	color: blue;
	font-size: 8pt;
	width: 250px;
	top: 350px;
	left: 190px;
	/*
	background-image: url('post-it2.gif');
	background-image: url('aged-paper2.png');
	*/
        padding:0px;
        margin-top:0px;
        background-color: transparent;
	background-color: #fefe9f;
	height: 216px;
	overflow: hidden;
}

.next_event {
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	color: blue;
	font-family: "Comic Sans MS", Helvetica;
	font-style: italic;
	background-color: #fefe9f;
}

h1.next_event {
	width: 100%;
	text-align:center;
	border-bottom:thin solid #0000ff;
	position: relative;
        margin-left: auto;
        margin-right: auto;
	
	font-size: 14pt;
	font-weight: bold;
}

iframe.main_box {
	position: absolute;
	float: right;
	border: 0px transparent;
	font-family: "Calibri, Helvetica";
	color: black;
	font-size: 64px;
	width: 500px;
	top: 150px;
	left: 450px;
        padding:0px;
        margin-top:0px;
        background-color: transparent;
	
	/*
	background-image: url('aged-paper2.png');
	background-image: url('notebook-5-lines-page.gif');
	*/
	height: 500px;
	overflow: hidden;
}

div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 1px solid #000000;
     position: relative;
     width: 100%;
     overflow: hidden;
}

div.box_contents {
     background-color:transparent;
     height: 449px;
     position: relative;
     width: 100%;
     z-index: 101;
     overflow: auto;
}

div.box_background {
     background-color: white;
     height: 449px;
     filter: alpha(opacity=50); /* IE's opacity*/
     left: 0px;
     opacity: 0.50;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}

.pointer {
	cursor: pointer;
}

h1.box_contents {
	font-family: Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
}

h2.box_contents {
	font-family: Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
}

h3.box_contents {
	font-family: Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
}

h4.box_contents {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
}

p.box_contents {
	font-family: "Times New roman", "Times";
	font-size: 10pt;
	font-weight: normal;
}

ul.box_contents, table.box_contents {
	font-family: "Times New roman", "Times";
	font-size: 10pt;
	font-weight: normal;

}
td.box_contents {
	vertical-align: text-top;
}

.nobreak {
   vertical-align: text-top;
   white-space:nowrap;
   margin-right: 25px;
}

.center {text-align:center}

.sponsors {
	height: 100px;
	background-color: #ac925f;
}

.bottom_zone {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 25px;
	background-color: #5b3c28;
	font-family: "Calibri, Arial, Helvetica";
	font-size: 10pt;
}

.copyright {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
}

.tou_ps {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
}

.floatbottom {
	position: relative;
	float: bottom;
}
