﻿a
{
    color:#a9c1d7;
    text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border:0;
}

a:focus
{
  outline:none;
}

body, html
{
    background-color:#331a07;
	color:#FFF;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	height:100%;
	margin:0;
	min-width:800px;
    padding:0;
}

#Body
{
    color:#c9b09e;
    margin:0 auto 0 auto;
    padding:0 0 50px 0;
    position:relative;
    width:725px;
}

#Body h1
{
	color:#bbdbf7;
	font-family:'Trajan Pro', 'Times New Roman', serif;
	font-size:1.8em;
	margin-bottom:50px;
}

#Body h2
{
    color:#FFF;
    font-family:'Century Gothic', Arial, Sans-Serif;
	font-size:1.8em;
}

#Body h3
{
    border-bottom:dotted 1px #484848;
    color:#fff;
    font-family:'Trajan Pro', 'Times New Roman', serif;
	font-size:1.3em;
    margin:50px 0 10px 0;
}

#Body .NarrowContent
{
    margin:0 auto 0 auto;
    width:344px;
}

#Body p
{
    font-size:.9em;
    line-height:1.7em;
	margin:5px 0 25px 0px;
}

.Button
{
    background-color:#484848;
    background-image:none;
    border:solid 1px #666;
    color:#fff;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size:.8em;
    line-height:normal;
    padding:2px 5px 2px 5px;
}

.Button:hover
{
    background-color:#666;
    background-image:none;
    border:solid 1px #989898;
    color:#fff;
    padding:2px 5px 2px 5px;
    text-decoration:none;
}

.Comments
{
    clear:right;
    margin:50px 0 0 0;
}

.Comments .TextBox
{
    background-color:#fff;
    border:solid 1px #ccc;
    color:#555;
    font-family:'Century Gothic', Arial, Sans-Serif;
    width:auto;
}

.Comments #AddCommentForm
{
    background-color:#fff;
    border:solid 5px #484848;
    position:relative;
}

.Comments #AddCommentForm #AddCommentBody
{
    /* to resolve IE rendering glitch where the body disappears after animation */
    overflow:hidden;
    position:relative;
}

.Comments #AddCommentForm #AddCommentHeader
{
    border:0;
    background-color:#989898;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    margin:0;
    padding:5px 10px 5px 10px;
    position:relative;
}

.Comments #AddCommentForm #AddCommentHeader:hover
{
    background-color:#ccc;
}

.Comments #AddCommentForm #AddCommentHeader #ButtonCloseAddCommentForm
{
    cursor:pointer;
    display:none;
    position:absolute;
    right:10px;
    top:8px;
}

.Comments #AddCommentForm.Open #AddCommentHeader #ButtonCloseAddCommentForm
{
    display:inline;
}

.Comments #AddCommentForm .AddComment, 
.Comments #AddCommentForm .EmailSent, 
.Comments #AddCommentForm .AccountLocked, 
.Comments #AddCommentForm .CommentAdded
{
    color:#484848;
    padding:20px;
}

.Comments #AddCommentForm .AccountLocked h3,
.Comments #AddCommentForm .EmailSent h3, 
.Comments #AddCommentForm .CommentAdded h3
{
    color:#59748c;
    font-size:1.5em;
    margin-top:0 !important;
}

.Comments #AddCommentForm .Footer
{
    padding:10px 0 0 0;
}

.Comments #AddCommentForm .AddComment .AccountDetails
{
    height:150px;
    margin:0 0 20px 0;
}

.Comments #AddCommentForm .AddComment .AccountDetails .ExistingMember
{
    margin-left:241px;
    width:201px;
}

.Comments #AddCommentForm .AddComment .AccountDetails .ExistingMember ul
{
    margin:0;
    padding:0;
}

.Comments #AddCommentForm .AddComment .AccountDetails .ExistingMember ul li
{
    list-style-type:none;
    height:50px;
}

