/* Derivation of andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author. */

body{
margin:0;
font:76% arial,tahoma,verdana,sans-serif;
color:#39372d;
}

#Container
{
width: 99%;
margin: 0px auto 0px auto;
padding: 0px;
background: #bab69d;
color: #222;
}


/* Special case for the editor */
#Container .ContentControlTinyMCE
{
    width: 99%;
}

#Header {
margin: 0px 0px 0px 0px;
padding: 0px;
}

#Header #Logo {
float: left;
width: 240px;
height: 150px;
background: url(Logo-240-150.jpg) no-repeat;
}

#Header #LogoText {
    margin-top: 70px;
    height: 80px;
}

#MainContent p {
padding: 0 0 0 0px;
}

#MainContent
{
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

.HeaderStyle
{
display: block;
margin: 30px 0 10px 0;
padding: 5px 0 5px 8px;
background: #eee url(gradient2.png) repeat-x;
color: #222;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
text-decoration: none;
}

#Sidebar
{
float: left;
clear: left;
width: 175px;
padding: 35px 10px 20px 10px;
font-size: 1em;
line-height: 1.3em;
}

#Sidebar p{
font-size: 0.9em;
}

#Navigation a {
display: block;
width: 160px;
margin: 3px 10px 2px 0;
padding: 5px 0 5px 5px;
font-size: 1.0em;
font-weight: bold;
text-align: left;
background: #eee url(gradient1.png) repeat-x;
color: #26c;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
}

#Navigation a:hover, #Navigation a.MenuHeader {
background: #fff url(gradient2.png) repeat-x;
color: #222;
border-top: 1px solid #ddd;
border-right: 1px solid #888;
border-bottom: 1px solid #888;
border-left: 1px solid #ddd;
text-decoration: none;
}

#Footer 
{
margin: 10px auto 0px auto;
padding: 10px;
clear: both;
background:#fff url(footerbg.png) bottom left no-repeat;
font-size:0.9em;
color:#888;
text-align:center;
}

a{
text-decoration: none;
background-color: inherit;
color: #fff;
}

a:hover{
text-decoration: underline;
}

a img{
border: 0;
}

p{
margin: 0 0 15px 0;
line-height: 1.5em;
}

h1 {
font-size: 2.0em;
font-weight: normal;
}

h2 {
margin: 20px 0px 8px 0px;
font-size: 1.4em;
font-weight: normal;
}

h3 {
margin: 10px 0px 8px 0px;
font-size: 1.2em;
font-weight: normal;
}

ul li {
margin-top: 10px;
margin-bottom: 10px;
}

.Block {
padding: 20px;
background: #eee;
color: #222;
border: 2px solid #ddd;
}

.Indent {
margin-left: 20px;
}

.ClearBoth {
clear: both;
}

/* Formatting for Blog Controls */

