/*  	Author	: Andrew Jordan
	Date	: Feb 2003
	Project	: Sharks Ski Club
	Version	: 2.0
	Note	: Style Sheet for the Sharks Website. 
*/
/*
#D4A9D7 - Light Indigo - like main background
#744977 - Heavyily Dark Coloured Purple
#996E9B - Medium Shade of Dark Purple
#4E224E - Very Dark for Text on light
#FFCCFF - Lighter Lilac for text on dark

*/

html  {	
	background-image:url('Images/HairlinesBackground.jpg');
	background-attachment: notfixed;
	background-repeat:no-repeat;
	font-size: 10pt;
	FONT-FAMILY: Tahoma, Arial, 'comic sans ms', helvetica, sans-serif;
	font-weight:normal;
	z-index: -1; 		
}

h1, h2, h3, h4 {
	font-size: Large;
	FONT-FAMILY: Arial, 'comic sans ms', helvetica, sans-serif;
	font-weight: NORMAL;
	color: #996E9B;
	margin-left: 5px; 
	margin-top:  4px;
	margin-bottom:0px;	
	font-variant: small-caps;
	letter-spacing: 0.8px;	
}	
	
h2, .PARAH2 {
	font-variant: small-caps;
	font-size: SMALL;
}

html, .TABLECLASS, .TDCLASS  {
	background-color:#D4A7D2;  /* This is the Colour for all MASKS used 	background-color:#D7A9D7;  /* This is the Colour for all MASKS used */*/
	scrollbar-face-color:#D4A9D7;
} 

.TRANSPARENT5 {
	filter='alpha(opacity=50)';
	-moz-opacity:0.5;
	opacity: 0.5;
	background-color:transparent;	
}
.TRANSPARENT8 {
	filter='alpha(opacity=80)';
	-moz-opacity:0.8;
	opacity: 0.8;
	background-color:transparent;	
}
.TRANSPARENT0 {
	filter='alpha(opacity=100)';
	-moz-opacity:1;
	opacity: 1;
	background-color:transparent;	
}
/*** Classes not element related ***/
.ITEMSMALL {
	color: navy;
	font-size:70%;
	line-height:18px;
}
.DIVCONTACT {
	position: absolute; left: 550px; top: 10px; width:200px; height:50px;*/
	z-index: 1; 
}
.APJORDAN {
	position: absolute; left: 520px; top: 570px; 
	z-index: 1; 
}
.DIVADDRESS {
	position: absolute; left: 586px; top:35px; width:200px; height:50px;*/
/*	position: relative; left: 547px; width:200px; height:30px;*/
	z-index: 0; 
}
.INVISIBLE {
	z-index: -3; 
	visibility: hidden;	
}
.DIVFOOTER {
	position: absolute; left: 5px; top: 605px; width:300px; 
	z-index: 1; 
}
/* OK */
.DIVCOPYRIGHT {
	position: absolute; left: 5px; top: 575px;
	z-index: 1; 
}
.DIVFLASH {
	position: absolute; left: 390px; top: 58px;
	z-index: 1; 		
}
.DIVFLASH2 {
	position: absolute; left: 370px; top: 350px;
	z-index: 1; 		
}
/* ok */
.DIVMAINSTAGE {
	position: absolute; left: 167px; top: 105px; width:580px; height:440px; 
	overflow:auto;
	z-index: auto;
}
/* ok */
.DIVFLASHCONTACT {
	position: absolute; left: 380px; top: 100px;
	z-index: 3; 		
}
.COPYRIGHT {
	font-size: 50%;
	z-index: 1; 		
}	 
.HITCOUNTER {
	font-size: 60%;
	z-index: 1; 
	text-align:LEFT;			
}	 

P {
	color: #4E224E;
	margin-left: 8px; 
	margin-top:  4px;
	margin-bottom:0px;
} 

P.PARANORM {
	font-size:80%;
	letter-spacing: 0.5px;		
} 
P.PARADNORM {
	line-height: 2em;
	font-size:80%;
	letter-spacing: 0.5px;		
} 

P.PARASMALL {  /* As used in the CONTACT CENTER Mask */
	margin-top:  8px;
	font-size:80%;
	text-align:CENTER;	
	font-weight:NORMAL; font-style:NORMAL; 
	FONT-FAMILY:  'comic sans ms', helvetica, sans-serif;		
} 
P.PARASMALLER {  /* As used in the CONTACT CENTER Mask */
	margin-top:  4px;
	font-size:70%;
	text-align:CENTER;	
	font-weight:NORMAL; font-style:NORMAL; 
	FONT-FAMILY:  'comic sans ms', helvetica, sans-serif;		
} 

