/* -------------------------------------------------------------------
CSS By: Terry Evans - BC DESIGNWORKS | WWW.BCDESIGNWORKS.COM
---------------------------------------------------------------------- */

/* Layout & Globals
-------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html {
	margin:0; padding:0;
	font: 11px/1.4em Verdana, Arial, Helvetica, Sans-Serif;
	background: #3E403D url(../gfx/end.gif) repeat-y left;
}
body {
     margin:0; padding:0;
     text-align:left;
     width: 779px;  background:#fff url(../gfx/mid.gif) repeat-y left;
}
#nav {
	list-style-type:none; padding:0; margin:0; 
	font-size:12px; height:87px; text-align: center;
	background:url(../gfx/navbg.gif) no-repeat top left;
}
#header {
	height:200px; text-align:center; position:relative;
	padding:0 44px 0 0;
}
#header h1 {text-indent:-9999px;}

#footer {
	clear: both; 
	margin:0; padding:0; 
	height: 110px; color:#0066CC;
	background: url(../gfx/footer.gif) no-repeat bottom left;
}


h1, h2, h3, h4, h5, h6 {color:#000;}
hr {display:none;}
b {font-weight:normal;}

body#home div#homelinks {display:inline; margin-top:50px; width:620px; clear:both;}
body#home div#homelinks p { margin:0 20px 12px 40px; width:620px;}


/* Classes
-------------------------------------------------------------------------- */
.flip {float:left; width:46%;}
.flop {float:right; width:46%;}
ul.flop {width:46%;}
.hide {display:none;}

.clear {clear:both;}
.center {text-align:center;}

/* Links
-------------------------------------------------------------------------- */
a {color:#385A16; padding:2px; font-weight:bold; text-decoration:underline; }
a:hover {color:#A29222; text-decoration:underline;}

/* Navigation
-------------------------------------------------------------------------- */
#nav dt {display:none;}
#nav dd {padding:0; margin:0; line-height:54px; display:inline; }

#nav a {text-decoration:none; font-weight:bold; padding:0; margin:0; text-indent:-9999px;
line-height:54px; height:54px; display:block; float: left; width:76px;}

#nav dd.home a {background:url(../gfx/nav/home.gif) no-repeat 0 0;}
#nav dd.home a:hover {background-position: -76px 0;}
#nav dd.contact a {background:url(../gfx/nav/contact.gif) no-repeat 0 0;}
#nav dd.contact a:hover {background-position: -76px 0;}
#nav dd.about a {background:url(../gfx/nav/about.gif) no-repeat 0 0;}
#nav dd.about a:hover {background-position: -76px 0;}
#nav dd.events a {background:url(../gfx/nav/events.gif) no-repeat 0 0;}
#nav dd.events a:hover {background-position: -76px 0;}
#nav dd.school a {background:url(../gfx/nav/school.gif) no-repeat 0 0;}
#nav dd.school a:hover {background-position: -76px 0;}
#nav dd.links a {background:url(../gfx/nav/links.gif) no-repeat 0 0;}
#nav dd.links a:hover {background-position: -76px 0;}
#nav dd.directory a {background:url(../gfx/nav/directory.gif) no-repeat 0 0; width:85px;}
#nav dd.directory a:hover {background-position: -85px 0;}

/* Sub-Navigation
-------------------------------------------------------------------------- */
#subnav {width:754px; height:194px; background:url(../gfx/subnav/bg.gif) no-repeat 9px 0; margin:0; padding:0;}
#subnav dt {display:block; height:127px; width:30px; float:left; text-indent:-9999px;}
#subnav dd {display:inline; margin:0; padding: 0;}
#subnav dd a {display:block; float:left; height:194px; width:115px; margin:0; padding: 10px 0 0 0; text-indent:-9999px;}

dd#sem a {height:180px;}
dd#dir a {height:180px; width:118px;}
dd#rr a {background:url(../gfx/subnav/rocknramble.gif) no-repeat 0 45px;}
dd#rr a:hover {background-position:-115px 45px;}
dd#gt a {background:url(../gfx/subnav/golf.gif) no-repeat 0 45px;}
dd#gt a:hover {background-position:-115px 45px;}
dd#rt a {background:url(../gfx/subnav/rocktalks.gif) no-repeat 0 45px;}
dd#rt a:hover {background-position:-115px 45px;}
dd#mc a {background:url(../gfx/subnav/mineralsnorth.gif) no-repeat 0 45px;}
dd#mc a:hover {background-position:-115px 45px;}
dd#sem a {background:url(../gfx/subnav/nwcc.gif) no-repeat 0 45px; height:194px;}
dd#sem a:hover {background-position:-115px 45px;}
dd#dir a {background:url(../gfx/subnav/directory.gif) no-repeat -3px 38px; height:194px;}
dd#dir a:hover {background-position:-128px 38px;}

/* ----------------------- Element Styles -------------------------------- */

/* Header
-------------------------------------------------------------------------- */
#header h1 {margin:0; padding:0; background:url(../gfx/logo.gif) no-repeat top left; height:178px; width:356px; float:left;}
#header p {width:365px; margin:30px 0 0 0; padding:0; float:right; text-align:justify; font-size: 11px; line-height:1.4em; color:#000;}
#header p.more {margin:0; text-align:right;}

/* Footer
-------------------------------------------------------------------------- */
#footer p, #footer address {display:none;}