#Container .BlogAdmin h1 {background: url(Images/club_blogfeatures_postoptions.jpg) no-repeat;}
#Container .BlogAdminDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .BlogFeaturesMonths h1 {background: url(Images/club_blogfeatures_previousposts.jpg)  no-repeat;}
#Container .BlogFeaturesMonthsDiv {border: #ffffff 1px solid; color: white;} 
#Container .BlogFeaturesTags h1 {background: url(Images/club_blogfeatures_tags.jpg) no-repeat;}
#Container .BlogFeaturesTagsDiv {border: #ffffff 1px solid; padding-bottom: 25px;} 
#Container .BlogFeaturesSearch h1 {background: url(Images/club_blogfeatures_search.jpg) no-repeat;}
#Container .BlogFeaturesSearchDiv {border: #ffffff 1px solid; padding-bottom: 5px; padding-top: 5px;} 
#Container .BlogStream {margin: 0px 144px 0px 0px;}
#Container .BlogFeatures {width: 136px; float: right;}
#Container .BlogFeatures div {margin-bottom: 15px; text-align: center;}
#Container .BlogFeatures h1 {font-size: 16px; font-weight: bold;	padding: 6px; margin: 0px 0px 0px 0px;}
#Container .BlogFeatures ul { list-style: none; margin: 0px; padding: 0px; color:White;}
#Container .BlogFeatures .BlogFeaturesSearchBox {width: 78px; vertical-align:middle; font-family: Ariel; border: solid 1px #938e73; background-color: #e5e3d7;}
#Container .BlogFeatures .BlogFeaturesSearchButton {width: 42px; vertical-align: top;}
#Container .BlogEntry {padding: 10px 5px 7px 5px; margin: 0px 0px 20px 0px;	border-right: #1f4922 1px dashed; border-top: #1f4922 1px dashed; border-left: #1f4922 1px dashed; border-bottom: #1f4922 1px dashed; text-align: left;}
#Container .BlogEntryHeader {padding: 0px 0px 6px 0px; margin-bottom: 6px; border-bottom: #938e73 1px dashed;}
#Container .BlogEntryHeader .BlogEntryHeaderPostTitle span {font-size: 1.6em;}
#Container .BlogEntryHeader .BlogEntryHeaderPostDate span {font-size: 0.8em; color: #787878; text-align: left;}
#Container .BlogEntryHeader div label {display: block;	float: left; width: 70px; vertical-align: bottom;}
#Container .BlogEntryBody {padding: 2px; width: 477px}
#Container .BlogEntryBody .TinyMCETextArea {width: 99%;}    
#Container .BlogEntryFooter {border-top: #938e73 1px dashed; margin-top: 7px; padding-top: 6px;}
#Container .BlogEntryFooter .BlogEntryFooterCommands {float: left;}
#Container .BlogEntryFooter .BlogEntryFooterCommands a {margin-right: 10px;}
#Container .BlogEntryFooter .BlogEntryFooterLinks div {float: left;}
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a {margin-right: 10px;}
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments {display: block; float: right; text-align: right; margin-left: 20px;	color: white;}
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags {display: block; float: none; text-align: right;}
#Container .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#Container .BlogEntryFooter ul li {display: inline; margin-left: 6px; }
#Container .BlogNavigation {margin-right: 200px; margin-top: 20px; text-align: center; }
#Container .BlogNavigation a {font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#Container .CommentsStream {margin: 0px 0px 20px 40px; }
#Container .CommentsStream .CommentsEntry {margin-bottom: 20px; background-position: 0% 0%;	background-attachment: scroll; background-repeat: repeat-x;	border-right: #938e73 1px dotted; border-top: #938e73 1px dotted; border-left: #938e73 1px dotted; border-bottom: #938e73 1px dotted;}
#Container .CommentsStream .CommentsEntryHeader {font-style:italic; margin-bottom: 10px; padding: 6px; }
#Container .CommentsStream .CommentsEntryBody {padding: 6px; }
#Container .CommentsStream .CommentsEntryFooter {padding: 6px; text-align: left; }
#Container .CommentsStream .CommentsAdd {border: dashed 1px #6f5230; padding: 10px; }
#Container .CommentsStream .CommentsAdd h1 {font-size: 16px; font-weight: bold; margin: 0px; }
#Container .CommentsStream .CommentsAdd div {padding: 4px; }
#Container .CommentsStream .CommentsAdd label {display: block; float: left; width: 150px; }
#Container .CommentsStream .CommentsAdd textarea {width: 95%; }
#Container .CommentsStream .CommentsAdd a, .CommentsCommands a {padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }

/* Photo Section */

#Container .GalleryFeatures { width: 136px; float: right;}
#Container .GalleryAdminUpload h1 {background: url(Images/club_galleryfeatures_upload.jpg) no-repeat;}
#Container .GalleryAdminUploadDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .GalleryCatalog h1 {background: url(Images/club_galleryfeatures_catalog.jpg) no-repeat;}
#Container .GalleryCatalogDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .GalleryCategories h1 {background: url(Images/club_galleryfeatures_categories.jpg) no-repeat;}
#Container .GalleryCategoriesDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .GallerySearch h1 {background: url(Images/club_galleryfeatures_Search.jpg) no-repeat;}
#Container .GallerySearchDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .GallerySort h1 {background: url(Images/club_galleryfeatures_sort.jpg) no-repeat;}
#Container .GallerySortDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .GalleryPhotosPerPage h1 {background: url(Images/club_galleryfeatures_photosperpage.jpg) no-repeat;}
#Container .GalleryPhotosPerPageDiv {border: #ffffff 1px solid; padding: 5px;} 

