<style type="text/css" media="screen">
html,body{margin:0px;padding:0px;}
body{font: 76% arial,sans-serif; background:#f1f5f7; margin-top:0px;}
p{margin:0 20px 10px}
a{color: #006;text-decoration: none;}
a:hover{color: #6688cc;}
h1{padding-left:20px}

body 
{
        text-align: center;
        background: #eee;
	 	margin:0px;
		padding:0px;
		background:url("../images/pattern.png ");


}
#header
{
   width: 100%;
   height: 25px;
   margin-top:0px;

   background: black;
}



div#navigation  a{display:inline;padding:0;color: #79B30B}
div#downloads  a{display:inline;padding:40px;color: #79B30B}
div#content p{line-height:1.4}
div#navigation p{line-height:1.4}
div#content
{
   position: relative;
   margin: 0 auto;
   width: 950px;
   min-height: 200px;

	border-style:solid;
   border-color:#555;
   border-width:0px 2px 2px 2px;

   background-color:#fff;
}
div#home
{
   min-width:700px;
	min-height:200px;
	position: relative;
	  margin: 0 auto;
	width: 950px;
	height:200px;
}
div#extra
{
   position: relative;
   margin: 0 auto;
   width: 950px;

   border-style:solid;
   border-color:#000000;
   border-width:0px 9px 0px 9px;
   background-color:#ffffff;
}
div#footer
{
   position: relative;
   margin: 0 auto;
   width: 930px;
   margin-top:70px;
   padding: 10px;
   font-size:80%;
   text-align:center;
   color: #aaa;
   letter-spacing: 5px;
   padding-top:30px;
}

div#login
{
   position: relative;
  padding-top:0px;
   margin: 0 auto;
   width: 850px;
   text-align:right;
	height:20px;
   color: #ccc;
   font: 180% Arial, Helvetica, sans-serif;
}

div#login  a{color: #fff}
div#login  a:hover{color: #ff9000}

div#navigation  a{display:inline;padding:0;color: #ffec49; text-decoration: none;}
div#navigation  a:hover{color: #ffffff}

span#current  a{display:inline;padding:0;color: #ffffff; text-decoration: none;}
span#current  a:hover{color: #ffffff}

div#box
{
   width: 100%;
	height: 190px;   
	margin:0px;
	background: #fff url("../images/spacer.gif");
}

div#navigation
{
   position: relative;
   margin: 0 auto;
   width: 950px;
	height: 170px;
   text-align:left;
   font-size: 3.7em;
   font-weight: bold;
   padding-top:20px;
  letter-spacing:-4px;
	background: #fff url("../images/header.gif");
}

div#nav-box
{
	width:49%;
}

div#nav-box-right
{
	width:49%;
	float:right;
	text-align:right;
}





div#downloads
{
   	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	background-color:#ffffff;
}


div#photos
{
   	padding-top:50px;
	padding-bottom:50px;
	padding-left:65px;
	text-align:center;
	background-color:#ffffff;
}


div#photo-credit
{
   	padding-bottom:15px;
	text-align:center;
	background-color:#ffffff;
}


div#photo
{
   	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	background-color:#ffffff;
}

#pending a
{
	color: orange;
}


div#movie
{
	width: 40%;
	padding-right:40px;
	float: right;
}

/* events */

div#create-event
{
	padding:9px 0px 9px 100px;
	   text-align:left;
	   font: 100% Helvetica, sans-serif;
	   font-weight: bold;
	   color: #3a3a3a;
}


div#event-header
{
	padding:20px 20px 9px 20px;
	text-align:left;
	font: 100% Helvetica, sans-serif;
	font-weight: bold;
	color: #3a3a3a;
}

#float-right
{
	float:right;
}


div#events
{
	width: 59%;
}

div#event
{
   text-align:left;
   padding: 20px;
   font: 120% Arial, Helvetica, sans-serif;
}


div#movie-event
{
   text-align:center;
   font: 120% Arial, Helvetica, sans-serif;
   padding-top:30px;
}

div#about
{
   text-align:left;
   padding: 20px;
   font: 120% Arial, Helvetica, sans-serif;
}


div#members
{
   text-align:left;
   padding: 20px;
   font: 120% Arial, Helvetica, sans-serif;
}


div#general
{
   text-align:left;
   padding: 20px;
   font: 120% Arial, Helvetica, sans-serif;
}


div#field
{
   text-align:left;
   padding-top: 20px;
}

div#title
{
   padding:9px 0px 9px 0px;
   text-align:left;
   font: 120% Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: -1px;
   color: #3a3a3a;
}


div#movie-title
{
   padding:9px 0px 9px 0px;
   font: 120% Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: -1px;
   color: #3a3a3a;
}


div#description
{
	font-size: 100%;
	text-align:justify;
	padding:9px 0px 9px 0px;
	padding-right:9px;
}

div#description-show
{
	font-size: 100%;
	padding:9px 0px 9px 0px;
	text-align:justify;
}

div#location
{
	font-size: 100%;
	letter-spacing: 2px;
   	padding:9px 0px 9px 0px;
	color: #777;
}

#location-show
{
	font-size: 80%;
	letter-spacing: 2px;
	color: #777;
	float:right;
}

span#attribute
{
	font-size: 150%;
	letter-spacing: -2px;
   	padding:0px 0px 0px 0px;
	color: #777;
}

div#movie
{
	float:right;
	width: 40%;
}

div#user-text
{
	position:relative;
	height:180px;
}

div#user-text-center
{
	position:relative;
	margin-left: 40px;
	color: #555;
	height:180px;
	padding:9px 0px 9px 0px;
}


div#user-text-center-two
{
	float:left;
	margin-left: 2px;
	color: #555;
	height:180px;
	padding:9px 0px 9px 0px;
}

div#user-text-center-three
{
	float:left;
	margin-left: 40px;
	color: #555;
	height:180px;
	padding:9px 0px 9px 0px;
}

div#user-image-left
{
	float:left;
	height:180px;
}

div#user-text-left
{
	float:left;
	position:relative;
	width:270px;
	height:180px;
}

div#user-description-left
{
	float:left;
	position:relative;
	text-align:justify;
	width:300px;
	padding:0px 8px 0px 8px;
	padding-left:108px;
}

div#user-image-right
{
	float:right;
	height:180px;
}

div#user-text-right
{
	float:left;
	text-align:right;
	position:relative;
	padding-right:4px;
	width:270px;
	height:180px;
}

div#user-description-right
{
	float:left;
	position:relative;
	text-align:justify;
	width:300px;
	padding:0px 8px 0px 8px;
}

div#user-text-top
{
	margin-top:0px;
	margin-bottom:-10px;
}

div#user-text-top-two
{
	margin-top:0px;
	margin-bottom:0px;
}

div#user-text-bottom-left
{
	position:absolute;
	bottom:0;
	left:0;
}

div#user-text-bottom-right
{
	position:absolute;
	bottom:0;
	right:0;
	padding-right:4px;
}

div#event-image
{
}

div#event-image-show
{
	padding:9px 9px 9px 0px;
	float:left;
}

#start_time
{
   letter-spacing: 1px;
   text-align:left;
   font-weight: bold;
	color: #444;
}

#week
{
   color: #bbb;
   font-size: 80%;
}

.week
{
   color: #888;
   font-size: 80%;
}

div#gallery-container
{
	float:left;
	height:420px;
	width:475px;
	background-color:#eee;
}

div#sudoku-container
{
	float:left;
	height:400px;
	width:475px;
	background-color:#fff;
}


div#about-container
{
	padding-left:10px;
	padding-top:10px;
	float:left;
	text-align:left;
	width:460px;
	color: #555;
	font-size: 100%;
	background-color:#fff;
}

div#calendar-container
{
	padding-left:10px;
	float:left;
	height:400px;
	width:460px;
	background-color:#fff;
}

.calendar-container
{
	padding-left:10px;
	float:left;
	height:400px;
	width:460px;
	background-color:#fff;
}

div#leader-text
{
	background-color:#eee;
	font-size:1.6em;
	letter-spacing:4px;
	color:#888;
	font-weight:bold;
	border-style:solid;
   border-color:#ccc;
   border-width:0px 0px 2px 0px;
}



div#gallery-text
{
	background-color:#ccc;
	font-size:1.6em;
	letter-spacing:4px;
	color:#444;
	font-weight:bold;
	border-style:solid;
   border-color:#555;
   border-width:0px 2px 2px 0px;
}

div#sudoku-text
{
	background-color:#ccc;
	font-size:1.6em;
	letter-spacing:4px;
	color:#444;
	font-weight:bold;
	border-style:solid;
   border-color:#555;
   border-width:2px 0px 2px 0px;
}


div#list-events
{
	width: 100%;
	padding-top: 10px;
}

div#list-events div#event-image
{
	float:left;
	padding-right:5px;
}

div#list-events div#title
{
	padding:0px 0px 0px 0px;
}

div#list-events div#event
{
   padding-bottom: 0px;
   padding-top: 5px;
   padding-right: 0px;
   font: 1em Arial, Helvetica, sans-serif;
   background: #F5FAFA;
   height:100px;
	border-top: 1px solid #C1DAD7;
}

div#list-events div#event-two
{
   	text-align:left;
	padding-left: 20px;
	padding-top: 5px;
	font: 1em Arial, Helvetica, sans-serif;
   	background: #fff;
	height:100px;
	border-top: 1px solid #C1DAD7;
}

div#list-events #start_time
{
   	font: .8em Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right:10px;
	float:right;
}


div#bog-events #title
{
	letter-spacing: -1px;
}


div#bog-events
{
	width: 100%;
	padding-top: 0px;
}

div#bog-events div#event-image
{
	width:180px;
	margin-left:12px;
	background-color:#fff;
	border-style:solid;
   border-color:#eee;
   border-width:1px 1px 1px 1px;
	text-align:center;
}

div#bog-events div#title
{
	padding:0px 0px 0px 12px;
}

div#bog-events div#time
{
	padding:10px 30px 30px 12px;
}

div#bog-events div#text
{
	font-size: 100%;
	text-align:justify;
	margin-top:3px;
	padding:0px 12px 0px 12px;
}

div#bog-events div#org
{
	font-size: 80%;
	text-align:justify;
	margin-top:0px;
	padding:0px 12px 0px 12px;
}


div#bog-events div#bounder
{
	border-bottom: 2px solid #555;
	border-top: 2px solid #555;
	background-color:#eee;
}

div#bog-events div#nav-bar-right
{
	float:right;
	width:30px;
	height:300px;
	margin-bottom:0px;
	margin-top:0px;
   padding:0px 0px 0px 0px;
}

div#bog-events div#nav-bar-left
{
	float:left;
	width:30px;
	height:300px;
	margin-bottom:0px;
	margin-top:0px;
   padding:0px 0px 0px 0px;
}


div#bog-events div#event
{
   margin-left:9px;
   margin-right:7px;
	margin-bottom:0px;
	margin-top:0px;
   padding:0px 0px 0px 0px;
   font: 1em Arial, Helvetica, sans-serif;
   background: url("../images/calendarbox.png");
   height:300px;
   width:206px;
   float:left;
}


div#bog-events div#event-two
{
   	
	padding: 5px;
	font: 1em Arial, Helvetica, sans-serif;
   	background: #fff;
	height:200px;
	width:167px;
	border-right: 1px solid #C1DAD7;
	float:left;
}

div#bog-events #start_date
{
   	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#ff5555;
	padding-right:0px;
	float:left;
}

div#bog-events #start_time
{
   	font: 0.9em Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right:0px;
	float:right;
}


div#bog-events #title
{
	letter-spacing: -1px;
}

div#bog-map
{
	padding-right:48px;
	width: 40%;
	float: right;
	height:460px;
	text-align:justify;
	padding-top: 30px;
	font: 100% Arial, Helvetica, sans-serif;
	color:#555;
}

div#image-clear
{
	clear: left;
}


div#clear-all
{
	clear: both;
}


div#image-clear-calendar
{
	padding-bottom:30px;
	clear: left;
}

div#image-clear-right
{
	clear: right;
}

#flash {
	font-size: 0.7em;
	text-align: left;
	color: #B4AA9D;
	padding:0px 0px 20px 0px;
}

table {
	width: 100%;
}

td {
	border-top: 1px solid #C1DAD7;
	padding: 3px 3px 3px 6px;
	text-align: left;
	color: #555;
}

tr.two {
	background: #F5FAFA;
}


div#calender	td {
	border-right: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	width:60px;
	height:40px;
}

div#calender	td.left {
	border-left: 1px solid #C1DAD7;
}