.Comments #AddCommentForm .AddComment .AccountDetails h3
{
    border-bottom-color:#ccc;
    color:#000 !important;
    font-size:1em;
    margin:0 0 10px 0 !important;
}

.Comments #AddCommentForm .AddComment .AccountDetails input
{
    width:197px;
}

.Comments #AddCommentForm .AddComment .AccountDetails input[type=checkbox], 
.Comments #AddCommentForm .AddComment .AccountDetails .Checkbox label
{
    display:inline;
    width:auto;
}

.Comments #AddCommentForm .AddComment label
{
    color:#666;
    display:block;
    font-size:.75em;
}

.Comments #AddCommentForm .AddComment .AccountDetails .NewMember
{
    border-right:solid 1px #989898;
    float:left;
    padding:0 19px 0 0;
    width:201px;
}

.Comments #AddCommentForm .AddComment .AccountDetails .NewMember ul
{
    margin:0;
    padding:0;
}

.Comments #AddCommentForm .AddComment .AccountDetails .NewMember ul li
{
    list-style-type:none;
    height:50px;
    margin:0;
    padding:0;
}

.Comments #AddCommentForm .AddComment .AccountDetails .NewMember ul li.UserName input
{
    width:87px;
}

.Comments #AddCommentForm .AddComment .AccountDetails .NewMember ul li.UserName span.FirstName
{
    float:left;
    padding:0 19px 0 0;
}

.Comments #AddCommentForm .AddComment .CommentsBox textarea
{
    width:441px;
}

.Comments #AddCommentForm .UpdateProgress
{
    background-color:#000;
    color:#fff;
    font-family:'HelveticaNeue LightExt', 'Century Gothic', sans-serif;
    font-size:24px;
    margin-top:-430px;
    padding:400px 0 400px 0;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    
    opacity:.8;
    -moz-opacity:.8;
    filter:alpha(opacity=80);
    z-index:2;
}

.Comments #AddCommentForm .UpdateProgress img
{
    margin-right:10px;
    position:relative;
    top:6px;
}

.Comments #AddCommentForm .Button
{
    background-color:#989898;
    background-image:none;
    border:solid 1px #666666;
    color:#fff;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size:.8em;
    line-height:normal;
    padding:2px 5px 2px 5px;
}

.Comments #AddCommentForm .Button:hover
{
    background-color:#ccc;
    background-image:none;
    border:solid 1px #484848;
    color:#fff;
    padding:2px 5px 2px 5px;
    text-decoration:none;
}

.Comments .CommentsHeader
{
    margin-bottom:20px;
}

.Comments .CommentList
{
    margin:10px 0 50px 0;
}

.Comments .Comment
{
    border:solid 5px #563924;
    margin:25px 0;
    padding:10px 10px 0 10px;
    position:relative;
}

.Comments .Comment .Body p
{
    font-size:.85em !important; 
    margin:0 0 10px 0 !important;
}

.Comments .Comment .Delete
{
    position:absolute;
    right:10px;
    top:10px;
}

.Comments .Comment .Header
{
    margin-bottom:10px;
}

.Comments .Comment .Header .Details
{
    color:#ae886c;
    font-size:.8em;
    padding:1px 0 0 0;
    text-align:right;
}

.Comments .Comment .Header .Details .Date
{
    float:left;
}

.Comments .Comment .Header h4.Author
{
    border-bottom:dotted 1px #563924;
    color:#fff;
    font-size:1.2em;
    padding-bottom:3px;
}

.Comments .Errors
{
    background-color:#ff7e00;
    color:#fff;
    padding:5px 20px 5px 20px;
    margin:0 0 10px 0;
}

.Comments h2
{
    border-bottom:dotted 1px #989898;
    color:#0066FF;
    font-size:1.5em;
    margin:0;
    padding:0;
}

.Destinations
{
    margin:50px 0 0 0;
    padding:0;
}

.Destinations li
{
    color:#fff;
    font-size:1.4em;
    list-style-type:none;
    margin:0 0 25px 25px;
}

