/* Structure Layout */
/* Zero out defaults */
/* * {
	margin: 0;
	padding: 0;
	border: 0;
}*/

#main {
	width:1024px;
	margin: 10px auto 0em auto;
	height:100%; /* needed for iframe to work properly in FF; all top elements need a height attribute */
/*	background: #ffffff url(images/continerbg.jpg) repeat-y center; */
	background-color:#CCCCCC;
}

#header {
	height: 110px;
	background-color:#000000;
	border-right: #000 solid 2px;
}

#headerLogo {
	width:110px;
	text-align:center;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
	border-right: #ffffff solid 2px;
}

#headerLogo img {
	background-color:#000000;
}

#headerTitle {
	position: absolute;
	margin-left: 135px;
	display:block;
	vertical-align:middle;
	text-align:left;
}
#headerImage {
	float:right;
/*	opacity: 0.8; */
}

#navcontainer {
	border-right: #000 solid 2px;
}

/* From: http://css.maxdesign.com.au/listamatic/horizontal03.htm */
#navcontainer ul
{
padding-left: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #036;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
border-right: #000 solid 2px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

#navlist li a#current
{
	background-color: #369;
}
#navcontainerSearch {
	float:right;
	padding-top: 1px;
	height: 23px; 	/* IE fix */
}

#content {
	clear:both;
	background-color:#CCCCCC;
	min-height: 100%; /* needed for short pages */
	height: auto; /* 100% needed for calendar iframe to work in FF */
	margin-bottom: -15px;
	border-right: #000 solid 2px;
	border-top:#666666 solid 5px;
	padding-left:5px;
}

#contentColumn {
	padding:5px 5px 0px 5px;
	margin-right: 262px;	/* right column plus padding and line */
	height: auto; 
}

#rightColumn {
	float:right;
	display:block;
	width: 250px;
	height: auto;
	border-left: #666666 solid 2px;
	padding:5px 5px 0px 5px;
	
	vertical-align:middle;
	text-align:left;
	
	background: #fff url(pics/sdbrbg.gif) repeat-x bottom;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px; 	
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px; 
}

#footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #666666;
	background-color:#036;
	text-align:center;
	border-top:#666666 solid 1px;
	clear:both;
	margin-top: 0px;
	padding: 1px;
	border-right: #000 solid 2px;
	border-bottom: #000 solid 2px;
	width: 1020px;	/* width and z-index added to correct footer disappearing in IE due to min-height in content */
	z-index: 3;		
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color: #666666;
	text-decoration:underline;
}

#califrame { 				/* iframe for full calendar */
	display:block;
	width:100%;
	border:none;
	margin:0;
	padding:0;
	height:85%;
}

/* Font Style Classes */
.mainTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	font-size: 32px;
	color: #FFFFFF;
}

.anniversary {
	color:#CCCC33;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
}
.comments {
	font-size: 12px;
}
.comments strong {
	color:#333333;
	font-weight:bold;
}
.photoTitles {
	color: #333333;
	font-weight: bold;
}

.odd {
	background-color: #bcbcbc!important;
	padding: 5px 0px;
}

.ci_OfficerTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#E49C47;
}


/* Tag properties */
html {
	height: 100%;	/* Needed for calendar iframe to display in FF properly.  All parents need to be greater or equal the iframe. */
}

body {
	background-color: #666666;
	height: 100%;
	padding: 0px;
	margin: 0px;
	
	font: 100% "Times New Roman", Times, serif;
	font-size: 16px;	
}

hr {
	border:outset;
	color: #999999;
	margin-top:2px;
}
h1, h2, h3, h4, h5, h6 {
	color:#333333;
/*
	border-top: #bbbbbb solid 1px;
	border-right: #bbbbbb solid 1px;
	display: inline;
	margin: 15px 5px 5px 0px;
*/
}

a:link, a:visited {
	color: #000;
	text-decoration:underline;
}

a:hover, a:active {
	color: #333333;
	background-color:#CCCCCC;
}

em {
	font-size:150%;
	font-weight:bold;
	font-style:normal;
}

/* SmoothGallery */
#myGallery {
float:left;
width: 470px !important;
height: 285px !important;
border: 1px #88b74f solid !important;
margin-right: 5px;
}
#myGallery h2 {
font-size: 1.4em;
color: #333 !important;
}
#myGallery p {
color: #333 !important;
font-size: 1em;
}
#myGallery h2 a {
font-size: 1.4em;
color: #333 !important;
}
.slideInfoZone{
height:50px !important;
background: #f8f8f8 !important;
}

/* Sidebar */
#googleAJAX {
	background-color:#FFFFFF;
}
#sidebarElement {
	padding-top: 5px;
}
.newsTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
#nextEvent {					/* iframe for next calendar event */
	width: 245px;
	height: 115px;
	border: 0;
	margin: 0;
	padding: 0;
	display:block;
}

/* Moon Phases in Whats up */
#moonPhases {
	 float:left;
	 pading:0 4px 0 0;
	 border:1px solid #666;
	 margin:0 4px 0 0;
	 font-size:13px;
}

#moonPhases ul {
	list-style:none;
	padding: 0 5px;
	margin: 0;
}
#moonPhases li {
	line-height: 110%;
}

#moonPhases h4 {
	background-color:#FFFFFF;
	padding:2px;
	margin:0;
	text-align:center;
}

#xmasLights {
	z-index:10;
	position:absolute;
	white-space:nowrap;
	display:none;
}