/*///////////////////////////////////////////////////////////////
/
/ This stylesheet was created for Skate NB
/ Copyright Skate NB 2003
/
/ Writen by Michael Moore, DataShepherd Ltd
/
/ This CSS page contains the following styles for the site.
/
///////////////////////////////////////////////////////////////*/

/*---------------------------------------------------------------
The .body CSS will enable the user to change the background image
or background color.
---------------------------------------------------------------*/
.body {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-image: URL('images/body.gif');
}
/*///////////////////////////////////////////////////////////////
	SPLASH PAGE
///////////////////////////////////////////////////////////////*/
.splashTop {
	background-image: URL('images/top_bg.gif');
	background-repeat: repeat-x;
}

.splashBottom {
	background-image: URL('images/bottom_bg.gif');
	background-repeat: repeat-x;
}
/*///////////////////////////////////////////////////////////////
	HEADER STYLE
///////////////////////////////////////////////////////////////*/
.news {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 4px;
	vertical-align: top;
	border-top: 1px #FFFFFF solid;
	background-color: #870C0C;
	border-bottom: 1px #FFFFFF dotted;
}
.welcome {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	vertical-align: top;
	text-transform: uppercase;
	background-color: #666666;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF dotted;
}

/*////////////////////////////////////////////////////////////////
	MAIN TABLE
////////////////////////////////////////////////////////////////*/
.head {
	width: 765px;
}
.header {
	width: 758px;
	border-right: 1px #FFFFFF solid;
	border-left: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
}
.tMain {
	width: 765;
	height: 300;
	background-color: #FFFFFF;
	border-left: 1px #FFFFFF solid;
}
.shade {
	width: 5px;
	background-image: URL('images/body_shadow_bg.gif');
	background-repeat: repeat-y;
}
.footer {
	width: 760;
	font-family: Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	border-top: 1px #FFFFFF solid;
}
/*////////////////////////////////////////////////////////////////
	FOOTER TABLE
////////////////////////////////////////////////////////////////*/
.detail {
	width: 760px;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: top;
	border-right: 1px #FFFFFF solid;
}
.outerGallery {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	vertical-align: top;
	background-color: #999999;
}
.innerGallery {
	background-color: #EEEEEE;
	padding: 4px;
}
.innerLeft {
	width: 458px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	border-right: 1px #FFFFFF solid;
	background-color: #870C0C;
}
.innerDetail {
	width: 458px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	border-right: 1px #FFFFFF solid;
	background-color: #FFFFFF;
}
.left {
	width: 100%;
	vertical-align: top;
	font-family: Verdana;
}
.innerRight {
	width: 302px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	border-right: 1px #FFFFFF solid;
	background-color: #DDDDDD;
}
.right {
	width: 100%;
	background-color: #DDDDDD;
}
.inner {
	width: 760px;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}
/*/ Side table classes /*/
.sideTop {
	height: 180;
	width: 33;
	background-image: URL('images/side_top.gif');
	background-repeat: no-repeat;
}
.sideMid {
	vertical-align: top;
	width: 33;
	background-image: URL('images/side_mid_bg.gif');
	background-repeat: repeat-y;
}
.sideBot {
	width: 33;
	height: 20;
}
.gray {
	width: 100%;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding: 4px;
	background-color: #DDDDDD;
}
.red {
	width: 100%;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	padding: 4px;
	background-color: #AD0101;
}
.white {
	width: 100%;
	height: 100%;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	padding: 4px;
	background-color: #FFFFFF;
}
/*---------------------------------------------------------------
Styles for WELCOME page.
---------------------------------------------------------------*/
.smDesc {
	font-family: Verdana;
	font-size: 10px;
}
/*---------------------------------------------------------------
Styles for Lists.
---------------------------------------------------------------*/
.feature {
	padding: 4px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	vertical-align: top;
	background-image: URL('images/red_shade.gif');
	background-repeat: repeat-x;
	background-color: #870C0C;
	border-bottom: 1px #FFFFFF dotted;
}
.updates {
	padding: 10px;
	border-bottom: 1px #CCCCCC dotted;
}

.outerList {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	border: 1px #999999 solid;
	width: 90%;
}

.tHeader {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AD0101;
}

/*///////////////////////////////////////////////////////////////
FONT STYLES
///////////////////////////////////////////////////////////////*/

.main {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	vertical-align: top;
	padding: 4px;
}
.lgTitle {
	font-family: Verdana;
	font-size: 16px;
	text-transform: uppercase;	
	vertical-align: top;
}
.relations {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	background-color: #EEEEEE;
	padding: 2px;
	border: 1px #CCCCCC dotted;
	width: 100%;
}
.group {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
.title {
	font-family: Verdana;
	font-size: 12px;
}
.medTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.cap {
	font-family: Verdana;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFF99;	
}
.smTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	vertical-align: top;
}
.whiteText {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	padding: 4px;
}
.featureImage {
	border: 1px #FFFFFF solid;
}
.galleryImage {
	border: 1px #666666 solid;
}
.image {
	vertical-align: middle;
}
/*////////////////////////////////////////////////////////////////
	LINK styles
////////////////////////////////////////////////////////////////*/
a {
	color: #AD0101;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a.cap:link {
	color: #FFFF99:
	text-decoration: none;
}
a.cap:active {
	color: #FFFF99;
	text-decoration: none;
}
a.cap:visited {
	color: #FFFF99;
	text-decoration: none;
}
a.cap:hover {
	color: #FFFF99;
	text-decoration: underline;
}
a.list {
	color: #AD0101;
	text-decoration: none;
}
a.list:hover {
	color: #666666;
	text-decoration: none;
}
/*////////////////////////////////////////////////////////////////
FORM ELEMENT styles
////////////////////////////////////////////////////////////////*/
input {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	padding: 2px;
	border: 1px #666666 solid;
	background-color: #FFFFFF;
}