body {
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
	border: 0px solid #000000;
	height: 100%;
	margin: 0 auto;
	padding: 0;

}

#events table {
	background: left url(images/T70.png);
	padding: 10px;
	margin: 0px;
	border-collapse: collapse;

}
#events th {
	border: 1px solid #999999;
	margin: 0;
	padding: 5px ;
	color: #642300;
	font-size: 16px;
	text-shadow: #999999 1px 1px 2px;

}

#events td {
	border: 1px solid #999999;
	margin: 0;
	padding: 10px 5px;
	font-size: 13px;
	color: #333333;

}

div {
	border: 0px solid #FF0000;		
}

#container_top {
	display: table-cell;	
	width: 900px;
	min-height: 24px;
	text-align:left;
	border: 0px solid #00FF00;
	vertical-align: middle;

}

#container_middle {
	width: 900px;
	height: 470px;
	text-align:left;
	border: 0px solid #0000FF;
	margin: 8px 0; 
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);

}

#container_bottom {
        
	width: 900px;
	height: 100px;
	text-align:right;
	border: 0px solid #00FF00;
       	vertical-align: middle;
	display: table-cell;

}


#BoxLeft {
	top: 0px;
	float: left;
	position: relative;
	width: 370px;
	height: 390px;
	border: 0px solid #0000FF;
	padding: 40px;
        text-align: justify;

	}

#BoxLeft a:link {color: #696969; text-decoration:none;}     /* unvisited link */
#BoxLeft a:visited {color: #696969; text-decoration:none;}  /* visited link */
#BoxLeft a:hover {color: #0000FF; text-decoration: none;}   /* mouse over link */
#BoxLeft a:active {color: #696969}   /* selected link */

#BoxRight a:link {color: #0000FF; text-decoration:none;}     /* unvisited link */
#BoxRight a:visited {color: #0000FF; text-decoration:none;}  /* visited link */
#BoxRight a:hover {color: #0000FF; text-decoration: underline;}   /* mouse over link */
#BoxRight a:active {color: #0000FF}   /* selected link */

#BoxRight {
	float: right;
	top: 0px;
	position: relative;
	width: 370px;
	height: 390px;
	border: 0px solid #0000FF;
	padding: 40px;
        text-align: justify;

}

H1 {
	position: relative;
	margin: auto;
	text-align: center;
	background-color:transparent;
	font-size: 32px; 
	font-family: 'Times New Roman', Times, serif;	
	text-shadow: #666666 2px 2px 4px;
}

H2 {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 20px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 0 0 10px 0;	
	color: #642300;
	text-shadow: #999999 1px 1px 2px;
}

H3 {
	position: relative;
	margin: auto;
	text-align: center;
	background-color:transparent;
	font-size: 16px; 
	font-family: 'Arial', Gadget, sans-serif;
	text-shadow: #666666 2px 2px 4px;	
}

#CU-H {
	position: relative;
	width: 410px;
	height: 24px;
top: 300px;
	left: -40px;

	background-color: #696969;
	text-align: center;
	font-size: 24px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 20px;	
	/*color: #642300;*/
	color: #FFFFFF;
	text-shadow: #999999 1px 1px 2px;
}

#CU-H1 {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 30px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 10px 10px 35px 0;	
	/*color: #642300;*/
	color: #642300;
	text-shadow: #999999 1px 1px 2px;
}

#CU-H2 {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 25px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 10px 10px 0px 50px;	
	color: #642300;
	float: left;
	text-shadow: #999999 1px 1px 2px;
}

#CU-paragraph {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 13px; 
	padding: 0px 0px 10px 80px;	
	font-family: 'Arial', Gadget, sans-serif;
}

#OT-Head {
	position: relative;
	margin: auto;
	text-align: Center;
	background-color:transparent;
	font-size: 22px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 160px 0 10px 0;	
	color: #642300;
	text-shadow: #999999 1px 1px 2px;
}

#OT-Points {
	position: relative;
	margin: auto;
	text-align: center;
	background-color:transparent;
	font-size: 18px; 
	font-family: 'Arial', Gadget, sans-serif;
	
}

#H1NS {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 32px; 
	font-family: 'Times New Roman', Times, serif;	
}

#H2NS {
	position: relative;
	margin: auto;
	text-align: left;
	background-color:transparent;
	font-size: 20px; 
	font-family: 'Arial', Gadget, sans-serif;	
	padding: 0 0 10px 0;	
	color: #642300;
}

#H3NS {
	padding: 40px 0 20px 0 ;
	position: relative;
	margin: auto;
	text-align: justify;
	background-color:transparent;
	font-size: 16px; 
	font-family: 'Arial', Gadget, sans-serif;
}

#textBox {
	width: 240px; 
	border: #696969 1px solid;
	padding: 0 3px; 
	
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0, .4);

	
}

#textBox2 {
	width: 240px; 
	height: 100px;
	font-size: 13px; 
	padding: 0 3px; 
	font-family: Tahoma, Verdana; 
	
	border: #696969 1px solid;
	
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0, .4);

	
}
/*--------------*/
/*Reset Defaults*/
/*--------------*/
/*
Brown 642300
Grey 696969

*/



a {
	color: #333;
}

#nav {	/* Main menu on top */
	margin: 0;
	width: 888px;
	padding: 7px 6px 0;
	/*background: #7d7d7d url(images/gradient.png) repeat-x 0 -110px; */
	background: #BBBBBB url(images/images/gradient.png) repeat-x 0 -110px;
	line-height: 100%;

	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {	/* this is the BUTTON at LEVEL 1 */
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding:  4px 17px;
	margin: 0;

	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #666 url(images/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;


	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
		z-index: 2;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 25px;
	left: 0;
	background: #ddd url(images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;

	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;

	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}