div#calender	table {
	border-bottom: 1px solid #C1DAD7;

}


div#calender
{
	position: relative;
	margin: 0 auto;
	padding-top:30px;
	width:440px;
}

div#calender-head
{
	padding-bottom:20px;
	width:430px;
	text-align:center;
	font: 180% Helvetica, sans-serif;
	color: #B4AA9D;
}


#cell-top
{
	border-bottom: 1px solid #C1DAD7;
	float:left;
	width:61px;
	text-align:center;
	font: 120% Helvetica, sans-serif;
}

#cell-top-left
{
	border-bottom: 1px solid #C1DAD7;
	float:left;
	width:62px;
	text-align:center;
	font: 120% Helvetica, sans-serif;
}

#cell 
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	float:left;
	height:50px;
	width:60px;
}


#cell-today
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	float:left;
	height:50px;
	width:60px;
	background:#ffd5a4;
}


.left 
{
	border-left: 1px solid #C1DAD7;
}


#cell-blank
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	float:left;
	height:50px;
	width:60px;
	background:#fff6ea;
}

#cell-content 
{
	padding-top:0px;
	height:50px;
	width:60px;
	background:url("../images/smile.gif ") no-repeat;
	background-position: 9px 0px;
	padding-left:0px;
}

#day-number 
{
	float:left;
}

#month-day 
{
	background:#F5FAFA;
}

#non-month-day 
{
	background:#fff6ea;
}


input {
  border: 1px solid #8CACBB;
	vertical-align: middle;
	color: Black;
}

input.image {
  	border: 0px solid #8CACBB;
	vertical-align: middle;
	color: Black;
}


</style>