.Destinations li a
{
    color:#fff;
    display:block;
    height:48px;
    padding:0 0 0 68px;
    position:relative;
}

html>body .Destinations li a
{
    height:auto;
    min-height:48px;   
}

.Destinations li a img
{
    left:0;
    position:absolute;
    top:0;
}

.Destinations li a small
{
    color:#c9b09e;
    display:block;
    font-size:.7em;
}

.EditPageContentForm .Footer
{
    border-top:dotted 1px #484848;
    margin:15px 0 0 0;
    padding:5px 0 0 0;
}

.EditPageContentForm .Footer .Button
{
    margin-right:10px;
}

.Error, .Errors
{
	color:#ff0000;
}

/*  A class name is used for fieldsets instead of a fieldset tag until Firefox addresses feildset style bugs.
    When that is complete the fieldset tag can be used again */
.Fieldset
{
    background-color:#fff;
    border:solid 5px #484848;
    color:#555;
    margin:5px 0 0 0;
    padding:0 0 30px 0;
    text-align:left;
}

.Fieldset .Body
{
    padding:30px 45px 0 45px;
}

.Fieldset .Button
{
    background-color:#989898;
    border:solid 1px #666666;
    color:#fff;
}

.Fieldset .Button:hover
{
    background-color:#ccc;
    border:solid 1px #484848;
    color:#fff;
}

.Fieldset .Errors
{
    background-color:#729cc3;
    color:#FFF;
    display:block !important;
    height:0;
    font-size:10px;
    line-height:normal;
    padding:0 45px 0 45px;
    text-align:center;
}

html>body .Fieldset .Errors
{
    height:auto;
}

.Fieldset .Footer
{
    margin-top:10px;
    padding:0 45px 0 45px;
    text-align:right;
}
        
.Fieldset ol
{
    margin:0;
    padding:0;
}

.Fieldset ol li
{
    list-style-type:none;
    margin-bottom:10px;
    padding:0;
}

.Fieldset ol li .Checkbox
{
    position:relative;
}

.Fieldset ol li span.Checkbox input
{
    
    margin:0 5px 0 0;
    padding:0;
    width:auto;
}

.Fieldset ol li .Checkbox label
{
    color:#484848;
    display:inline;
    line-height:100%;
    padding-top:5px;
    width:220px;
}

.Fieldset ol li input
{
    width:241px;
}

.Fieldset ol li label
{
    color:#484848;
    font-size:.8em;
    display:block;
}

.Fieldset .TextBox
{
    background-color:#fff;
    border:solid 1px #ccc;
    color:#555;
    font-family:'Century Gothic', Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}

#Header
{
    background:#131313 url('/Images/Header.png') repeat-x top left;
	height:197px;
	overflow:hidden;
    padding-bottom:6px;
    position:relative;
    width:100%;
}

#Header .SiteAdministration
{
    bottom:1px;
    color:#fff;
    font-family:'Trajan Pro', 'HelveticaNeue LightExt', sans-serif;
    font-size:1.2em;
    left:50%;
	margin-left:-360px;
	position:absolute;
	z-index:2;
}

#Header h2
{
    bottom:0;
    font-family:'Trajan Pro', 'HelveticaNeue LightExt', sans-serif;
    font-size:1.5em;
    margin-right:-362px;
    padding:0;
    position:absolute;
    right:50%;
    z-index:1;
}

#Header h3
{
    bottom:-20px;
    color:#9ab2c5;
    display:none;
    font-family:'HelveticaNeue ThinExt', 'Century Gothic', sans-serif;
    font-size:250px;
    left:50%;
    line-height:203px;
    margin-left:110px;
    overflow:hidden;
    position:absolute;
    z-index:0;
    white-space:nowrap;
    width:100%;
    
    opacity:.12;
    -moz-opacity:.12;
    filter:alpha(opacity=12);
}

