/*
THIS FILE HAS A GREAT PURPOSE, IT CAN BE USED TO OVERRIDE THE MAIN SKINS STYLESHEET, THIS IS PARTICULALY USEFUL WHEN A CUSTOM SKIN DOESNT WORK TOO WELL WHEN MORPHED FOR GALLERY USAGE, WE WILL INCLUDE A FEW EXAMPLES BELOW:

Recently a guy had trouble where the background color for the main table for displaying the gallerys thumbnails and sections were white but also the text was white, because his skin was mainly a dark color we decided to change the background of the table instead. to do this we did this:

td {
	background-color: #666666;
}

the title block at the top has a big problem with all skins, if you would like to change this then use similar code to:
 
.maintitle {
	background-color: #98B1CB;
	color: #FFFFFF;
	font-size: 9px;
}
.maintitle a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.maintitle a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.maintitle a:hover {
	text-decoration: none;
}
.maintitle a:active {
	
}

*/

.maintitle {
	background-color: #98B1CB;
	color: #FFFFFF;
	font-size: 9px;
}
.maintitle a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.maintitle a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.maintitle a:hover {
	text-decoration: none;
}
.maintitle a:active {
	
}

.NavLinks {
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	padding-top: 3px;
}

.NavLinks a,
.NavLinks a:hover,
.NavLinks a:visited{
	border:1px solid #324472;
	text-decoration: none;
	color: #5070C5;
	padding:1px 10px;
	background-color: #BDCAEA;
}
.NavLinks a:hover{
	background-color: #5070C5;
	color: #BDCAEA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #2E3D65;
	border-right-color: #2E3D65;
	border-bottom-color: #2E3D65;
	border-left-color: #2E3D65;
}