P.PARABOLD {
	font-size:135%;
	font-weight:NORMAL;
	margin-bottom:15px;
} 

.MISSION {
	font-weight:bold; /*normal; */
	font-size:90%;
	text-align: CENTER;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;		
	font-variant: small-caps;
	color:WHITE;
	background-color:#D4A9D7;
}	

P.MISSION {
	letter-spacing:0.8px;
}

.LINKSCENTER {
	font-weight:normal; 
	font-size:90%;
	FONT-FAMILY:tahoma;
	letter-spacing:1.1 px;
	padding-right:10px;
	text-align: CENTER;
	padding-left:10px;
	padding-bottom:1px;
	font-variant: small-caps;
	color:WHITE;
}

.LINKSLEFT {
	font-weight:normal; 
	font-size:60%;
	FONT-FAMILY:tahoma;
	letter-spacing:1.1 px;
	text-align: LEFT;
	padding-bottom:1px;
	font-variant: small-caps;
	color:WHITE;
}

.LINKSRIGHT {
	font-weight:normal; 
	font-size:60%;
	FONT-FAMILY:tahoma;
	letter-spacing:1.1 px;
	text-align: RIGHT;
	padding-bottom:1px;
	font-variant: small-caps;
	color:WHITE;
}	
.LINKS {
	FONT-FAMILY:tahoma;
	padding-right:10px;
	padding-left:10px;	
	letter-spacing:1.5 px;
	border-style: GROOVE;
	background-color:transparent;	
}
a:link.LINKS {
	color:#FFCCFF;
	font-size:80%;	
}

a:visited.LINKS {
	color:#FFCCFF;
	font-size:80%;
}	
a:hover.LINKS {
	color:WHITE;
	font-size:80%;	
	border-right-width: 5px;
	border-left-width: 5px;
}
a:link.ARROW {
	background:#FFCCFF;	
	color:#FFCCFF;
}	
a:visited.ARROW {
	background:#FFCCFF;
	color:#FFCCFF;
}	

a:link.LINKSINTEXT {
/*	#4E224E*/
	background:#D4A9D7;
	color:#996E9B;
	text-decoration: underline;
}	
a:visited.LINKSINTEXT {
	background:#FFCCFF;
	color:#996E9B;
	text-decoration: underline;
}	
a:hover.LINKSINTEXT {
	background:#996E9B;
	color:#FFCCFF;
}	

TD.MISSION {
	text-align: center;
	FONT-FAMILY:Architekt;
}	

.TABLECLASS {
/*	background:CYAN;*/
	background-color:#996E9B;
	color:#E7E7E7;
	border-style: DOUBLE;
	border-color: #E7E7E7;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-right-width: 5px;
	border-spacing: 8px;
	valign:CENTER;font-size: 70% ;font-weight:NORMAL; font-style:NORMAL; text-align:CENTER;
}
.TABLEPRODUCT {
/*	background:CYAN;*/
	border-style: DOUBLE;
	border-color: #D4A9D7 ; /*#E7E7E7;*/
	border-bottom-width: 	4px;
	border-right-width: 	4px;
	border-top-width:  		0px;
	border-left-width: 		0Px;
	border-spacing: 8px;

	padding-left:5px;
	padding-top:5px;	
	padding-bottom:5Px;

/*	background-color: WHITE;*/
	color:#4E224E	; /*#E7E7E7;*/
	vertical-align:TOP;font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:LEFT;
}
.TABLEPRODUCTNOBORDER {
/*	background:CYAN;*/
	border-style: NONE;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-right-width: 5px;
	border-spacing: 8px;
	background-color: #e7e7e7;
	color:#4E224E	; /*#E7E7E7;*/
	vertical-align:TOP;
	font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:LEFT;
}

.CONTDETAILS {
/*	background:CYAN;*/
	border-style: DOUBLE;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-width: 2px;
	font-weight:BOLD; 
	font-size:100%;
	FONT-FAMILY:tahoma;
	letter-spacing:1.1 px;
	background-color: #CC99CC;
	border-color: #D4A9D7 ; /*#E7E7E7;*/
	color: WHITE; /* #D7A3D7; /*#996E9B ;*/
	vertical-align:BOTTOM;font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:LEFT;
}
/*
#D4A9D7 - Light Indigo - like main background
#744977 - Heavyily Dark Coloured Purple
#996E9B - Medium Shade of Dark Purple
#4E224E - Very Dark for Text on light
#FFCCFF - Lighter Lilac for text on dark

*/

