#big_wrapper
{
width:920px;
margin:auto;

}
#big_container
{
width:840px;
position:absolute;
}

body {
	background: url(images/color_block_red.gif) repeat;
	font-family: arial, sans-serif;
	/*width: 840px;*/
	height:1200px;
	font-size: 14px;
	text-align: justify;
	color: black;
}

#blurb1
{

position:relative;
left:10px;
top:40px;
}


div#alt_text {
			 font-family: arial, sans-serif;
			 font-size: 14pt;
			 text-align: left;
			 color: white;
			 float: right;
			 position: absolute;  
			 top: 4px; 
			/* left: 625px;*/
			right:20px;
}
#sub_text {
	position: absolute;
	left: 632px;
	top: 89px;
}


div#container_menu {
	background: #FFFFFF;
	width: 800px;
	height: 1760;
	padding: 10px;
    margin-left: 10px;
	margin-right: 40px;
	border: 2px black solid;
}


 * html div#container_menu {
	background: #FFFFFF;
	width: 820px;
	height: 1760;
	padding: 10px;
    margin-left: 10px;
	margin-right: 10px;
	border: 2px black solid;
}

div#menu_content {
	
	margin-left: 20px;
	
	}

div#container {
	background: #FFFFFF;
	width: 820px;
	height: 1520px;
	padding: 10px;
    margin-left: 10px;
	margin-right: 10px;
	font-size:14px;
	border: 2px black solid;
}
div#content {

	width: 820px;
	height: 850px;
font-size:14px;
	text-align: justify;
	
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

div#title {
    font: arial, sans-serif;
	background: #BA0000;
	border: 0px;
	width: 700px;
	height: 30px;
	margin: 0px 0 10px 0;
	color: white;
}

h1 {
	text-align: center;
	font-size: 50px;
	margin: 0px;
}
	


div#sidebar {
	width: 160px;
	height: 600px;
	
	margin: 0px 0px 0px;
	background: #6E4D34;  /* #9e886c; */
	/* border: 1px black solid; */
	display: inline;
	float: left;
}

div#sidebar_menu {
	width: 160px;
	height: 1200px;
	margin: 0px 0px 0px;
	background: #6E4D34;  /* #9e886c; */
	/* border: 1px black solid; */
	display: inline;
	float: left;
}


img {
	/*margin: 2px;
	
	display: inline;*/
}
img#sidebar {
    margin-left: 8px;
	
	width: 140px;
	height: 140px;
	display: inline;
}

img#overlap {
width: 460px;
height: 330px;
position: absolute;  
top: 230px; 
left: 455px;
z-index: 0;
}

* html img#overlap {
width: 460px;
height: 330px;
position: absolute;  
top: 230px; 
left: 475px;
z-index: 0;
}

img#attic {
	/* width: 460px;
height: 330px; */
position: absolute;
	top: 883px;
	left: 138px;
	z-index: 1;
}


img#codehouse {
/* width: 460px;
height: 330px; */
position: absolute;  
top: 1533px; 
left: 389px;
z-index: 0;
}

img#codehouse_menu {
/* width: 460px;
height: 330px; */
position: absolute;  
top: 1733px; 
left: 389px;
z-index: 0;
}

img#logo_overlap {

position: absolute;  
top: 92px; 
left: 272px;
width: 330px;
height: 1340px;
z-index: 1;

}

img#overlap_menu {

position: absolute;  
top: 204px; 
left: 220px;
z-index: 0;
}

img#overlap_menu_p2 {

position: relative;  
top: 22px; 
left: 128px;
z-index: 0;
}


h3 {
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
}

form {
	margin: 0;
}





img#event_img {
position: absolute;
top: 260px;
left: 550px;
z-index: 0;
}

img#event_img_1 {
position: absolute;
top: 485px;
left: 330px;
z-index: 0;
}

img#event_img_2 {
position: absolute;
top: 560px;
left: 70px;
	
}

img#event_img_3 {
position: absolute;
top: 260px;
left: 220px;
z-index: 2;
}


img#event_img_4 {
position: absolute;
top: 880px;
left: 120px;
}
	
img#event_img_5 {
position: absolute;
top: 300px;
left: 675px;
z-index: 2;
}

img#map {
position: absolute;
top: 870px;
left: 350px;
z-index: 0;
}

