/* @override http://westerndivision.isscvancouver.com/style/style.css */

@charset "UTF-8";
/* CSS Document */

/* -- start reset -- */
	
	/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
/* -- end reset -- */

html {
	height:100%;
}

body {
	background: #000;
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:center;
	height:100%;
}

#wrapper {
	background:url(../images/mainBg.png) top center repeat-y;
	width:960px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-481px;
}

#mastHead {
	height:160px;
	width:960px;
	position:relative;
	float:left;
	background:url(../images/mastHead.png) top left no-repeat;
}

#navHolder{
	position:relative;
	float:left;
	width:205px;
	height:auto;
	background:#2f1933;
	padding: 0 0 48px 0;
}

#navSpace {
	float:left;
	position:relative;
	background:url(../images/navSpace.png) top left no-repeat;
	width:205px;
	height:73px;
}

#mainNav {
	position:relative;
	float:left;
	list-style:none;
	overflow:hidden;
	width:205px;
}

#mainNav ul {
	list-style:none;
}

#mainNav li {
	position:relative;
	float:left;
	margin:0;
}

#mainNav a {
	position:relative;
	float:left;
	padding:0 0 0 205px;
	overflow:hidden;
	height:0px0 !important;
}

#mainNav a:hover {
	background-position: -205px;
}

#btnHome a {
	width:410px;
	height:30px;
	background:url(../images/btnHome.png) top left no-repeat;
}

#btnAbout a {
	width:410px;
	height:30px;
	background:url(../images/btnAbout.png) top left no-repeat;
}

#btnNews a {
	width:410px;
	height:30px;
	background:url(../images/btnNews.png) top left no-repeat;
}

#btnHistory a {
	width:410px;
	height:30px;
	background:url(../images/btnHistory.png) top left no-repeat;
}

#btnClubs a {
	width:410px;
	height:30px;
	background:url(../images/btnClubs.png) top left no-repeat;
}

#btnBoard a {
	width:410px;
	height:30px;
	background:url(../images/btnBoard.png) top left no-repeat;
}

#btnContact a {
	width:410px;
	height:30px;
	background:url(../images/btnContact.png) top left no-repeat;
}

#mainContent {
	width:707px;
	height:inherit;
	position:relative;
	float:left;
	padding: 24px;
	background:#fff;
	text-align:left;
}

#mainContent ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
}

#mainContent ol {
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
}

#mainContent li {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 0 30px;
}

#footer {
	width:960px;
	height:205px;
	position:relative;
	clear:both;
	float:left;
	background:url(../images/footer.png) top left no-repeat;
}	

td {
	width:auto;
	padding:2px 10px;
	text-align:left;
}

.picRight {
	position:relative;
	width:auto;
	padding:5px;
	background:#000;
	float:right;
	margin:0 0 20px 10px;
}

.pic {
	float:right;
	margin:10px 0px 10px 20px;
}

.picLeft {
	position:relative;
	width:auto;
	padding:5px;
	background:#000;
	float:left;
	margin:0 25px 20px 0;
}

.picRight,.picLeft p {
	color:#FFF;
	text-align:center;
}

.announcement {
	clear:both;
}

p {
	margin:10px 0 0 0;
}

.bold {
	font-weight:bold;
}

.bigText {
	font-size:30px;
	line-height:35px;
	font-weight:bold;
	font-family:Century Gothic, Helvetica, Verdana, Arial, sans-serif;
	margin-bottom:25px;
	margin-top:10px;
	text-align:center;
}

.purpleText {
	color:#7b4385;
}

.list {
	list-style-type:square;
	margin: 10px 0 0 30px;
}

h1 {
	font-size:16px;
	line-height:20px;
	background:#2f1933;
	color:#fff;
	font-family:Century Gothic, Helvetica, Verdana, Arial, sans-serif;
	margin:-6px -24px 0 -24px;
	padding:8px 0 10px 24px;
	font-weight:bold;
	text-align:center;
	clear:both;
}

h2 {
	font-size:14px;
	line-height:20px;
	background:#522c59;
	color:#fff;
	font-family:Century Gothic, Helvetica, Verdana, Arial, sans-serif;
	margin:15px -24px 15px -24px;
	padding:4px 0 6px 24px;
	font-weight:bold;
	text-align:center;
	clear:both;
}

h3 {
	font-size:14px;
	background:#7b4385;
	color:#fff;
	font-family:Century Gothic, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	margin:20px -24px 15px -24px;
	padding:3px 0 3px 24px;
	clear:both;
}

h4 {
	font-size:14px;
	margin-top:25px;
	clear:both;
}

h5 {
	font-size:12px;
	margin-top:10px;
	clear:both;
}

.bigtext { font-size: 24px; font-weight: bold; line-height: 28px; font-family:Century Gothic, Helvetica, Verdana, Arial, sans-serif; color: #522c59; margin-bottom: 20px; }

ol {
	list-style:decimal;
	margin:10px 0 0 30px;
}

.crestBc {
	float:left;
	width:235px;
	height:200px;
	vertical-align:middle;
	text-align:center;
}

.crestAb {
	float:left;
	width:176px;
	height:200px;
	vertical-align:middle;
	text-align:center;
}

a:link {
	color:#522c59;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#522c59;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#522c59;
	text-decoration:underline;
}