﻿body 
{
    margin: 0 0 0 0;
    font-family: Arial;
    font-size: 14px;
    color: #808080;
    background-color: #000000;
}
a
{
    color: #808080;
    text-decoration: none;
}
a:hover
{
    color: #96D0DC;
    text-decoration: underline;
}
a:visited
{
    color: #808080;
    text-decoration: none;
}
.PageContainer
{
    width: 100%; background-color: #000000; text-align: center; vertical-align: top; height: 100%;
}
.PageContentHolder
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #FFFFFF;
    width: 820px; height: 100%;
}
.PageContent
{
    width: 800px; height: 100%;
    background-color: #FFFFFF;
    /*padding-left: 15px;
    padding-right: 15px;*/
    text-align: left;
}
.Header
{
    padding-top: 35px;
    padding-bottom: 25px;
}

.IntroText
{
    padding-right: 20px;
    font-size: 14px;
    text-align: left;
}

.FooterLine
{
    padding-top: 15px;
    width: 100%;
    border-bottom: solid 3px #96D0DC;
}

.Footer
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 11px;
}

/* Site Menu Style */
#menucontainer
{
	/* width: 930px; */
	float:none;
	/* height: 40px; */
	font-size: 18px;
}
#menu 
{
    padding:0;
    margin:0;
    background-color: blue;
    /* width: 900px; */
    float: inherit;
}
#menu li { 
	display:inline; 
	padding:0; 
	margin:0;
}
#menu a
{
	color:#808080;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	float:left; 
	width:auto; 
	text-decoration:none;  
	text-transform: none;
	border-right: solid 1.5px #ADADAD;
	font-weight: normal;
}
#menu a#current
{
	color:#EC3228;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	float:left; 
	width:auto; 
	text-decoration:none;  
	text-transform: none;
	border-right: solid 1.5px #ADADAD;
}
#menu a:hover { 
	color:#96D0DC; 
	background-color: #FFFFFF;
	border-right: solid 1.5px #ADADAD;
}
#menu li a#end
{
	color:#808080;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	float:left; 
	width:auto; 
	text-decoration:none;  
	text-transform: none;
	border-right: dotted 0px #DEDEDE;
}
#menu a:hover#end { 
	color:#96D0DC; 
	background-color: #FFFFFF;
	border-right: dotted 0px #DEDEDE;
}
#menu li a#endcurrent
{
	color:#EC3228;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	float:left; 
	width:auto; 
	text-decoration:none;  
	text-transform: none;
	border-right: dotted 0px #DEDEDE;
}
#menu a:hover#endcurrent { 
	color:#96D0DC; 
	background-color: #FFFFFF;
	border-right: dotted 0px #DEDEDE;
}

.GalleryGridPhotoContainer
{
    width: 196px;
    height: 150px; 
    background-color: #FAFAFA; 
    border: solid 1px #DADADA; 
    text-align: center; 
    vertical-align: middle; 
    padding-top: 20px;
    padding-bottom: 10px;
}
.GalleryGridGalleryTitle
{
    padding: 10px;
}
.GalleryGridGalleryTitle a
{
    padding: 10px;
    color:#96D0DC; 
}

/* Ratings Control Holder */
.RatingsHolder
{
    background-color: #333333;
    width: 180px;
    border: solid 1px #5f5d5d;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}
.RatingsButton
{
    background: #333333;
    color: #65aef9;
    font-size: 11px;
    border: solid 0px #5f5d5d;
}

/*Large Ratings Control */
.ratingStar {
    font-size: 0pt;
    width: 32px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url('images/FilledStar.png');
}
.emptyRatingStar {
    background-image: url('images/EmptyStar.png');
}
.savedRatingStar {
    background-image: url('images/SavedStar.png');
}
/* Small Ratings Control */
.ratingStar_Small {
    font-size: 0pt;
    width: 18px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block; 
    background-repeat: no-repeat;
}
.filledRatingStar_Small {
    background-image: url('images/FilledRosette_small.png');
}
.emptyRatingStar_Small {
    background-image: url('images/EmptyRosette_small.png');
}
.savedRatingStar_Small {
    background-image: url('images/SavedRosette_small.png');
}

/*Photo COmments */
.CommentHolder
{
    font-size: 14px;
    width: 440px;
    background: #333333;
    padding: 10px;
}
.CommentHolder .Comment
{
    color: #FFFFFF;
    font-style: italic;
    padding-bottom: 4px;
}
.CommentHolder .CommentPoster
{
    color: #65aef9;
    font-size: 11px;
}

.SubmitCommentHolder
{
    
    width: 240px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
}
.SubmitCommentHolder .SubmitCommentTextbox
{
    border: solid 1px #5f5d5d;
    background-color: #5f5d5d;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial;
    padding: 3px;
    
}
.SubmitCommentHolder .SubmitCommentHeading
{
    padding-top: 3px;
    vertical-align: top;
    text-align: left;
    
}

.SubmitCommentHolder .SubmitCommentEntry
{
    vertical-align: top;
    text-align: left;
    padding-bottom: 4px;
}
.SubmitCommentHolder .SubmitThankyou
{
    height: 125px;
    vertical-align: top;
    text-align: left;
}
.ErrorText
{
    font-size: 11px;
    color: red;
}
.BackToGalleryLink a
{
    color: #65aef9;
    text-decoration: none;
}
.BackToGalleryLink a:hover
{
    color: #65aef9;
    text-decoration: underline;
}