*
{
	border: 0;
	margin: 0;
	padding: 0;
}


.imagebox
{
   display: block;
	position: absolute;
	top: 1210px;
	left: 40px;
	cursor: default;
	list-style: none;
}

.imagebox a
{
	cursor: default;
}

.imagebox a .preview
{
	display: none;
}

.imagebox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.imagebox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 95px;
}

.imagebox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.imagebox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}


* html .imagebox a
{
	position: relative;
}

* html .imagebox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .imagebox a:hover .preview
{
	top: -20px;
	left: -20px;

}

* html .imagebox li
{
	position: static;
}

blockquote {
	/* background: url(images/openquote.jpg) no-repeat; */
	position: absolute;
   top: 240px;
   left: 50px;
	text-align: left;
	width: 380px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
}
div#events_cal {
	/* background: url(images/openquote.jpg) no-repeat;*/
	text-align: left;
	position: absolute;
   top: 210px;
   left: 50px;
	
	width: 600px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
}
/* table
{
font-size: 10pt;
} */

blockquote#end {
background: url(images/closequote.jpg) no-repeat;
}

p {
	margin: 0px;
	padding: 5px;
	
}

p#content_top {
	margin: 0px;
	padding: 5px;
	border: 1px black dotted;
	z-index: 5;
}

div#include {
	/* background: url(images/openquote.jpg) no-repeat; */
	position: absolute;
	text-align: left;
	top: 1040px;
	left: 400px;
	width: 480px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
}
div#include_1 {
	/* background: url(images/openquote.jpg) no-repeat; */
	position: absolute;
	text-align: left;
	top: 540px;
	left: 410px;
	width: 400px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
}
div#include_2 {
	/* background: url(images/openquote.jpg) no-repeat; */
	position: absolute;
	text-align: left;
	top: 480px;
	left: 600px;
	width: 300px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
}
div#main_include {
	/* background: url(images/openquote.jpg) no-repeat; */
	position: absolute;
	text-align: left;
	/* top: 708px;
	left: 255px;
	width: 520px;
	padding: 0px; */
	top: 210px;
	left: 205px;
	width: 255px;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
}
div#main_include_2 {
	
	position: absolute;
	text-align: left;
	/* top: 708px;
	left: 255px;
	width: 520px;
	padding: 0px; */
	top: 580px;
	left: 320px;
	width:500px;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
}

div#main_include_3 {
	
	position: absolute;
	text-align: left;
	/* top: 708px;
	left: 255px;
	width: 520px;
	padding: 0px; */
	top: 765px;
	left: 320px;
	width:500px;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
}
a {

	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	
}

h2 {
	font-size: 16pt;
	margin: 5px;
	padding: 0px;
}

div#header_menu {
  
 /*   background: #6E4D34; */
	float: left;
	color: black;
	width: 795px;
	height: 55px;
	padding: 0px;
}


}
div#footer {
	
	height: 30px;
	width: 700px;
	color: black;
	float: bottom;
	position: relative;
	top: 400px;
	z-index: 1;
}

div#footercontent {
	float: left;
	background: inherit;
	border: 0px;
	padding: 9px;
	font-size: 10px;
	
	z-index: 2;
}

#footergradient {
	background: url(images/footer_3.gif);
	display: inline;
	float: left;
	width: 800px;
	height: 30px;
	margin-right: -1px;
	
	z-index: 0;
}




div#img-shadow {
float: left;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 5px;
}

img#img-shadow  {
display: block;
position: relative;
background-color: #fff;
 border: 1px solid #FFFFFF;
margin: -6px 6px 6px -6px;
padding: 4px;
}

/* ____________________________________________________ */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #6E4D34;
   border-bottom: 1px solid #C0C0C0;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #FFFFFF;
}
#primary-nav li a { 
   /* border-right: 1px solid #C0C0C0; */
   border-left: 1px solid #FFFFFF;
}
#primary-nav li li a { 
   border: 1px solid #000000;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #6E4D34; 
   color:#000000;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #6E4D34; 
   color:#000000;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   /* background-image: url(images/cms/arrow.gif);*/ 
   background-position: center right; 
   background-repeat: no-repeat; 
   color:#000000;
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #6E4D34;
   text-decoration:underline; 
   color:#FFFFFF;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none;
   
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
   color:#000000; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}