.DETAILS {
/*	background:CYAN;*/
	border-style: DOUBLE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	FONT-FAMILY:tahoma;
	font-weight:NORMAL;
	letter-spacing:1.1 px;
	background-color:#E7E7E7; /*#D4A9D7;*/
	color:#4E224E	; 
	padding-right:5px;
	vertical-align:BOTTOM;font-size: 75%;
	font-style:NORMAL; text-align:LEFT;
}
.MIDDLE {
	vertical-align:MIDDLE;
}
.BOTTOM {
	vertical-align:BOTTOM;
}
.FONTSMALLER {
	font-size: 70%;
}
.DETAILSBLACK {
	background-color:#E7E7E7; /*#D4A9D7;*/
	color:BLACK; 
	font-size: 90%;
}
A:visited.DETAILS {
/*	background:CYAN;*/
	border-style: NONE;
	FONT-FAMILY:tahoma;
	font-weight:NORMAL;
	letter-spacing:1.1 px;
	background-color: #E7E7E7; /*#D4A9D7;*/
	color:BLACK; /* #D4A9D7; */
	vertical-align:BOTTOM; font-style:NORMAL; text-align:LEFT;
}
A:link.DETAILS {
/*	background:CYAN;*/
	border-style: NONE;
	FONT-FAMILY:tahoma;
	font-weight:NORMAL;
	letter-spacing:1.1 px;
	background-color: #E7E7E7; /*#D4A9D7;*/
	color:BLACK; /* #D4A9D7; */
	vertical-align:BOTTOM; font-style:NORMAL; text-align:LEFT;
}
A:hover.DETAILS {
/*	background:CYAN;*/
	border-style: NONE;
	FONT-FAMILY:tahoma;
	font-weight:NORMAL;
	letter-spacing:1.1 px;
	background-color: BLACK; /*#D4A9D7;*/
	color:#E7E7E7; 	/* #D4A9D7; */
	vertical-align:BOTTOM; font-style:NORMAL; text-align:LEFT;
}

.DETAILICONS {
/*	background:CYAN;*/
	border-bottom-width: 5px;
	border-right-width: 5px;
	valign:LEFT;font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:RIGHT;
}

.TABLELINKS {
/*	background:CYAN;*/
	background-color:#996E9B;
	font-variant: small-caps;	
	color:#E7E7E7;
	border-style: SINGLE;
	border-color: #E7E7E7;
	valign:LEFT;font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:LEFT;
}
.TABLE {
	border-spacing: 8px;
}
.TABLENIOXIN {

}

/*** Classed Elements ***/

TH.TABLECLASS {
	font-weight:BOLD; 
	background-color:#996E9B;
}

/*
#D4A9D7 - Light Indigo - like main background
#744977 - Heavyily Dark Coloured Purple
#996E9B - Medium Shade of Dark Purple
*/

a:visited {
	text-decoration:none;
	font-size:110%;
	background:#996E9B;color:#D4A9D7;font-weight:BOLD;
}

a:link {
	text-decoration:none;
	font-size:110%;
	background:#996E9B;color:#D4A9D7;font-weight:BOLD;
}
 
a:hover {
	font-size:110%;
	text-decoration: NONE;
	background:#996E9B;color:WHITE;font-weight:BOLD;
}


a:hover.COPYRIGHT {
	letter-spacing: 1px;	
	font-size:115%;
}
a:link.COPYRIGHT {
	letter-spacing: 1px;	
	font-size:115%;
}
a:visited.COPYRIGHT {
	letter-spacing: 1px;	
	font-size:115%;
}
A:visited.NOCOLOR {
	border-style: NONE;
	background-color:transparent;	
}
A:link.NOCOLOR {
	border-style: NONE;
	background-color:transparent;	
}
A:hover.NOCOLOR {
	border-style: NONE;
	background-color:transparent;	
}
A:link.GREENLINK {
	background-color:#D4A7D2;
	padding-right:5px;	
	padding-left:5px;		
	color:BLACK; 
}
A:visited.GREENLINK {
	background-color:#D4A7D2;
	padding-right:5px;
	padding-left:5px;		
	color:WHITE; 
}
A:hover.GREENLINK {
	background-color:#99CC99;
	padding-right:5px;
	padding-left:5px;		
	color:BLACK; 
}
.GENERAL_BALL {
	list-style-image: url('Images/Ball.gif');
	color:Red;
	font-size:80%;
}