/* Colors
 lt celadon			#fofdb6
 drk celadon		#a0be35
 navy blue			#00446d
 link hover			#0000ff
 */

/* Header and slideshowpro */
 
#header	{
	 background-image:url(/images/clouds.jpg);
	 background-repeat:no-repeat;
	 border-bottom:1px solid #00446d;
	 border-top:1px solid #00446d;
	 height:164px; 
 }
 
#logo	{
 	margin-left:10px;
	border:0px;
	display:block;
 }
 
#header .slideshow	{
 	float:right; 
 }
 
#pictureFrame	{
	position:absolute;
	margin-left:360px;
	margin-top:-162px;
	display:block;
}

.inlineBlock {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align:top; 
}

#slideshowContainer
{
	position:absolute;
	margin-left:370px;
	margin-top:-152px;
	height: 145px;
}

#slideshow
{
	width: 400px;
	height: 145px;
}
#slideshow2
{
	width: 300px;
	height: 225px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 375px;
}
/* Movie */ 
#slideshowContainerMovie
{
	position: relative;
	width: 250px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;
}

#slideshowMovie
{
	width: 250px;
	height: 190px;
}
/* Body */

body, td, th	{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/* font */
	font-size: 80%; /* ~12px */
	line-height: 1.25; /* 125% (no unit = relative) */
}
 
h1	{
 	color:#a0be35;
 }
 
h2	{
 	color:#a0be35;
	font-size: 15px;
}

h3	{
 	color:#a0be35;
}
 
#fullContainer		{
 	text-align:left;
	width: 800px;
	margin: auto;
	position:relative;
	z-index:1;
 }
 
#content	{
 	padding-top: 50px;
	margin-left: 210px;
 }
 
#home	{
 	width: 350px;
	float:left;
 }
 
#donate	{
 	margin: 20px 0px 0px 0px;
 }
/* Navigation */
 
#picturecaption {
 	font-size:x-small;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 375px;
 }	
 
#image {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	padding: 5px;
	border: 1px solid #333333;
	text-align:center;
} 

#sitecaption {
 	font-size:x-small;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
 }	

#siteimage {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	padding: 5px;
	border: 1px solid #333333;
	text-align:center;
} 
#homecaption {
 	font-size:x-small;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
 }	

#homeimage {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	padding: 5px;
	border: 1px solid #333333;
	text-align:center;
} 

#leftNav	{
 	padding-top: 70px;
 	float: left;
	width: 200px;
	height: 100%;
	white-space: nowrap;
 }
 
ul#navigation	{
	color: #00446d;
	padding: 0px 0px 0px 10px;
	margin: 0px;
 }
 
ul#navigation li {
	list-style-position: inside;
	list-style-type: none;
	line-height: 150%;
}

ul#navigation a  {
	color:#00446d;
	text-decoration:none;
	cursor:pointer;
}

ul#navigation a:hover	{
	color: #0000ff;
}

/* Secondary Navigation */

div#secondaryNavigation	{
	color: #00446d;
	margin-left: -10%;
}

div#secondaryNavigation ul	{
	display: none;
}

div#secondaryNavigation li	{
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
}

div#secondaryNavigation a  {
	color:#00446d;
	text-decoration:none;
}

div#secondaryNavigation a:hover	{
	color: #0000ff;
}

#donate	{
 	padding-top: 10px;
	padding-left: 20px;
 }


#movie	{
}
 
/* Footer */
 
#footer	{
 	clear:both;	 
 }
 
#footer .navigation	{
	 height:25px;
	 color:#a0be35;
	 background-color:#f0fdb6;
	 border-bottom:1px solid #a0be35;
	 border-top:1px solid #a0be35;
	 text-align:center;
	 font-size:x-small;
 }
  
#footer a  {
	color:#a0be35;
	text-decoration:none;
}

#footer a:hover	{
	color: #0000ff;
}
 
#footer .images {
	vertical-align:bottom;
	border:0px;
	padding:0px;
	margin:0px;
 }	
  
#footer .logo {
 	float:right;
	position:relative;
	top:-35px;
 }
 
#footer .credit {
  	color:#a0be35;
  	font-size:xx-small;
	text-align:center;
 }	
 
/* Cape Events */

div#capeEventsWidget {
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 11px;
	width: 200px;
	float:right; 
}

div#capeEventsWidget ul, div#capeEventsWidget li {
	margin: 0px;
	padding: 0px;
}

div#capeEventsWidget h3 {
	margin: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
}

div#capeEventsWidget ul.dates {
	padding-bottom: 15px;
	padding: 0px;
	list-style: none;
	font-weight: bold;
}

div#capeEventsWidget ul.dates li {
	padding-top: 5px;
}

div#capeEventsWidget ul.names {
	list-style: none;
	font-weight: normal;
}

div#capeEventsWidget ul.names li {
	padding: 5px 0px;
}
div#capeEventsWidget div.noEvents {
	padding-top: 5px;
	padding-bottom: 10px;
	font-style: italic;
}

div#capeEventsWidget div.disclaimer {
	padding-top: 5px;
}