
BODY {
	/*background : #ffffff url("/v3/images/bg_maroon1.jpg") repeat-x fixed;*/
	background-color: #000000;
	color: ffffff;
	}
	
BODY.ajaxFrame {
	background : #000000;
	}

a {
	color: #ffffff;
	text-decoration: none;
}

#pageDiv {
	background-color:#000000;
	color:#ffffff;
	}
	
a:hover {
	color: #cccccc;
}

.dark {
	color: #000000;
}

#masthead{
 	background : #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#111111,endColorStr=#000000);
}

#mastheadtop{
 	background : #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#333333,endColorStr=#000000);
}
#mastheadbottom{
 	background : #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#222222);
}

#mainDiv {
	background-color:#000000;
	height:100%;
}

.galleryIcon{
 	border : 1px solid #ffffff;
}


#loginFormDiv,#loginBoxDiv {
	background: #CCCCCC;
	border: 1px solid #ffffff;
}

#navbarDiv {
	background-color: #cccccc;	
	border-top: 1px solid #000000;
	border-bottom: 1px solid #ffffff;
	color: #000000;
}

#navbarDiv a{
	color: #000000;
}
	
#togglePhotosDiv a {
	color: #000000;
	font-size: 11px;
}

#togglePhotosDiv a:hover {
	color: #CCCCCC;
}

.white {
	color: #000000;
}

.photostripPhoto {
	border-left: 1px solid #C;
	/*background-image: url(/v3/images/photostrip.gif);*/
	padding-top: 0px; 
}

#photostrip{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#pageDiv {
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #ffffff;
}

#indexEventsDiv, #leftColumnDiv {
	border-right: 1px solid #ffffff;
}

#footerDiv, #footerDiv a{
	border-top: 1px solid #ffffff;
	background-color: #CCCCCC;
	color: #000000;
}

#bottomBannerDiv {
	border-top: 1px solid #ffffff;
}

.insetDiv {
	background: #111111;
	border: 1px solid #ffffff;
	margin: 5px;
}

.insetDivHeader {
	background: #dddddd;
	color: #000000;
	border-bottom: 1px solid color: #ffffff;
}

#galleryPagecontrol {
	background: #dddddd;
}

.previousEventDiv {
	background: #CCCCCC; 
	border: 1px solid #ffffff; 
}

.gallerylink, .gallerynext {
         background: #000000;	
         color: #FFFFFF;
	padding: 0px 3px 0px 3px;
}
.gallerylink:hover,.gallerynext:hover{
	background: #999999;
         color: #000000;
	padding: 0px 3px 0px 3px;
}
.gallerylink_active {
	background: #999999;
         color: #000000;
	padding: 0px 3px 0px 3px;
}

.galleryItemContainer {
	float: left;
	width: 202px; 
	height: 82px; 	
	background: #f6f6f6; 
	margin: 10px 0px 0px 10px;
	overflow:hidden;
}

.galleryItem {
	width: 200px;
	height: 80px;
	overflow:hidden;
	background: #CCCCCC; 
	color: #000000; 
	border: 1px solid #ffffff; 
	z-index: 10000;
}
.galleryItem a {
	color: #000000; 
}

.galleryThumbContainer {
	float: left; 
	width: 74px; 
	height: 74px; 
	background: #f6f6f6; 
	margin: 5px 0px 0px 5px;
	padding: 0px;
	overflow:hidden;
}

.galleryThumb {
	width: 72px; 
	height: 72px; 
	background: #CCCCCC; 
	border: 1px solid #ffffff; 
	margin: 0px 0px 0px 0px;
}

.eventItemContainer {
	float: left;
	width: 172px; 
	height: 116px; 	
	background: #f6f6f6; 
	margin: 20px 0px 0px 30px;
	overflow:hidden;
}

.eventItem {
	width: 170px;
	height: 114px;
	overflow:hidden;
	background: #CCCCCC; 
	border: 1px solid #ffffff; 
	z-index: 10000;
}

.insetFeaturedHeader {
	margin-bottom: 5px;
	font-weight:bold;
	font-size:14px;
	background: #ffffff;
	color: #000000;
	border-bottom: 1px solid color: #ffffff;
	padding:2px;
}

h2, h2 a {
	color: #cccccc;
	text-decoration: none;
	font-size: 24px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}

h2 a:hover {
	color: #999999;
}

h3 {
	color: #cccccc;
	text-decoration: none;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	
}

h4 {
	color: #cccccc;
	text-decoration: none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}

.subheadLink {
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}
.subheadLink:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}


TABLE.tablegrid {
	font-size:10px; 
	border: thin #CCCCCC solid; 
	width:100%;
}

TABLE.tablegrid tr.subhead td {
	background: #CCCCCC;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	font-size:11px;
}

TABLE.tablegrid th, TABLE.tablegrid tr.mainhead td {
	background: #ffffff;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	font-size:11px;
}

TABLE.tablegrid th a{
	background: #ffffff;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	font-size:11px;
}

TABLE.tablegrid td {
	background: #000000;
	color: #ffffff;
}

.jukeboxBar {
	background: #000000;
	color: #FFFFFF;
}

/* ---------->>> Admin Menu <<< ---------------------------------------------------------------*/
#adminMenu { 
	background-color:#000000;
	border:1px solid #cccccc;
}
#adminMenu div div {
	border-left:5px solid #cccccc;
	color: #000000;
}
#adminMenu div div div{
	border-left:0px solid #cccccc;
         color: #ffffff;
}
#adminMenu div div div:hover{
	background-color:#999999;
	color: #000000;
}
#adminMenu div div div:hover a{
	background-color:#999999;
	color: #000000;
}
#adminMenu div.menuHeader {
	border-bottom: 1px solid #999999;
	background-color: #cccccc;
}
#adminMenu div.menuSubhead{
	color: #ffffff;
}	
#adminMenu div.selected { 
	background-color: #999999;
	color: #FFFFFF;
}
#adminMenu a.current {
	color:#cccccc;
	border-left:0px solid #000000;
}
        