﻿/* SITE WIDE */
body 
{
	background-color: Black;
	margin: 0px 0px 25px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-align: center;
}

body A 
{
	color: #0095CC;
	text-decoration: underline;
}

body A:hover 
{
	color: #999999;
}

.button 
{
	background-color: #FFFBFF;
	border: solid 1px #CCCCCC;
	font-family: Verdana;
	font-size: 0.8em;
	color: #284775;
	padding: 2px;
}

.siteContainer 
{
	text-align: left;
	width: 777px;
}

.headerNavDiv 
{
	width: 388px;
}

.globalHeaderNavDiv 
{
	/*float: right;*/
}

.logoDiv 
{
	width: 100%;
	height: 90px;
	padding-top: 15px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 480px 15px;
}

.contentTitle
{
	margin: 10px 0px 0px 10px;
}

.contentLiteral 
{
	margin: 0px 5px 10px 10px;
}

#aboutUsContent img 
{
	float: left;
	margin: 5px 5px 0px 0px;	
}

#aboutUsContent table
{
	margin-bottom: 10px;
}

/* EXTERIOR PAGE STYLES */
.extLowerContainer 
{
	margin-left: 11px;
	width: 726px;
	padding: 0px 7px 0px 0px;
	background-color: #666666;
}

.extContentCell 
{
	width: 256px;
	background-color: White;
	color: #666666;
}

.extContentLiteral 
{
	margin: 0px 0px 10px 10px;
}

.extPhotosCell 
{
	background-image: url(images/Background_ExtPhotOver.gif); 
	background-position: 150px 0px; 
	background-repeat: repeat-y;
}

.extCalendarCell 
{
	background-image: url(images/Background_Yellow.gif);
}

.extSignatureCell 
{
	background-image: url(images/Background_ExtPhotOver.gif); 
	background-position: 406px 0px; 
	background-repeat: repeat-y;
}

.extSignature 
{
	width: 138px;
	height: 48px;
	float: right;
	margin: 5px 117px 10px 0px;
}

.extFooterLinkCell 
{
	height: 33px;
	padding-left: 5px;
	font-size: 8pt;
	color: #D9D9D9;
}

.extFooterLinkCell A 
{
	color: #D9D9D9;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
}

.extFooterLinkCell A:hover 
{
	color: White;
	border-bottom: solid 1px #FFD324;
}

.extFooterCopyCell 
{
	height: 33px;
	color: #D9D9D9;
	font-size: 8pt;
}

.extCalendarTable 
{
	width: 260px;
	margin: 10px 10px 20px 0px;
}

.extCalendarTitleCell 
{
	height: 26px;
	background-image: url(images/Background_ExtCalTitle.gif);
}

.exteriorCalendarTitle 
{
	width: 77px;
	height: 13px;
	float: left;
	margin-left: 10px;
}

.extCalendarContentCell 
{
	background-color: #EEEEEE;
	border-left: solid 1px #F3CA25;
	border-right: solid 1px #F3CA25;
	border-bottom: solid 1px #F3CA25;
}

.extCalendarItem 
{
	padding: 7px 10px 7px 10px;
	width: 238px;
	cursor: pointer;
}

.extCalendarItemTitle 
{
	color: Black;
	font-size: 10pt;
	font-weight: bold;
}

.extCalendarItemTime 
{
	color: Black;
	font-size: 8pt;
	font-weight: normal;
}

/* INTERIOR PAGE STYLES */
.intLowerContainer 
{
	margin-left: 11px;
	width: 747px;
	padding: 0px 8px 0px 0px;
	background-color: #0095CC;
}

.intLeftNav 
{
	width: 224px;
	background-image: url(images/Background_IntLeftNavOver.gif);
	background-position: left top;
	background-repeat: repeat-y;	
}

.intContentCell 
{
	color: #666666;
}

.intHeaderDanceOverflow 
{
	width: 78px;
	height: 129px;
	float: right;
	margin-right: 4px;
}

.intFooterLinkCell 
{
	height: 33px;
	padding-left: 5px;
	font-size: 8pt;
	color: #D9D9D9;
}

.intFooterLinkCell A 
{
	color: #D9D9D9;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
}

.intFooterLinkCell A:hover 
{
	color: White;
	border-bottom: solid 1px #FFD324;
}

.intFooterCopyCell 
{
	height: 33px;
	color: #D9D9D9;
	font-size: 8pt;
}

/* INTERIOR CALENDAR */
.intCalendarBodyContainerDiv
{
	width: 500px; 
	height: 600px; 
	overflow: auto;
	overflow-x: hidden; 
	border: solid 1px #666666;
}

.intCalendarBodyContainerDiv A, .intCalendarBodyContainerDiv A:hover
{
	color: #666666;
	text-decoration: none;
}

.intCalendarBodyFilterContainerDiv 
{
	width: 500px; 
	overflow: hidden;
	border: solid 1px #666666;
}

.intCalendarDayDivFirst 
{
	text-align: left;
}

.intCalendarDayDiv 
{
	text-align: left;
	border-top: solid 1px #666666;
}

.intCalendarDateCell 
{
	background-image: url(images/Background_IntListCalDate.gif);
	width: 22px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	border-right: solid 1px #666666;
}

.intCalendarDayNumberDiv 
{
	color: White;
	font-size: 13pt;
	font-weight: bold;
}

.intCalendarDayNameDiv 
{
	color: White;
	font-size: 8pt;
	font-weight: normal;
}

/* INTERIOR MONTH VIEW CALENDAR */
.intMonthCalendarHeaderTable 
{
	border-collapse: collapse;
	background-image: url(images/Background_IntListCalDate.gif); 
	border-left: solid 1px #666666; 
	border-top: solid 1px #666666; 
	border-right: solid 1px #666666;
}
.adminMonthCalendarHeaderTable 
{
	border-collapse: collapse;
	background-image: url(images/Background_IntMp3Manage.gif);
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;	
}
.intMonthCalendarHeaderCellFirst 
{
	width: 14%;
	text-align: center;
	color: White;
	font-size: 8pt;
	padding: 2px 0px 2px 0px;
}

.intMonthCalendarHeaderCell 
{
	width: 14%;
	text-align: center;
	color: White;
	font-size: 8pt;
	border-left: solid 1px #666666;
	padding: 2px 0px 2px 0px;
}

/* DATA TABLES */
.dataTable 
{
	width: 488px;
	border: solid 1px #999;	
}

.dataTable .grip 
{
	width: 18px;
	background-image: url(images/Background_IntMp3Manage.gif);
}

.dataTable .purpleGrip 
{
	background-image: url(images/TableGripBg_Purple.gif);
}

.dataTable .body 
{
	width: 470px;
}

.dataTable .body table 
{
	width: 100%;	
}

.dataTable .body table td 
{
	padding: 3px 0px 3px 5px;
}

/* OTHER STYLES */
.colorPickerItem 
{
	width: 12px; 
	height: 12px; 
	border: solid 1px #ACA899; 
	margin: 3px 3px 3px 3px; 
	cursor: pointer;
}

.floatListContainer 
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.textBoxes
{
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.headerMonthLabel 
{
    font-size: 20pt;
    font-weight: bold;
}