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

/* 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;
}
#wrap {
     width: 779px; 
	background:url(../gfx/header.gif) no-repeat top left;
}
#nav {
	list-style-type:none; padding:0; margin:0; 
	font-size:12px; height:87px; text-align: center;
}
#content {
	padding:0 65px 20px 45px;
}
#header {
	height:65px; text-align:left; position:relative;
	padding:0 44px 0 0;
}
#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;}
h3, h4, h5, h5 {
	margin:0 0 5px 0; 
	font: 18px/1.1em Georgia, Verdana, Arial, Helvetica, Sans-Serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Classes
-------------------------------------------------------------------------- */
.hide {display:none;}
.clear {clear:both;}
.center {text-align:center;}
.left {float:left; text-align:left;}
.right {float:right; text-align:right;}
.first {padding:50px 0 0 0;}
.pdf {background:url(../gfx/extras/tiny_pdf_icon.gif) no-repeat 100% 50%; padding-right:22px;}
.shade {background:rgb(250,250,250);}
.noshade {background:#fff;}


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

/* 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: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;}

/* --- You Are Here NAV: --- */
body#directory #nav dd.directory a {background-position: -85px 0;}
body#about   #nav dd.about   a, 
body#contact #nav dd.contact a,
body#events  #nav dd.events  a,
body#school  #nav dd.school  a,
body#links   #nav dd.links   a {background-position: -76px 0;}

/* --- You Are Here SUBNAV: --- */
body#directory dd#dir a {background-position:-128px 38px;}
body#school    dd#sem a {background-position:-115px 45px;}
body.mnc       dd#mc  a {background-position:-115px 45px;}
body.rocktalks dd#rt  a {background-position:-115px 45px;}
body.asgt      dd#gt  a {background-position:-115px 45px;}
body.rr dd#rr a {background-position:-115px 45px;}

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

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

/* Header
-------------------------------------------------------------------------- */
#header h1 {display:none;}
#header h2 {text-align:left; margin:0 0 0 10px; width:70%; float:left;}
html>body #header h2 {margin:0 0 0 20px;}

body#about #header h2 {width:25%;}
body#about.board #header h2 {width:50%;}
body#about.membership #header h2 {width:45%;}
body#contact #header h2 {width:30%;}
body#events #header h2 {width:20%;}
body#events.mnc #header h2 {width:60%;}
body#events.rocktalks #header h2 {width:30%;}
body#events.asgt #header h2 {width:65%;}
body#events.rr #header h2 {width: 35%;}
body#links #header h2 {width:15%;}

/* Content
-------------------------------------------------------------------------- */
p {margin:0 0 15px 0; text-align:justify;}
img.left {margin-right:15px;}
body#school img.left {margin-right:0;}

#content ul {margin:0 0 10px 0;}
#content ul li {background:url(/gfx/extras/arrow.gif) no-repeat center left; padding-left:18px; list-style:none;}

div#col1 { width:300px; float:left;}
div#col2 { width:300px; float:right;}
div#col1 li, div#col2 li {list-style:none;}

#content h2 {margin-bottom:30px;}

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



/* ----------| Directory |----------- */
body#directory p.first {
	padding:15px 0 0 0;
}
#content dl {
	padding:0 0 20px 0; margin:0; 
}
body#directory #content dl {float:right; width:340px;}
#content dl dt {
	display:none;
}
#content dl dd ul {
	list-style-type:none; 
	margin:0; padding:0;
}
#content dl dd ul li  {background:url(/gfx/extras/arrow.gif) no-repeat 0 50%; padding:0 0 0 18px;}
#content dl dd ul li.noarrow {background:none;}
#content dl dd ul li ul {
	margin:0 0 0 40px; padding:0;  color:#333;
}

body#directory #content ul li { list-style:none; background: url(/gfx/extras/arrow.gif) no-repeat top left; padding:0 0 0 18px;}
body#directory #content ul li ul li {margin:0 0 0 20px; padding:0 0 0 18px;  color:#333;}
body#directory #content ul#nav_categories li { list-style:none; background:url(/gfx/extras/arrow.gif) no-repeat top left; padding:0 0 0 18px;}

body#directory #content #searchwrap {padding-bottom:6px; margin-bottom:25px; border-bottom:1px dotted #555;}
body#directory #content p#searchbox {float:right; width:400px;}
body#directory #content #cat_dd { margin-bottom:12px; margin-top:15px; width:250px; float:left;}

table#dir_listings { width:670px; border-top:1px dotted #666; border-collapse: collapse;}
table#dir_listings td.maininfo {width:60%;}
table#dir_listings td.contactinfo {width:40%;}
table#dir_listings td {vertical-align:top; padding:15px 0 15px 5px; border-bottom:1px dotted #666;}




/* ----------| About SEG |----------- */
body#about #content {padding:0 65px 10px 45px;}

div.executive {float:left; width:49%;}
div.board {float:right; width:49%;}

/*body#about #content ul {list-style:none;}*/

body#about #sidebar {padding:0 65px 30px 45px;}
body#about #sidebar ul {
	list-style:none;
	width:100%;
	line-height:24px; height:24px;
}
body#about #sidebar ul li {
	display:block; width:330px;
	line-height:24px; height:24px; 
	text-align:center;
}
body#about #sidebar ul li a {
	display:block; width:330px; 
	line-height:24px; height:24px;
	margin:0; padding:0;
	text-indent:-9999px; 
	text-decoration:none; 
	text-align:center; 
}
body#about #sidebar ul li.left a {float:left; background: url(/gfx/subnav/board.gif) no-repeat -330px 50%;}
body#about #sidebar ul li.left a:hover {background-position: 0 50%;}
body#about.board #sidebar ul li.left a {float:left; background: url(/gfx/subnav/board.gif) no-repeat 0 50%;}
body#about #sidebar ul li.right a {float:right; background: url(/gfx/subnav/membership.gif) no-repeat -330px 50%;}
body#about #sidebar ul li.right a:hover {background-position: 0 50%;}
body#about.membership #sidebar ul li.right a {float:right; background: url(/gfx/subnav/membership.gif) no-repeat 0 50%;}
body#about.membership #content ul li {
	padding-left:18px; background:url(/gfx/extras/arrow.gif) no-repeat 0 50%;
}

body#events #content ul {
width:200px;
margin:0 0 15px 400px;
padding-left:20px;
}

/* ----------| SEG Links |----------- */
body#links #content ul {list-style-type:none;}
body#links #content ul li {
	padding-left:18px; background:url(/gfx/extras/arrow.gif) no-repeat 0 50%;
}

/* Standard sIFR styles... do not modify
---------------------------------------------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Decoy sIFR styles
---------------------------------------------------------------------------------- */
.sIFR-hasFlash #header h2 {
	visibility: hidden;
	font-size:25px;
	z-index:1; 
	height:60px;
	letter-spacing: -7px;
}