/* css for the contact file*/

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 { border: 0pt none ; margin: 0pt; padding: 0pt; font-size: 100%; vertical-align: baseline; }
body { border-style: solid; border-color: rgb(34, 34, 34); border-width: 0pt 1px; margin: 0pt auto 2em; padding: 0pt; background: rgb(249, 248, 243) none repeat scroll 0% 0%; font-family: Georgia,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 87.5%; line-height: 1.571; font-size-adjust: none; font-stretch: normal; -x-system-font: none; width: 910px; color: rgb(51, 51, 51); position: relative; }
a { text-decoration: none; }
a:link { color: rgb(221, 136, 34); }
a:visited { color: rgb(119, 119, 119); }
a:hover { color: rgb(0, 0, 0); }
a:active { color: rgb(84, 125, 167); }
p { margin: 0pt 0pt 1em; }
h2 { margin: 0.5em 0pt; font-size: 170%; font-weight: normal; }
h3 { font-family: Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 115%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; margin-top: 1em; }
.caption { display: block; font-family: Verdana,sans-serif; font-style: italic; font-variant: normal; font-weight: normal; font-size: 77.5%; line-height: 1.2; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(85, 85, 85); }
.main ul, .main ol { padding-left: 2em; }
#logo { position: absolute; top: 1px; left: 50px; z-index: 32767; }
#logo img { background: rgb(129, 129, 124) none repeat scroll 0% 0%; }
#logo a:hover img { background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
#navbar { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; float: left; width: 700px; height: 30px; padding-left: 210px; }
#navbar li { float: left; height: 30px; list-style-type: none; list-style-image: none; list-style-position: outside; text-align: center; line-height: 30px; }
#navbar li { text-indent: -9999px; }
#navbar a { background: transparent none no-repeat scroll 0pt 0pt; display: block; }
#navbar .home a { background-image: url('nav-home.gif'); width: 108px; }
#navbar .about a { background-image: url('nav-about.gif'); width: 111px; }
#navbar .events a { background-image: url('nav-events.gif'); width: 111px; }
#navbar .news a { background-image: url('nav-news.gif'); width: 112px; }
#navbar .contact a { background-image: url('nav-contact.gif'); width: 123px; }
#navbar .subscribe a { background-image: url('nav-subscribe.gif'); width: 132px; }
#navbar a:hover { background-position: 0pt -31px; }
body.home #navbar li.home a, body.about #navbar li.about a, body.events #navbar li.events a, body.news #navbar li.news a, body.contact #navbar li.contact a, body.subscribe #navbar li.subscribe a { background-position: 0pt -62px; }
div.content { margin: 0pt 20px; clear: left; }
div.content a { font-weight: bold; }
.testify { margin-bottom: 1.5em; }
.testify em { margin-left: 0.25em; }
.testify strong { font-size: 128.5%; line-height: 1.25; }
.ning { margin-bottom: 0pt; }
.flickr p { margin: 0pt; }
.flickr p img { border: 1px solid rgb(153, 153, 153); height: 60px; width: 60px; margin-left: 3px; margin-top: -3px; }
.associated, .sponsors { padding: 0.75em 0.5em 1.5em; text-transform: uppercase; font-family: Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 75%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(153, 153, 153); }
.associated { border-style: dashed; border-color: -moz-use-text-color; border-width: 1px 0pt; margin: 2em 0pt 0pt; }
.sponsors { margin: 0pt 0pt 2em; }
.associated a { background: transparent none no-repeat scroll 50% 0pt; display: block; width: 121px; }
.associated a[href*="alistapart"] { background-image: url('ala-logo-h.gif'); }
.associated a[href*="happycog"] { background-image: url('happycog-logo-h.gif'); }
.associated a[href]:hover img { visibility: hidden; }
div.footer { border-style: solid; border-color: -moz-use-text-color; border-width: 1px 0pt; background: rgb(246, 244, 235) url('footer-makers.gif') no-repeat scroll 50px 60%; clear: both; font-family: Verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 77.5%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
div.footer p { border-left: 1px solid; margin: 0pt 0pt 0pt 230px; padding: 1em 2em; background: rgb(249, 248, 243) none repeat scroll 0% 0%; }
.ief { display: none; }
* html .ief, * + html .ief { font-size: 1px; line-height: 1px; height: 1px; clear: both; display: block; }
* html div.tout, * + html div.tout { clear: none; }
/*  for the plain */

div.content { padding: 1.5em 0pt 1.5em 220px; background: transparent url('subcol-seps.gif') repeat-y scroll 655px 0pt; float: left; width: 650px; }
.main { float: left; width: 415px; }
.misc { float: right; width: 200px; margin-top: 0.5em; color: rgb(68, 68, 68); }
.main h1 { font-family: Georgia,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 200%; line-height: 1.6; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.main form { font-size: 93.3%; }
/* for the contact form */

.content form dt { margin: 1em 0pt 0.25em; color: rgb(102, 102, 102); font-weight: bold; text-transform: uppercase; }
.content form dt strong { font-weight: normal; font-style: italic; text-transform: none; letter-spacing: 0pt; }
.content form dt strong code { font-style: normal; }
.content form dd { margin-bottom: 0.5em; }
.content form ul li { background: transparent none repeat scroll 0% 0%; padding-left: 1em; margin-right: 1em; }
.content form ul li input { font-size: 100%; }
.content form ul.optionslist li { padding: 0.25em 0pt; }
.content form input.text, .content form input.password, .content form textarea { width: 100%; }
legend { display: none; }
#no-spam { font-style: italic; margin-top: 0.5em; }
#response { margin: 0pt; padding: 1em 0pt 0.25em; color: rgb(153, 85, 0); line-height: 1.33; }
#type-text { margin-left: 1.5em; }
a.button img { vertical-align: -7px; }
#contactform input.image { float: right; }
.warning { background: rgb(204, 51, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: center; }
.fb { padding: 0.5em 0.75em; text-align: left; }