#Header .Logo
{
    left:50%;
	margin-left:-380px;
	position:absolute;
	top:8px;
	z-index:1;
}

#Header ul
{
	font-size:.8em;
	font-family:'Trajan Pro', 'HelveticaNeue LightExt', sans-serif;
	list-style-type:none;
    margin:0 auto 0 auto;
	padding:12px 0 0 0;
	text-align:right;
	width:725px;
	position:relative;
	z-index:2;
}

#Header ul li 
{
    display:inline;
    margin:0 0 20px 15px;
    padding:0;
}

#Header ul li a
{
    color:#FFF;
    padding:12px 0 0 0;
}

#Header ul li a:hover, #Header ul li a.Selected, #Header ul li a.Selected:hover
{
    border-top:solid 6px #895c3a;
    color:#FFF;
    padding:6px 0 0 0;
    text-decoration:none;
}

.Hidden
{
    display:none;
}

.LargeButton
{
    background:url('/Images/CombinedButton.jpg') repeat-x left bottom;
    border:solid 2px #4f759a;
    color:#fff;
    display:block;
    font-family:'HelveticaNeue-MediumCond', 'Arial Narrow', sans-serif !important;
    font-size:20px;
    height:25px;
    padding:5px 0 4px 0;
    text-align:center;
}

.LargeButton:hover
{
    background-position:left top;
    color:#23405d;
    text-decoration:none;
}

#Menu
{
    margin-bottom:55px;
}

#Menu ul
{
    font-family:'HelveticaNeue ThinExt', HelveticaNeue, sans-serif;
    font-size:.9em;
    list-style-type:none;
	margin:0 auto 0 auto;
	padding:4px 0 5px 0;
	text-align:right;
	width:725px;
}

* html #Menu ul
{
    padding:5px 0 5px 0;
}

#Menu ul.AdminOptions
{
    border-top:solid 1px #000;
}

#Menu ul li
{
	display:inline;
	margin:0 0 0 8px;
	overflow:hidden;
	padding:0;
}

#Menu ul li a
{
	color:#888;
	padding:5px 8px 5px 8px;
	text-decoration:none;
}

#Menu ul li a:hover
{
    background-color:#895c3a;
	color:#fff;
	text-decoration:none;
}

#Menu ul li a.Selected, #Menu ul li a.Selected:hover
{
    background-color:#4b2e18;
	color:#fff;
}

.MenuGroup
{
	margin:0 0 35px 0;
}

.MenuGroup h2, .MenuGroup h3
{
	border-bottom:dotted 1px #484848 !important;
    color:#fff !important;
    font-family:'HelveticaNeue LightExt', 'Century Gothic', sans-serif !important;
	font-size:1.2em !important;
    margin:0 0 10px 0 !important;
}

.MenuGroup ul
{
    font-size:.85em;
	margin:0;
	padding:0;
}

.MenuGroup ul li
{
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
}

.MenuGroup li a
{
    color:#888;
	display:block;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}

.MenuGroup li a:hover
{
    background-color:#895c3a;
	color:#fff;
}

.Photos .PageControl
{
    padding-right:7px;
    text-align:center;
}

.TextBox
{
    font-family:'Century Gothic', Arial, Sans-Serif;
    width:715px;
}

ul.Thumbnails
{
    margin:0 0 15px 0;
    overflow:hidden;
    padding:0;
}

ul.Thumbnails li
{
    float:left;
    height:82px;
    list-style-type:none;
    margin:0 8px 8px 0;
    width:82px;
}

ul.Thumbnails li a
{
    border:solid 1px #484848;
    float:left;
    padding:5px;
}

ul.Thumbnails li a:hover
{
    border-color:#a9c1d7;
}

ul.Thumbnails li a .Photo
{
    display:block;
    height:70px;
    overflow:hidden;
    width:70px;
}

ul li
{
    list-style-type:circle;
}

ul li ul li
{
    list-style-type:disc;    
}