/*
CSCA CSS
Copyright 2007 CSCA
$Revision: 1.1 $
$Date: 01-09-2008 $
*/

/*
Column Rules: #666;
Content Rules: #c0bfbf;
Backgrounds: #dfdede;
*/

html, body { margin: 0; padding: 0; }
body { font: 12px/16px Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif; }

a:link { color: #494949; }
a:visited { color: #494949; }
a:hover { color: #000; }
a:active { color: #000; }
a:visited:hover { color: #000; }

#page { background: transparent; margin: 0 auto; padding: 0; position: relative; text-align: left; width: 800px; }
#container { background: transparent; margin: 0; padding: 0; }

#header { margin: 0 auto 20px auto; padding: 0; text-align: left; zoom: 1; }
#nameplate { background: #fff; clear: both; padding: 0; margin: 0 0 10px 0; zoom: 1; }
#masthead { background: #fff; clear: both; padding: 0; margin: 0 0 10px 0; zoom: 1; }

#content { background: transparent; margin: 0; padding: 0; }

#div-fullcol { background: url(/images/brick.gif) right top no-repeat; border-top: 1px solid #666; color: #333; float: right; padding: 0; width: 100%; }

#maincol { background: url(/images/brick.gif) right top no-repeat; border-top: 1px solid #666; color: #333; float: right; padding: 0; width: 520px; }

#maincol ul {
	margin: 0;
	padding: 0;
}

#maincol ul li {
	list-style: none;
	margin: 0 0 3px 0;
}

div.div-col2-a { border-top: 1px solid #c0bfbf; color: #333; float: left; margin: 0 20px 30px 0; padding: 8px 0 0 0; width: 250px; }
div.div-col2-b { border-top: 1px solid #c0bfbf; color: #333; float: left; margin: 0 0 30px 0; padding: 8px 0 0 0; width: 250px; }

div.div-col3-a { color: #333; float: left; margin: 0 70px 0 0; padding: 0; width: 220px; }
div.div-col3-b { color: #333; float: left; margin: 0 70px 0 0; padding: 0; width: 220px; }
div.div-col3-c { color: #333; float: left; margin: 0; padding: 0; width: 220px; }

div.div-col3-a div.sidebar div.group { height: 200px; }
div.div-col3-b div.sidebar div.group { height: 200px; }
div.div-col3-c div.sidebar div.group { height: 200px; }
div.subcol div.sidebar div.group { height: 160px; }

/* #subcol { color: #333; float: left; padding: 0; width: 220px; } */
#subcol { color: #333; float: left; padding: 0; width: 250px; }

div.sidebar { background: url(/images/brick.gif) right top no-repeat; border-top: 1px solid #666; color: #494949; margin-bottom: 40px; }
div.sidebar:after { content: "."; display: block; font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; }
div.sidebar h2 { font-weight: normal; margin: 8px 0; padding-left: 30px; }
div.sidebar div.group { background: #dfdede; margin: 0; padding: 10px 0 8px 30px; }
div.sidebar div.group div.item { border-bottom: 1px solid #c0bfbf; clear: both; margin: 0 0 8px 0; padding: 0 10px 8px 0; }
div.sidebar div.group div.item:after { content: "."; clear: both; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

div.creativebest10 { background: #FFFFFF; margin: 0; padding: 0 0 0 16px; }

#footer { background: transparent; clear: both; color: #333; font-size: 11px; margin: 0; padding: 15px 0; }

#div-headline { margin: 0; padding: 0; }

h1, h2, h3, h4, h5 { clear: both; margin-top: 0; }
h1 { color: #494949; font-size: 24px; font-weight: normal; line-height: 26px; margin: 24px 0; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; margin-top: 1.5em; }

form { border: none; margin: 0; padding: 0; }
input, select, textarea { font: 12px Arial, "Arial Unicode MS", Helvetica, Verdana, sans-serif; }
input.button { font-weight: bold; margin: 0; padding: 1px 4px; }
input.text { border: 1px solid #c0bfbf; margin: 0; padding: 2px; }
select.pulldown { margin: 0; }
textarea { border: 1px solid #c0bfbf; padding: 4px; }

img { border: none; }
p { margin-top: 0; }
th, td { vertical-align: top; }

hr { height: 1px; padding: 0; margin: 0 0 9px 0; line-height: 1px; background: #c0bfbf; color: #c0bfbf; border: none; }

table.table-layout { margin: 0; }
table.table-layout th { padding: 0; }
table.table-layout td { padding: 0; }

table.table-membership { margin: 0; }
table.table-membership td { padding: 0; vertical-align: middle; }
table.table-membership td.leader { padding-right: 8px; }
table.table-membership td.membership { padding-right: 15px; }
table.table-membership td.button { }

table.table-poster { margin: 0; }
table.table-poster td.front { padding: 0 15px 10px 0; }
table.table-poster td.back { padding: 0 0 10px 0; }
table.table-poster img { border: 1px solid #c0bfbf; }

img.border { border: 1px solid #c0bfbf; }

table.table-form { margin: 0; }
table.table-form th { padding: 0; }
table.table-form td { padding: 0 10px 10px 0; }
table.table-form td.action { border-top: 1px solid #c0bfbf; padding-top: 10px; }
table.table-form td .label { font-weight: bold; margin-bottom: 4px; }

table.table-jobs { margin: 0; }
table.table-jobs th { border-top: 1px solid #c0bfbf; border-bottom: 1px solid #c0bfbf; font-size: 10px; padding: 8px 0; text-align: left; }
table.table-jobs td { padding: 8px 10px 8px 0; }
table.table-jobs td.position { padding: 4px 10px 0 0; width: 40%; }
table.table-jobs td.company { padding: 4px 10px 0 0; width: 40%; }
table.table-jobs td.date { padding: 4px 0; width: 20%; }
table.table-jobs td.description { border-bottom: 1px solid #c0bfbf; padding: 0 0 8px 0; }
table.table-jobs td.description div.hidden { background: #dfdede; margin-top: 5px; padding: 5px 10px; }

table.table-callout { margin: 0; }
table.table-callout td { padding: 0; }
table.table-callout td.leader { padding: 0 8px 0 0; }

.small { font-size: 11px; }
.verbar { color: #c0bfbf; margin: 0 3px; }

div.officer { border-bottom: 1px solid #c0bfbf; clear: both; margin: 0 0 8px 0; padding: 0 0 8px 0; }
div.officer a { font-weight: bold; }
div.volunteer { border-bottom: 1px solid #c0bfbf; clear: both; margin: 0 0 8px 0; padding: 0 0 8px 0; }
div.resource { border-bottom: 1px solid #c0bfbf; clear: both; margin: 0 0 8px 0; padding: 0 0 8px 0; }

div.date { font-weight: bold; }
div.content { margin: 15px 0; }





#nav { width: 800px; }

#nav, #subNav { background-color: #fff; float: left; height: 25px; margin: 0; padding: 0; }
#subNav { height: 25px; margin: 0; width: 800px; }

#nav ul, #subNav ul { float: left; list-style: none; margin: 0; padding: 0; }
#nav li, #subNav li { float: left; margin-right: 30px; padding: 0; }

#nav a:link, #nav a:visited, #subNav a:link, #subNav a:visited { color: #000; text-decoration: none; }
#nav a:hover, #nav a:visited:hover, #nav a:active, #subNav a:hover, #subNav a:visited:hover { color: #000; text-decoration: underline; }

ul#aboutNav, 
ul#eventsNav, 
ul#membershipNav, 
ul#jobsNav, 
ul#contactsNav, 
ul#resourcesNav { display: none; width: 100%; }

#nav .activeNav, #subNav .activeNav a:link, #nav .activeNav a:link, #nav .activeNav a:hover, #nav .activeNav a:visited { color:#000 !important; }
#subNav .activeNav, #subNav .activeNav a:link, #subNav .activeNav a:link, #subNav .activeNav a:hover, #subNav .activeNav a:visited { color:#000 !important; }

.visible { display: inline !important; }
.hideNav { display: none; }