/* Style Sheet for Edythe Denkin, (c) 2008 Red Beagle Web Development */

/* Styles for general page layout */
body { background: #7ba0ee url(../images2/clouds-bkgd.jpg) repeat-y scroll top center; font-family: verdana, arial, sans-serif; color: #333333; font-size: 0.625em; min-width: 750px; text-align: center; padding: 0px; margin: 0px; }
#plate { position: relative; top: 0px; width: 750px; text-align: left; padding: 0px; margin: 0px auto;  background-color: #ffffff}

#content { position: absolute; width: 750px; top: 10px; background: #ffffff; border: 1px solid #7BA1ED; border-width: 0px 1px 1px 0px; }
#text_column { position: relative; top: 187px; left: 80px; width: 590px; margin-bottom: 197px; background: #ffffff; }
#logo_left { position: absolute; top: 0px; left: 0px; }
#logo_right { position: absolute; top: 0px; left: 530px; height: 135px; width: 216px; background-image: url("../images2/masthead3-right.jpg"); text-align: right; padding: 7px 4px 0px 0px; }
#logo_right_myspace { position: absolute; top: 0px; left: 530px; height: 135px; width: 216px; background-image: url("../images2/masthead3-right-2.jpg"); text-align: right; padding: 7px 4px 0px 0px; }
#logo_lower_left { position: absolute; top: 135px; left: 0px; height: 47px; width: 115px; background-image: url("../images2/masthead-lower-left.gif"); }
#copyright_area { text-align: center; margin: 0px; padding: 0px 20px 15px 20px; }
#logo-key { position: absolute; top: 80px; left: 185px; width: 79px; height: 32px; }

#text_column_twos { position: relative; top: 187px; left: 300px; width: 425px; margin-bottom: 197px; background: #ffffff; }
#left_sidebar { position: absolute; top: 190px; left: 20px; width: 255px; }
.left_sidebox { border: 1px solid #D4BA88; border-width: 0px 1px 1px 0px; margin: 1px 0px 6px 1px; padding: 0px; }
.right_box { float: right; margin: 0px 0px 0px 0px; width: 202px; }
.right_inset { padding: 3px; border: 1px solid #7BA1ED; border-width: 0px 1px 1px 0px; }
.right_inset_p { color: #666666; font-size: 1.1em; margin: 2px 0px; }
.inset_text { padding: 7px 0px 0px 0px; text-align: center; }
#left_sidebar p { padding: 3px; margin: 0px; }
#left_sidebar hr { margin: 3px 20px; height: 1px; }

p, td { margin: 0px 0px 10px 0px; }
p, td, legend, ul { font-size: 1.2em; }
ul { margin: 0px 0px 10px inherit; }
.home_bullets { text-align: left; list-style-image: url("../images2/pink-key.gif");}
.home_hitter { font-size: 1.8em; text-align: center; margin: 5px 0px 5px 0px; }
li { padding: 3px 0px 3px 0px; }
h1 { text-align: center; padding: 0px; margin: 0px 0px 15px 0px; }
h2 { font-size: 1.8em; text-align: left; font-weight: bold; }
td { vertical-align: top; }
.rightie { text-align: right; }
.alert { font-weight: bold; color: #ff3333; }
a, a:link { color: #B74BA5; }
a:visited { color: #85457A; }
a:hover { color: #55A362; }

.copyright_text { margin: 0px; font-size: 1.1em; line-height: 1.2; }
.contact_text { text-align: center; font-size: 1.4em; }

.workshop_table_table { border-spacing: 5px 0px; }
.workshop_table { background-color: #FFECC7; padding: 7px; border: 1px solid #D4BA88; border-width: 0px 1px 1px 0px; width: 190px; vertical-align: top}
.workshop_area { background-color: #FFF6E5; border: 1px solid #D4BA88; border-width: 0px 1px 1px 0px; padding: 3px 3px 10px 3px; }

textarea, input { background-color: #F2F6FF; border: 1px solid #ED7BDA; color: #000000; }

#button2, #button3, #button4, #button5, #button6, #button7 { cursor: pointer; position: absolute; top: 135px; }
#button2 { left: 115px; }
#button3 { left: 250px; }
#button4 { left: 315px; }
#button5 { left: 481px; }
#button6 { left: 556px; }
#button7 { left: 610px; }

/* Styles related to images */
img { border: 0px; }
.leftImage, .rightImage, .borderImage { background: #ffffff; border: 1px solid #7BA1ED; padding: 2px; margin: 0px; }
.leftImage { float: left; margin: 3px 6px 3px 0px; }
.rightImage { float: right; margin: 3px 0px 3px 6px; }
.noBorder { border-width: 0px; }
.videoArea { padding: 2px; width: 425px; border: 1px solid #7BA1ED; margin-bottom: 5px; }
.videoArea p { margin-bottom: 0px; }

/* Styles related to Sundial Calendar */
.calendarHeading { font-size: 1.6em; font-weight: bold; }
.calendarDate { font-weight: bold; }
.heading2, .heading { font-weight: bold; color: #A1792D; }

/* Specifically for the citations in the left column, a cross-fader */
#leftColumn { position: absolute; top: 190px; left: 10px; width: 255px; margin: 0px; text-align: center; overflow: hidden; }
#flashBox { background: #ffffff; margin-bottom: 6px; color: #666666; border: 1px solid #ffffff; font-family: verdana, arial, sans-serif; }
#flashBox p { padding: 5px; margin: 0px; }
#flashBox p em { font-style: italic; }
#flashBox p img { padding-bottom: 3px; }
.flashBoxAuthor { text-align: right; }
#flashBoxGradientBox { position: absolute; top: 30px; left: 0px; width: 202px; height: 650px; overflow: hidden; }
#flashBoxGradient { position: absolute; top: 0px; left: 0px; }
.testiZone { border: 1px solid #ffffff; padding: 5px; margin: 0px 0px 15px 0px; }