div {position: relative;}
.clear {clear: both;}

.imgRight {float: right; padding: 0 0 10px 10px;}
.imgLeft {float: left; padding: 0 10px 10px 0;}

body {background: #122937; padding: 20px 0 10px 0; font-family: Arial, sans-serif;}

/* LAYOUT */
#main {width: 800px; margin: 0 auto; background: #FFF url(images/crk-bg.gif) 0 0 repeat-y;}
#header {background: url(images/crk-header-big-spring.jpg) 100% 0 no-repeat; padding: 270px 0 0; z-index: 99;}
#sidebar {float: left; width: 200px; font-size: 11px; padding: 0 0 0 0; padding-bottom: 250px;}
#content {float: right; width: 590px; position: relative; z-index: 1;}
#footer {width: 800px; margin: 0 auto; background: #FFF url(images/footer-bg.png) 0 100% repeat-y; padding: 20px 0; text-align: center;}

/* SLIDESHOW */
#slideshow {float: right; padding: 2px 2px 10px 10px; width: 250px;}
#slideshow img{position: absolute; top: 0; left: 0; width: 250px; }
 
/* DONATE */
div#donate {text-align: left; margin-bottom: 20px;}
div#donate h1 {font-size: 16px; margin-top: 10px; padding-bottom: 0;}
div#donate a {font-size: 12px; padding-left: 10px;}

/* HEADER */
h5#logo {width: 210px; height: 140px; background: url(images/crk-logo.png) 0 0 no-repeat; position: absolute; top: 160px; left:-2px; z-index: 90; }
	h5#logo span {display: none;}

/* SIDEBAR */
div#sidebar h6 {background: url(images/sidebar-h6.png) 0 0 no-repeat; margin: 15px -10px 0 -3px; padding: 2.5px 0 10px 10px; color: #fff; font-weight: bold; font-size: 10px; }
div#sidebar ul {font-size: 12px; font-weight: bold; }
	div#sidebar ul li {padding: 0 0 10px 10px; margin: 0 0 10px 0; background: url(images/sidebar-li.png) 0 100% repeat-x;}
		div#sidebar ul li a {text-decoration: none; color: #122937;}
			div#sidebar ul li a:hover {color: #555931;}

div#sidebar ul ul {background: #fffbe7 url(images/sidebar-li.png) 0 0 repeat-x; margin: 10px 0 -5px -10px; padding: 5px 0 5px 0;}
	div#sidebar ul ul li {padding: 3px 10px 3px 20px; margin: 0 0 0 0; background: none; font-size: 12px;}

/* CONTENT */
p {font-size: 13px; margin: 5px 10px; padding: 5px;}
h1 {font-size: 24px; font-weight: bold; color: #122937; margin: 20px 5px 5px; padding: 5px 5px 0; }
h2 {font-size: 20px; font-weight: bold; color: #555931; margin: 0; padding: 5px 10px; }
h3 {font-size: 14px; font-weight: bold; color: #555931; margin: 0; padding: 5px 10px; }
h4 {font-size: 16px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}
#content ul {font-size: 13px; margin: 5px 10px; padding: 5px 5px 5px 20px; list-style: disc;}

/* VIDEO PREVIEW */
div.video_preview {padding: 0 10px 0 10px;}
	div.video_preview img {}

/* HEADLINES */
div.headlineLeft {}
div.headlineRight {}

div.headlineLeft, div.headlineRight {margin: 10px 20px 10px 10px; padding: 10px;background: #fffbe6;border-left: 2px solid #a7aa87; }
div.headlineLeft p, div.headlineRight p {font-size: 12px; margin: 0 0; padding: 0 0;}
div.headlineLeft h3, div.headlineRight h3 {padding: 0 0 2px;}

div.headlineLeft img {float: left; padding: 0 10px 10px 0;}
div.headlineRight img {float: right; padding: 0 0 10px 10px;}
		
/* DROP DOWN NAVIGATION */
/* NAVIGATION */
div#navigation {font-size: 11px; display: block; clear: both;	padding: 0 0 0 13px; margin	: 0 2px 0 2px; font-weight: bold; height: 20px; background: #555931; position: relative; z-index: 89; }
div#navigation>ul a {width: auto;} /* browser hacky sack */
 
 	div#navigation ul { margin: 0; padding: 0; list-style: none; }
		div#navigation ul.level1 { margin: 0 0 0 200px; padding: 0; list-style: none; } 
	
	div#navigation li { position: relative; list-style: none; margin: 0; padding: 3px 16px 4px; float: left; color: #FFFFFF;  }
  	div#navigation li:hover { background: #a7aa87; }
		div#navigation li a {display: block; padding: 0;  text-decoration: none;  color: #FFFFFF;}
		div#navigation li a:hover { color: #122937; }	
	
	/*submenu*/
	div#navigation li.submenu li { display: block; text-decoration: none;}
		div#navigation li.submenu:hover {background-color: #a7aa87; color: #084d93;}
	

	div#navigation ul ul {position: absolute; float: left; display: none; width: 140px; font-size: 11px; z-index: 99;}
		div#navigation ul ul li {background-color: #a7aa87; width: 140px; padding: 0; text-align: left; border-left: 2px solid #555931; position: relative; z-index: 98; }
		div#navigation ul ul li a {padding: 3px 18px 4px; position: relative; z-index: 97; }
	
	div#navigation ul ul ul {position: absolute; display: none;  width: 120px; /*border-left: 1px solid #003;*/}
		div#navigation ul ul ul li {width: 120px; /*border-right: 1px solid #003;*/ background-color: #007683;}


div#navigation li.submenu li.submenu {}
div#navigation ul.level1 li.submenu:hover ul.level2, 
	div#navigation ul.level2 li.submenu:hover ul.level3 {display: block;}
div#navigation ul.level2 {	padding-top: 0;  top: 20px;  left: 0; z-index: 99;}
div#navigation ul.level3 {  top: -1px;  left: 180px;  /*border-top: 1px solid #CCC;*/}


/* CALENDAR STYLES */
table.calendar {width: 500px; margin: 0 auto; border: 1px solid #666666; color: #333333; padding: 20px 0;}
	table.calendar tr.heading {background: #333333; color: #FFF; font-size: 10px;}
		table.calendar 	tr.heading th {padding: 5px 0; text-align: center;}
		table.calendar tr.heading a {color: #FFF;}
	table.calendar tr.weekdays {font-size: 12px; font-weight: bold;}
		table.calendar tr.weekdays td {padding: 5px 0; text-align: center;}
	table.calendar tr.days {font-size: 11px;}
		table.calendar tr.days td {text-align: center; border: 1px solid #666;}
		table.calendar tr.days td div {padding: 3px 0;}
			table.calendar tr.days td div.eventday {background: #D5B986; font-weight: bold;}
				table.calendar tr.days td div.eventday a {color: #333333; text-decoration: none;}
				

/* EVENT STYLES */
div.event_details {width: 500px; margin: 0 auto; border-bottom: 1px solid #cccccc; padding: 20px;}