﻿body
{
    background: url( '/App_Images/BG_Body.gif' ) repeat;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
}

body, td, p, li, input, option, select, textarea
{
    font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}

p { margin: 0 0 15px 0; }
li { margin: 0 0 10px 0; }
table { position: relative; }
td { vertical-align: top; }

.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignRight { text-align: right; }
.AlignJustify { text-align: justify; }

.BoldText { font-weight: bold; }
.ItalicizedText { font-style: italic;}
.UnderlinedText { text-decoration: underline; }

.SmallText { font-size: 10px; line-height: 12px; }
.NoWrap { white-space: nowrap; }

.MsgSystem
{
    color: #00C;
    font-weight: bold;
}

.MsgError
{
    color: #F00;
    font-weight: bold;
}

ul
{
    margin-top: 0px;
}

li
{
    margin: 0;
    padding: 2px 0;
}

ul.InlineList, ul.VerticalList
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.InlineList li
{
    float: left;
}

.BorderBlack
{
    border: 1px solid #000;
}

.AlignImgRight
{
    float: right;
    text-align: right;
    margin: 0 0 0 15px;
}

.AlignImgLeft
{
    float: left;
    text-align: left;
    margin: 0 15px 0 0;
}

.AlignImgCenter
{
    text-align: center;
    margin: 0 15px 0 15px;
}

a {
    color: #932325;
    font-weight: bold;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover {
    color: #EA5153;
	text-decoration: none;
}

a:active {
    color: #EA5153;
	text-decoration: underline;
}

h1
{
    color: #63452F;
	font: 18px/26px Georgia, Times, Times New Roman, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
}

h2
{
    color: #000;
	font: bold 14px/20px Tahoma, Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
}

div#WinPopupContainer
{
    display: inline-block;
    position: relative;
    margin: 20px auto;
    padding: 20px;
    text-align: left;
    border:  2px solid #000;
    background-color: #fff;
}

div#Container
{
    width: 865px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    border-left:  2px solid #C22D2F;
    border-right: 2px solid #C22D2F;
}

div#ContainerInner
{
    width: 863px;
    border-left:  1px solid #000;
    border-right: 1px solid #000;
}

div#Header
{
    width: 861px;
    background-color: #060708;
    text-align: center;
    border-left:  1px solid #000;
    border-right: 1px solid #000;
}

div#Header img#Logo
{
    margin: 0 auto;
    padding: 30px;
}

div#NavMainArea
{
    position: relative;
    width: 861px;
    height: 90px;
    border-left:  1px solid #5C5441;
    border-right: 1px solid #5C5441;
    background: url( '/App_Images/BG_NavMain.jpg' ) no-repeat;
}

div#NavMain
{
    position: absolute;
    top: 33px;
    left: 10px;
    padding: 5px 0;
}

span.NavMainLink
{
    padding: 0 0 0 25px;
    background: url( '/App_Images/BG_NavMainLink.gif' ) no-repeat 1px 5px;
}

span.NavMainFirstLink
{
    background: none !important;
}

div#NavMain a
{
    font: bold 14px/14px Arial Narrow, Arial, sans-serif;
}

div#NavMain a:link, div#NavMain a:visited, div#NavMain a:active
{
    color: #FFF;
    text-decoration: none;
}

div#NavMain a:hover, div#NavMain a.Selected
{
    color: #000;
    border-top:    2px solid #932325;
    border-bottom: 2px solid #932325;
}

div.ContentArea
{
    position: relative;
    width: 861px;
    height: 305px;
    border-left:  1px solid #5C5441;
    border-right: 1px solid #5C5441;
}

div.BGContentAreaHOME    { background: url( '/App_Images/BG_ContentArea_Home.jpg' ) no-repeat; }
div.BGContentAreaABOUT   { background: url( '/App_Images/BG_ContentArea_About.jpg' ) no-repeat; }
div.BGContentAreaMENUS   { background: url( '/App_Images/BG_ContentArea_Menus.jpg' ) no-repeat; }
div.BGContentAreaNEWS    { background: url( '/App_Images/BG_ContentArea_News.jpg' ) no-repeat; }
div.BGContentAreaGALLERY { background: url( '/App_Images/BG_ContentArea_Gallery.jpg' ) no-repeat; }
div.BGContentAreaCONTACT { background: url( '/App_Images/BG_ContentArea_Contact.jpg' ) no-repeat; }

div#ContentWrapper
{
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 20;
}

div.ContentGallery
{
    position: relative;
    width: 820px;
    height: 280px;
    overflow: hidden;
}

div.ContentDTEditor
{
    width: 800px;
    overflow: visible;
    background-color: #ECD1A8;
    border: 1px solid #666;
}

div.ContentScrollable
{
    width: 450px;
    height: 270px;
    overflow: hidden;
}

/* Homepage Slideshow Definitions... */
#ContentAreaPhotos
{
    position: absolute;
    top: 61px;
    left: 493px;
    z-index: 10;
    width: 358px;
    height: 280px;
}

#ContentAreaPhotos div {
    position: absolute;
    top: 0;
    left: 0;
    width: 358px;
    height: 280px;
    z-index: 8;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

#ContentAreaPhotos div.CurrentlyActiveSlide {
    z-index: 10;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#ContentAreaPhotos div.LastActiveSlide {
    z-index: 9;
}
/* END Homepage Slideshow Definitions... */