#Container .GalleryFeatures div { padding-bottom: 6px; margin-bottom: 5px; text-align: center; }
#Container .GalleryFeatures h1 { font-size: 16px; font-weight: bold; padding: 6px; margin: 0px 0px 0px 0px;}
#Container .GalleryFeatures ul { margin: 0px; list-style: none; padding: 0px;}
#Container .GalleryFeatures ul li { margin-bottom: 4px; }
#Container .GalleryFeatures input { width: 120px; }
#Container .GalleryFeatures table { border: #ffffff 1px solid; }
#Container .GalleryFeatures .GalleryFeaturesSearchBox {width: 73px; vertical-align:middle; font-family: Ariel; border: solid 1px #938e73; background-color: #e5e3d7;}
#Container .GalleryFeatures .GalleryFeaturesSearchButton {width: 42px; vertical-align: top;}

#Container .GalleryStream { float:left; width: 485px; text-align:left; border: solid 0px #fff;}
#Container .GalleryStreamStandoff {  margin-right: 0px; }
#Container .GalleryStream Div { float: left;  width: 485px; border-bottom: dashed 1px #ffffff; padding-bottom: 0px; margin-bottom: 10px;}
#Container .GalleryStream img {  vertical-align: top; border: none; margin: none; padding: none; color: #000; max-width: 120px; max-height: 120px;}

#Container .GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #6f5230; }
#Container .GalleryStream .PhotoItem{ width: auto; text-align: left; border: none; margin: none; padding: none;} /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */

#Container .GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
#Container .GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }

#GalleryPopup { color: #000000; font-size: 12px; }
#GalleryPopup a { color: #000000; }
#GalleryPopup .PhotoTextItems { width: 100%; }
#GalleryPopup .PhotoDescription { padding: 2px; }
#GalleryPopup .DownloadLink { padding: 2px; vertical-align: top; text-align: right; font-weight: bold;  }
#GalleryPopup .AdminPhoto { width: 205px; float: right;  }
#GalleryPopup .AdminForm { width: 270px; float: left; }
#GalleryPopup .AdminForm .FormRow { clear: both; margin: 10px; }
#GalleryPopup .AdminForm .FormLabel { float: left; width: 70px; font-weight: bold; padding-right: 10px; text-align: left;}
#GalleryPopup .AdminForm .FormItem { padding-left: 10px; text-align: left;}
#GalleryPopup .AdminForm { white-space:nowrap; }
#GalleryPopup .AdminForm .FixedWidth { width: 160px; }
#GalleryPopup .AdminForm a { margin-top: 20px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#GalleryPopup .AdminForm .DeleteButton { float: left; }
#GalleryPopup .AdminForm .SaveButton { float: right; }

/* Admin Section */

#Container .AdminFormRow { clear: both; margin: 10px; }
#Container .AdminFormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#Container .AdminFormItem { padding-left: 10px; }


/* Formatting for eVault */
#Container .eVaultAdmin h1 {background: url(Images/club_eVaultfeatures_options.jpg) no-repeat;}
#Container .eVaultAdminDiv {border: #ffffff 1px solid; padding: 5px;} 
#Container .eVaultFeatures {width: 136px; float: right; margin-right: 3px;}
#Container .eVaultFeatures div {margin-bottom: 15px; text-align: center;}
#Container .eVaultFeatures h1 {height: 19px; font-weight: bold;	padding: 6px; margin: 0px 0px 0px 0px;}
#Container .eVaultFeatures ul { list-style: none; margin: 0px; padding: 0px; color:White;}

#Container .eVaultContents
{
	float: left; 
	width: 485px; 
}

#Container .eVaultContents h1 
{
	background: url(Images/club_eVaultContent.jpg) no-repeat;
	height: 31px;
	margin: 0px;
}

#Container .eVaultContentsDiv
{
	border: solid 1px #FFFFFF; 
	padding-top: 10px;
	padding-bottom: 10px;
}