/*
2010 CSLA Congress
Developed by AgileStyle http://www.agilestyle.com
CSLA Guideline CC6600
CSLA Actual    e58e1a
Blue  1972e6
Green 00CC00

Grey        6b6b69
Dark Green  85C82D
Light Green B5E168
*/


body { background: #f0f0ee; width: 100%; min-width: 960px;}
h1, h2, h3, h4 { font-family: Times, "Times New Roman", Georgia, serif; font-style:italic; border-bottom: solid 1px #e9e9e6; }
h1 { margin-bottom: 0.4em; }
h2 { font-size: 2.6em; margin-bottom: 0.4em; }
h3 { font-size: 2em; border-bottom: 0; margin-bottom: .4em; font-style: normal; }
#sidebar h3 { font-size: 1.8em; margin-bottom: 0.2em; }
h4 { font-weight: bold; margin-bottom: 1em;  }
a { color: #1972e6; text-decoration: none; }
a:hover, a:active, a:focus { color: #1972e6; text-decoration: underline; }
p, ul, ol, td, th { font-size: 17px; margin-bottom: 1em; line-height: 1.3;}
#sidebar p, #sidebar ul, #sidebar ol, #sidebar td, #sidebar th { font-size: 15px; margin-bottom: 1em; line-height: 1.4;}
hr { font-size: 15px; background: #fff; color: #fff; }

/* misc */
.colborder { border-right: 1px solid #6B6B6B; }
.preborder { padding-left:24px; margin-left:25px; border-left:1px solid #6B6B6B; }
.readmore { text-align: right; }
.date { color: #666; }
.justify { text-align: justify; }
.intro { text-align: justify; }
p img.right { margin: 0.6em 0 0.5em .8em; }
p img.left { margin: 0.6em .8em 0.5em 0; }

/* toggle */
#toggle { background: #373737; position: absolute; bottom: -37px; right: 0; height: 20px; padding: 8px 12px; border-left: solid 1px #000; border-bottom: solid 1px #000; z-index: 100; }
#toggle p { margin: 0; font-size: 15px; text-align: right ; }
#toggle a { color: #fff; }

/* nav */
#nav { padding: 1.5em 0; background: #373737 url('/images/nav_bg.jpg') repeat-x; position: relative; border-bottom: solid 1px #000; border-top: solid 1px #373737; }
#navbar { list-style-type: none; margin: 0; padding: 0; font-size: 15px; text-align: center; color: #fff; }
#navbar li { display: inline; margin: 0; color: #fff; }
#navbar li a { color: #fff; position: relative; z-index: 200; display: block; float: left; padding: 3px 10px; }
#navbar li.first { margin: 0; }
#navbar .current a {  }
#navbar li a:hover, #navbar li a:active { text-decoration: none; color: #fff; }
#navbar li { z-index: 200;  }

#navbar #magic-line { position: absolute; top: 0; left: 0; width: 100px; background: #5F9041; z-index: 100; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0;  }
.nav-wrap { position: relative; }

/* logo */
#logo { margin: 0; padding: 0; text-align: center; background: #8dbf70 url('/images/logo_bg7.jpg') repeat-x;  background-position: center top; height: 235px; padding-bottom: 20px; border-bottom: solid 1px #fff; width: 100%; }

/* content */
#content { background: #f0f0ee url('/images/content_bg.gif'); border-top: solid 1px #e6e6e6; }
#main { background: #fff; margin: -30px 0 -30px 0; padding: 30px; border: solid 1px #e6e6e6; }
#main { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
#main p { text-align: left }
.shadow { -moz-box-shadow: 0px 0px 6px #373737; -webkit-box-shadow: 0px 0px 6px #373737; box-shadow: 0px 0px 6px #373737;}
.re-collapse { text-align: right; display: block; margin-top: 1em;}

/* sidebar */
#sidebar { font-size: 15px; padding: 40px 0 0 20px; position:relative; z-index: 100; }
#sidebar hr { background: #ccc; height: 1px; border: 0; }
#sidebar ul { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; }

/* register button */
#registeronline { margin: 0 0 1.5em 0; background: #c7c4b7 url('/images/register_bg.jpg') repeat-x; padding: 10px 0;  border: solid 1px #72a055; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: block; text-align: center;  }
#registeronline p { margin: 0;  font-size: 18px; }
#registeronline a { color: #fff; text-align: center; }
#registeronline a:hover { text-decoration: none; color: #000; }

/* gallery */
#quickgallery { margin: 20px 0 0 0; }
#quickgallery img { margin-right: 20px; width: 189px; }
#quickgallery .last { margin-right: 0; }

/* sponsors */
#bullfrog { background: #fff; position: absolute; padding: 10px; top: 210px; right: 30px; display: block; height: 60px; width: 100px; }
#sponsors { position: absolute; top: 80px; left: 20px; display: block; height: 100px; width: 200px; padding: 10px; background: #fff; overflow: hidden; }
#sponsors-inner { position: relative; }
#sponsors a:hover { text-decoration: none; }
#bullfrog, #sponsors { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0px 0px 6px #373737; -webkit-box-shadow: 0px 0px 6px #373737; box-shadow: 0px 0px 6px #373737; }
.sponsor_logo { display: inline-block; height: 100px; width: 200px; margin: 0 0 20px 0; }

/* speakers */
#keynote_speakers img { float: left; margin-right: 1.5em; }
#keynote_speakers p { text-align: justify; }

/* footer */
#footer { margin: 0; padding: 0; background: #72a055 url('/images/footer_bg.jpg') repeat-x; height: 250px; }
#footer .container { height: 250px; position: relative; }

#copyright { background: #000; font-size: 15px; color: #aaa; margin: 0; padding: 1em 0; text-align: center; }
#copyright p { font-size: 15px; margin: 0; }
#copyright p a { color: #AAA;}

#grasses { background: url('/images/footer-grasses-trans.png') no-repeat; height: 270px; width: 367px; z-index: 10; position: absolute; top: -20px; right: 0; }

/* redirect */

#redirect { margin-top: 10em; }
#redirect p { margin-bottom: 1em; }
#english { color: #fff; background: #c7c4b7 url('/images/register_bg.jpg') repeat-x; padding: 10px 0; text-align: center;  border: solid 1px #72a055; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: inline-block; width: 100px; }
#french { color: #fff; background: #c7c4b7 url('/images/register_bg.jpg') repeat-x; padding: 10px 0; text-align: center;  border: solid 1px #72a055; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: inline-block; width: 100px; }

/* tables */
#registration-overview th, #registration-overview td { text-align: center; padding: 3px 0; }
#registration-overview .quiet { font-weight: normal; }
#special-events th { padding: 1.5em 0 3px 0; }
#special-events th.first { padding: 3px 0 3px 0; }
#special-events td { padding: 3px 0; }

/* fr */
#fr #navbar { font-size: 13px; }
#fr #navbar li a { padding: 3px 6px; }
#fr #toggle a { font-size: 14px; }

.exhibitor img { float: left; margin: 0 20px 15px 0; }
.exhibitor a { font-size: .7em; float: right; }