div#Content img
{
    border: 1px solid #060708;
}

div#Footer
{
    padding: 40px;
    width: 781px;
    border-left:  1px solid #3E1214;
    border-right: 1px solid #3E1214;
    border-bottom: 1px solid #000;
    background-color: #932325;
    color: #EA5153;
}

div#Footer a, div#Footer a:link, div#Footer a:visited, div#Footer a:active
{
    text-decoration: none;
    padding: 0 15px 0 0;
    color: #EA5153;
}

div#Footer a:hover, div#Footer a.Selected
{
    text-decoration: underline;
}

div.ClearDivs
{
    clear: both;
}

/* .Net Skin Definitions */
.StaticMenuItemStyle A:Link, .StaticMenuItemStyle A:Visited {
	font: bold 12px Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
    color: #FFF;
	text-decoration: none;
}

.StaticMenuItemStyle A:hover{
	color: #62C5D9;
}

.StaticMenuItemStyle A:active{
	color: #B0B93C;
}

.DynamicMenuItemStyle td 
{
    padding: 5px 10px 0px 20px;
    background-color: #000;
}

.DynamicMenuItemStyle A:Link, .DynamicMenuItemStyle A:Visited{
	font-weight: normal; 
	color: #3399CC; 
	text-decoration: none;
	font-size: 10px;
}

.DynamicMenuItemStyle A:hover{
	color: #006699;
}

.DynamicMenuItemStyle A:active{
	color: #990033;
}

/* GridView/DetailsView/FormView Data Controls */
.SelectedRowStyle td {
	background-color: #D5DC74;
	padding: 5px 10px 5px 10px;
}

.SelectedRowStyle input {
	font-size: 9px;
}

.AlternatingRowStyle td, .AlternatingEditRowStyle td{
	background-color: #EDF4F8;
	padding: 5px 10px 5px 10px;
}

.AlternatingRowStyle input {
	font-size: 9px;
}

.RowStyle td, .EditRowStyle td {
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}

.RowStyle td.FieldHeaderStyle, .AlternatingRowStyle td.FieldHeaderStyle, .EditRowStyle td.FieldHeaderStyle, .AlternatingEditRowStyle td.FieldHeaderStyle {
    text-align: right;
    font-weight: bold;
    background-color: #D5DC74;
}

.RowStyle input {
	font-size: 9px;
}

.HeaderStyle th {
	background-color:#006699;
	color: #FFF;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.HeaderStyle a {
    color: #FFF;
}

/* DataList */
.HeaderStyle {
	
}

.ItemStyle, .AlternatingItemStyle {
	
}

.ItemStyle a, .AlternatingItemStyle a {
	
}

.ItemStyle a:Link, .ItemStyle a:Visited, .AlternatingItemStyle a:Link, .AlternatingItemStyle a:Visited {
	
}

.ItemStyle a:Hover, .ItemStyle a:Active, .AlternatingItemStyle a:Hover, .AlternatingItemStyle a:Active {
	
}

/* jScrollPane CSS Styles... */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #D1AE83;
}
.jScrollPaneDrag {
	position: absolute;
	background: #AC8967;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* GalleryPhoto */
div#GalleryPhotoArea
{
    margin: auto 0;
    padding: 20px 0;
    width: 600px;
}

div.GalleryPhoto
{
    padding: 0px 10px 10px 0px;
    margin: 0;
    float: left;
}

div.GalleryPhoto img.GalleryPhotoThumbnail
{
    border: 1px solid #000 !important;
}

div#GalleryPhotoArea div#GalleryPhotoLink
{
    position: fixed;
    border: 1px solid #000;
	background-color: #932325;
	padding: 10px;
	display: none;
	color: #fff;
}