body { padding:0; margin:0; color:#444; background-color:#5e554f; background-image:url(/images/site/pageback.gif); background-repeat:repeat-x; font-family:arial; font-size:13px; }

textarea { font-family:arial; font-size:13px; }

#container { width:950px; padding-bottom:6px; margin:0 auto; background-color:#DDDDDD; background-image:url(/images/site/footer.gif); background-repeat:no-repeat; background-position:bottom left; }

#container-inner { padding:10px; border-right:1px solid #666; }

#header { background-color:#030436; height:145px; border-bottom:6px solid #b0b0b0; background-image:url(/images/site/header.gif); background-position:top right; background-repeat:no-repeat; position:relative; }
#header a { color:#FFF; text-decoration:none; }

#logo { padding:46px 0 0 27px; }

h3 { font-weight:bold; color:#030436; }

#wrapper { background-color:#FFF; padding:18px; }

#navmenu { position:absolute; top:6px; right:4px; font-size:11px;  }
#navmenu li { display:inline; }
#navmenu a { color:#b9bac6; display:inline-block; padding:0px 8px; border-right:1px solid #888; }
#navmenu a:hover { color:#fff; }
#navmenu .last a { border-right-style:none; }
#navmenu .active a { color:#FFF; }

#menu { list-style-type:none; padding:0 0 0 16px; margin:0; height:26px; position:absolute; bottom:0; left:0; font-size:14px; }
#menu li { float:left; height:26px; }
#menu a { display:inline-block; height:22px; padding:4px 11px 0 11px; color:#b9bac6; }
#menu a:hover { color:#fff; }
#menu .active { background-image:url(/images/site/tableft.gif); }
#menu .active a { background-image:url(/images/site/tabright.gif); background-repeat:no-repeat; background-position:top right; color:#030436; }

#submenu { background-color:#b0b0b0; padding-left:2px; }
#submenu li { display:inline; }
#submenu a { color:#EEE; font-weight:bold; padding:2px 15px 6px 15px; text-decoration:none; display:inline-block; }
#submenu a:hover { color:#FFF; }
#submenu .active a { color:#181945; }

p.tabbed { 
	padding:0; 
	margin:1em 0 0 0; 
}

p.tabbed a { 
	display:inline-block;
	padding:4px 8px; 
	margin-right:8px; 
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	text-decoration:none;
	color:#8888ff;
}

p.tabbed a.on { 
	color:#0000FF;
}

.f p strong { font-weight:bold; }

#content { min-height:300px; height:auto !important; height:300px; position:relative; }
#content.with-secondary { background-image:url(/images/site/vline.gif ); background-position:588px 0; background-repeat:repeat-y; }
#content #primary {}
#content.with-secondary #primary { width:570px; float:left; }
#content #secondary { width:286px; float:right; }

.results li { padding:6px; }
.results a { color:#030436; }

.table { width:100%; }
.table th { padding:4px; border-bottom:1px solid #CCC; font-weight:bold; color:#030436; }
.table td { padding:4px; border-bottom:1px solid #CCC; }

.masters { font-weight:bold; }
.masters p { margin-bottom:1em; }
.masters a { text-decoration:none; }

.heading { background-color:#9394a8; position:relative; height:230px; }
.heading p { color:#EEE; font-size:13px; padding:16px 16px 16px 340px; letter-spacing:1px; }
.heading h2 { padding-left:340px; color:#FFF; font-size:16pt; padding-bottom:16px; padding-right:16px; border-bottom-style:none; }
.heading .image { position:absolute; left:0; top:0; width:325px; height:230px; overflow:hidden; }

#footer { font-size:12px; padding:10px 0; height:10px; color:#afafaf; }
#footer p { margin:0; padding:0; }
#footer p.links { float:left; }
#footer p.extra { float:right; }
#footer a { color:#0066cc; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

hr { border-style:none; border-bottom:1px solid #CCC; margin:1em 0; }

h1,
h2 { color:#a5741f; font-size:15pt; margin-bottom:1em; }
h2 { border-bottom:1px solid #CCC; padding-bottom:6px; }

h2.small { font-size:11pt; }

#secondary h1 { color:#a5741f; font-size:15pt; margin-bottom:1em; }

#secondary { padding-bottom:165px; }

#secondary p a { color:#0066cc; text-decoration:none; }
#secondary p a:hover { text-decoration:underline; }

.final { color:#030436; padding-top:10px; border-top:4px solid #d0d0d0; margin-top:16px; }

.agenda {}
.agenda li { padding-left:70px; position:relative; min-height:70px; height:auto !important; height:70px; margin-bottom:20px; clear:both; }
.agenda p { margin-bottom:10px; color:#333; font-size:12px; }
.agenda h3 { font-size:13px; font-weight:bold; margin:0 0 10px 0; padding-top:5px; }
.agenda h3 a { color:#030436; text-decoration:none; }
.agenda .extra { float:right; width:200px; }

.date { width:50px; background-color:#92681f; padding:5px; text-align:center; color:#FFF; text-transform:uppercase; position:absolute; left:0; top:0; }
.date .day { display:block; }
.date .year { display:block; font-size:18px; }
.date .time { font-size:11px; color:#DDD; }

#primary .agenda { border-top:1px solid #CCC; }
#primary .agenda li { border-bottom:1px solid #CCC; padding-bottom:16px; margin-top:16px; margin-bottom:16px; }

a.button { font-size:13px; height:24px; display:inline-block; background-image:url(/images/site/linkleft.gif); background-position:top left; text-decoration:none; }
a.button span { font-size:13px; color:#474747; font-weight:bold; height:21px; padding:3px 26px 0 10px; display:inline-block; background-image:url(/images/site/linkright.gif); background-position:top right; background-repeat:no-repeat; }
a.button:hover { background-image:url(/images/site/linklefthover.gif); }
a.button:hover span { background-image:url(/images/site/linkrighthover.gif); }

th.sort-h { background:url(/images/sort.gif) no-repeat right center; }
th.sort-a { background:url(/images/down.gif) no-repeat right center; }
th.sort-d { background:url(/images/up.gif) no-repeat right center; }

#flash_success,
#flash_error,
#flash_notice { text-align:center; padding:4px; border-top:1px solid #555; border-bottom:1px solid #555; background-color:#888; color:#FFF; margin-bottom:1em; }
#flash_success { background-color:#8C8; }
#flash_error { background-color:#C88; }

.form { }
.form p { position:relative; padding-left:105px; margin-bottom:14px; }
.form label { position:absolute; left:0; top:0; width:95px; text-align:left; }
.form br { display:none; }
.form br.real { display:inline; }
.form textarea.nice,
.form input.nice { border-style:solid; border-width:1px; border-color:#AAA; padding:3px 4px; font-size:11pt; color:#555; }

#recaptcha_response_field { left:0; }

.f {}
.f p { margin:1em 0; }
.f p.first { font-weight:bold; color:#030436; }

.f.alternate p.first { margin-top:0; font-weight:normal; }

h3 .extra { font-weight:normal; color:#AAA; }

/* -------- Members only area -------- */

a.save { background-color:#000; color:#FFF; font-size:11px; padding:1px 3px; display:inline-block; }
a.save:hover { color:#0F0; }

.tabs { height:37px; }
.tabs li { display:inline; }
.tabs li a { display:inline-block; height:37px; color:#FFF; font-size:15px; text-decoration:none; background-image:url(/images/site/bigtab-l.gif); background-position:top left; background-repeat:no-repeat; }
.tabs li a span { display:inline-block; height:27px; padding:10px 22px 0 22px; background-image:url(/images/site/bigtab-r.gif); background-position:top right; background-repeat:no-repeat; }
.tabs li.on a { background-image:url(/images/site/bigtab-l-on.gif); }
.tabs li.on a span { background-image:url(/images/site/bigtab-r-on.gif); }
.members #wrapper { background-color:#b0b0b0; padding:0; }
.members #inside { border:8px solid #9495a9; background-color:#fff; min-height:280px; height:auto !important; height:280px; position:relative; padding:20px; }

.tl { display:block; position:absolute; width:6px; height:6px; top:0; left:0; background-image:url(/images/site/page-tl.gif); }
.tr { display:block; position:absolute; width:6px; height:6px; top:0; right:0; background-image:url(/images/site/page-tr.gif); }
.bl { display:block; position:absolute; width:6px; height:6px; bottom:0; left:0; background-image:url(/images/site/page-bl.gif); }
.br { display:block; position:absolute; width:6px; height:6px; bottom:0; right:0; background-image:url(/images/site/page-br.gif); }

.box { background-color:#dfdfe5; padding:20px; position:relative; }
.box .tl { width:17px; height:17px; top:0; left:0; background-image:url(/images/site/grey-tl.gif); }
.box .tr { width:17px; height:17px; top:0; right:0; background-image:url(/images/site/grey-tr.gif); }
.box .bl { width:17px; height:17px; bottom:0; left:0; background-image:url(/images/site/grey-bl.gif); }
.box .br { width:17px; height:17px; bottom:0; right:0; background-image:url(/images/site/grey-br.gif); }

.question { position:absolute; line-height:1.5em; }
.options { text-align:right; margin-bottom:1em; line-height:1.5em; }
.last { margin-bottom:0; }

.availability { margin-bottom:2em; }
.availability .title { margin-bottom:1em; font-weight:bold; }
.availability .venue { margin-bottom:1em; }
.availability .dates { position:absolute; left: 21px; }
.availability .time { margin-left:144px; margin-bottom:1em; }

.events { margin:1em 0; }
.events th { padding:8px 4px 4px 4px; font-size:14px; border-bottom:1px solid #DDD; }
.events td { padding:4px; }

.filter { border-top:1px solid #BBB; margin-top:1em; }
.filter li { float:left; width:50%; border-bottom:1px solid #BBB; padding:1em 0; }
.filter span { display:inline-block; width:168px; margin-right:18px; text-align:right; }
.filter select { width:205px; }

.people { width:100%; border:1px solid #AAA; margin:1em 0; }
.people td, .people th { width:75px; text-align:center; border-bottom:1px solid #AAA; padding:0.65em 0; }
.people td.first, .people th.first { width:auto; text-align:left; padding-left:1em; }

p.keyword { margin:1em; text-align:center; }
p.keyword input { font-size:16px; padding:3px; }
p.search { text-align:center; }
p.buttons { text-align:center; }
p.buttons a { display:inline-block; margin:0 1em; }

#switch { position:absolute; top:10px; right:20px; }

#left { width:540px; float:left; } 
#right { width:290px; padding-left:20px; float:right; border-left:1px solid #AAA; min-height:300px; height:auto !important; height:300px; }

#left.equal { width:415px; }
#right.equal { width:415px; }
.equal p { margin:10em 0; text-align:center; }
.equal p a { display:inline-block; background-image:url(/images/site/link-left.gif); height:38px; text-decoration:none; color:#666; font-weight:bold; }
.equal p a span { display:block; background-image:url(/images/site/link-right.gif); height:26px; padding:12px 20px 0 20px; background-position:top right; background-repeat:no-repeat; }
.equal p a strong { color:#0f113e; font-weight:bold; }

p.create { margin:0 0 1em 0; }
p.create a { color:#006600; text-decoration:none; font-weight:bold; }

.search-results { border:1px solid #666; margin:0 0 1em 0; padding:0.5em; overflow:auto; height:500px; }

.details { position:absolute; width:270px; }
.details img { float:left; margin-right:1em; }
.details p { margin-bottom:1em; }
.details span { color:#006600; }

.attnd { margin:1em 0; }
.attnd th { font-weight:bold; padding:0.5em; border-bottom:1px solid #888; }
.attnd td { padding:0.5em; border-bottom:1px solid #DDD; }
.attnd td.title { font-size:15px; background-color:#EEE; font-weight:bold; }
.attnd td.title a { font-size:13px; font-weight:normal; }

.categories .on { font-weight:bold; color:#0f113e; }

.wide-form p.field { padding-left:383px; position:relative; margin-bottom:0.75em; }
.wide-form p.field span { width:370px; text-align:right; position:absolute; left:0; top:4px; }
.wide-form p.field input { width:328px; padding:3px; }
.wide-form p.field textarea { width:328px; padding:3px; height:6em; }

.form p.field { padding-left:150px; position:relative; margin-bottom:0.75em; }
.form p.field span { width:137px; text-align:right; position:absolute; left:0; top:4px; }
.form p.field input { width:328px; padding:3px; }
.form p.small input { width:128px; padding:3px; }
.form p.field textarea { width:328px; padding:3px; height:6em; }
.form p.button { padding-left:150px; margin:0; }

.dobutton { color:#fff;background-color:#080;padding:4px 6px;border-radius:4px; text-decoration:none; }
.dobutton:hover { text-decoration:underline; }

.backbutton { color:#fff;background-color:#A00;padding:4px 6px;border-radius:4px; text-decoration:none; }
.backbutton:hover { text-decoration:underline; }

a.actionbutton { color:#fff;background-color:#080;padding:4px 6px;border-radius:4px; }
p.create a.actionbutton { color:#fff;background-color:#080;padding:4px 6px;border-radius:4px; }

#plain.form p.field span { top:0; }

.form p.text-field { padding-left:150px; position:relative; margin-bottom:0.75em; }
.form p.text-field span { width:137px; text-align:right; position:absolute; left:0; top:0px; }

p.menu { margin-bottom:1em; padding:0.5em;background-color:#9495A9; border-radius:4px; }
p.menu a { display:inline-block; margin:0 0.75em; color:#ddd; text-decoration:none; }
p.menu a.on { color:#fff; font-weight:bold; }
p.menu a.first { margin-left:0; }

.documents { width:100%; border-top:1px solid #CCC; }
.documents td, .documents th { padding:1em 0; border-bottom:1px solid #CCC; }
.documents .first { width:132px; }
.documents .second { width:244px; }
.documents .third { width:100px; }
.documents .last { text-align:center; }

.records { width:100%; border-top:1px solid #CCC; }
.records td, .records th { padding:1em 0; border-bottom:1px solid #CCC; width:75px; text-align:center; }
.records td.first { width:auto; }
.records .first { text-align:left; }
.records .first img { vertical-align:middle; }

.sub-events { margin-top:1em; border-top:1px solid #CCC; }
.sub-events li { border-bottom:1px solid #CCC; padding:1em 0; }
.sub-events a { display:inline-block; width:180px; }

.attendance { margin-top:1em; border-top:1px solid #CCC; width:100%; }
.attendance td,
.attendance th { padding:0.5em 0; border-bottom:1px solid #CCC; text-align:center; }
.attendance th { font-weight:bold; }
.attendance td.first,
.attendance th.first { text-align:left; }
.attendance .last a { text-decoration:none; }

h3.clickable a:hover { text-decoration:underline; }

table.categories { width:100%; }
table.categories th { font-weight:bold; padding:4px 0; }
table.categories td { padding:4px 0; }

form.xform {}
form.xform p { position:relative; padding-left:140px; margin-bottom:8px; }
form.xform p span { position:absolute; left:0; top:2px; width:130px; text-align:right;}