/* Cindy Crofford Custom Website*/

body{ background: #A2CDC6 url(../images/background.jpg) top center repeat-x; font: 12px "Century Gothic", Tahoma, verdana, sans-serif; color: #fff; margin: 0; }

#container{ width: 906px; \width: 926px; w\idth: 906px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; background: url(../images/logo.jpg) top left no-repeat; }
#header{ padding: 0; margin-bottom: 0; }
#header h1{ width: 431px; height: 90px; float: left; padding: 0; margin: 0; text-indent: -10000px; }
#header h1 a{ width: 431px; height: 90px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{ font: 15px/32px "Century Gothic", tahoma, verdana, sans-serif; text-align: center; clear: both; }
#global{ margin: 0; padding: 20px 0 0 0; }
#global li{ display: inline; }
#global li a:link, 
#global li a:visited{ text-decoration: none; padding: 10px 20px 0 0; margin: 0; }
#global li a:hover, 
#global li a:active{ color: #fff; background: url(../images/rollover.gif) right center no-repeat; }
a:link, a:visited{ color: #CA8435; }
a:hover, a:active{ text-decoration: none; }

#page_body{ padding: 0; }
#content{ color: #CA8435; background: url(../images/logoscript.gif) center 50px no-repeat; }
h1{ font-weight: normal; color: #fff; }
p{ font: 14px Georgia, Times, "Times New Roman", serif; }
img.figure-a{ display: block; margin: 0 auto 10px auto; border: 3px solid #97B9B0; }
img.figure-b{ float: right; margin: 0 0 10px 10px; border: 3px solid #97B9B0; }
img.figure-c{ float: left; margin: 0 10px 10px 0; border: 3px solid #97B9B0; }

#resources ul{ margin: 0; padding: 25px 0; height: 250px; }
#resources li{ list-style-type: none; display: block; float: left; width: 375px; height: 30px; padding: 5px 30px 5px 0; font-size: 14px; }

#slideshow{ width: 906px; height: 514px; margin: 0 auto; }

#portfolio{ height: 400px; width: 900px; padding: 0; margin: 50px auto 0 auto; background: url(../images/logoscript.gif) center 0px no-repeat; }
#portfolio ul{ margin: 0; padding: 0; }
#portfolio ul li{ display: block; float: left; margin: 0 30px 0 0; padding: 0; width: 150px; height: 175px; text-align: center; }
#portfolio .image{ display: block; width: 150px; height: 110px; overflow: hidden; border: 1px solid #fff; margin: 0 0 5px 0; }
#portfolio img{ border: none; }
#portfolio a:link,
#portfolio a:visited{ text-decoration: none; }
#portfolio a:hover{ color: #fff; border-color: #CA8435; }

#gallery{ margin: 15px 0; height: 500px; }
#enlarge{ width: 805px; height: 410px; float: left; }
#enlarge img{ display: block; margin: 1px auto; border: 1px solid #CA8435; }
#thumbnails ul{ margin: 0; padding: 0; }
#thumbnails ul.right{ float: right; }
#thumbnails ul li{ display: block; width: 55px; height: 45px; margin: 0 15px 22px 0; overflow: hidden; border: 1px solid #CA8435; }
#thumbnails ul.bottom{ clear: both; float: right; }
#thumbnails ul.bottom li{float: right; margin: 0 15px; }
#thumbnails img{ display: block; border: none; margin: 0 auto; }
#gallery p{ clear: both; text-align: center; padding: 15px 0 0 0; }

form{ width: 675px; height: 450px; }
.column{ width: 350px; float: left; }
.smaller{ width: 300px; }
.instructions{ text-indent: 0; }
fieldset{ padding: 5px; margin: 0; border: none; }
fieldset.checks{ clear: left; float: left; margin: 5px 0; width: auto; border: 1px solid #CA8435; }
fieldset.checks label{ width: 235px; }
legend{ color: #FFF; font: 16px arial, helvetica, sans-serif; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 14px; padding-top: 6px; }
.required{ color: #fff; font-size: 14px; font-weight: bold; }
input[type="checkbox"], 
input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], 
textarea{ width: 200px; float: left; margin: 3px; }
input[type="submit"], 
input[type="reset"]{ margin: 3px; }
input[type="submit"]:hover,
input[type="reset"]:hover{cursor: pointer;}

#facebox{ float: right; }

#footer{ background: url(../images/swoosh.jpg) top center no-repeat; clear: both; padding: 56px 0 0 0; margin: 0; font: 14px "Century Gothic", Tahoma, verdana, sans-serif; color: #CA8435; text-align: center; }
#home #footer{ background-image: none; padding: 20px 0 0 0; }
#footer h2{ width: 425px; height: 55px; padding: 0; margin: 0 auto 20px auto; background: url(../images/tagline.gif) center center no-repeat; text-indent: -10000px; }
#footer p{ font: 12px "Century Gothic", Tahoma, verdana, sans-serif; }
.vcard div{ display: inline; padding-right: 20px; }

#social img{ float: left; height: 32px; border: none; }

.sessions fieldset{ width: 400px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 250px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; }

#session{ margin-bottom: 24px; }
#session label{ clear: left; float: left; width: 150px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #fff; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 7px;}

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; border: 1px solid #ca8435; color: #fff; font-style: italic; }

.instructions{ padding-bottom: 12px; }
.session_list{ width: 350px; margin: 0 auto; padding: 0; }
.session_list li{ list-style-type: none; padding: 0; margin: 0; }
.session_list li a{ display: block; padding: 5px; margin: 5px; border-bottom: 1px solid #fff; }