/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/******** Body and tag styles ****************/
*{margin:0; padding:0;}
body { color: #303030; font-size: 13px; font-family: Helvetica, sans-serif; line-height: 16px; background-image: url(images/pres_bgnd.jpg); background-repeat: repeat; background-position: 0 0; text-align: center }
a img {border:none;}
img.left { margin: 0 12px 5px 0; float: left }
img.center { display: block; margin: 0 auto 5px }
img.right {float:right; margin:0 0 5px 12px;}
img.scgap { margin: 0 0 5px 5px; float: right }
img.buy { margin-bottom: 4px; vertical-align: middle }
p { margin-top: 5px; margin-bottom: 11px }
ul { margin-top: 5px; margin-bottom: 7px; margin-left: 15px }
h2 { color: #374d0d; font-size: 18px; line-height: 28px }
h3 { color: #205700; font-size: 17px; line-height: 21px}
h4 {color: #205700; font-size: 15px; line-height: 19px}
h5 { border-bottom-color: #505756; border-bottom-width: 1px; border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: none; width: 100%; line-height: 19px; color: #505756; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; margin: 10px 0 5px }
h5 a { color: #314d00 }
h5 a:hover { color: #314d00; text-decoration: underline }
/******** Container styles ****************/
#container { text-align: left; margin-right: auto; margin-left: auto; width: 953px }
#header { background-image: url(images/pres_head.jpg); background-repeat: no-repeat; text-align: right; padding-top: 4px; padding-right: 30px; padding-left: 15px; width: 923px; height: 124px; float: left }
#nav { padding-left: 15px; width: 953px; height: 24px; float: left }
#nav a { color: #ffb300; text-decoration: none }
#nav a:hover { color: #d80000; text-decoration: underline }
#body-top { background-image: url(images/pres_body_top.jpg); background-repeat: no-repeat; width: 953px; height: 18px; float: left }
#body-mid { background-image: url(images/pres_body_mid.jpg); background-repeat: repeat-y; padding-top: 5px; padding-bottom: 20px; padding-left: 20px; width: 933px; float: left }
#body-btm { background-image: url(images/pres_body_btm.jpg); background-repeat: no-repeat; padding-left: 20px; width: 933px; height: 32px; float: left }
#footer { color: #fff; font-size: 11px; line-height: 13px; background-image: url(images/pres_foot.jpg); background-repeat: no-repeat; padding-top: 12px; padding-right: 33px; padding-left: 20px; width: 915px; height: 61px; float: left }
#footer a {color: #FFF; text-decoration: none}
#footer a:hover {color: white; text-decoration: underline}
#footer a:visited {text-decoration: underline}
/******** Custom Body Styles *********/
#header a { color: #fff; font-size: 11px; font-style: normal; line-height: 16px }
#header a:hover { color: #d80000; font-style: normal; text-decoration: underline }
#content-full-top { background-image: url(images/full-content-top.html) !important; background-repeat: no-repeat; padding-left: 15px; width: 1020px; height: 19px; float: left }
#content-full-body { background-image: url(images/full-content-body.html); background-repeat: repeat-y; padding-bottom: 15px; padding-left: 15px; width: 1020px; float: left }
#content-full-foot { background-image: url(images/full-content-foot.html); background-repeat: no-repeat; padding-left: 15px; width: 1020px; height: 40px; float: left }
/********** Series Inset ***********/
.wide_series_box {float: left; width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 15px}
.wide_series_top {float: right; width: 618px; height: 43px; background-repeat: no-repeat; background-image: url(images/wide_insert_top.gif);}
.wide_series_mid {padding-right: 25px; padding-left: 20px; float: right; width: 573px; background-repeat: repeat-y; background-image: url(images/wide_insert_mid.gif);}
.wide_series_mid p { margin-bottom: 5px; line-height: 15px}
.wide_series_mid h4 { margin-bottom: 5px; line-height: 22px; border-bottom: 1px solid #CCC;}
.wide_series_top h2 { padding-top: 5px; font-size: 17px; text-align: center; color: white; }
.wide_series_bottom {height: 30px; float: right; width: 618px; background-repeat: no-repeat; background-image: url(images/wide_insert_bottom.gif);}
/*contact me form */
.workshop-form ul{
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
}
*html .workshop-form ul li{
list-style-position: inside;
position: relative;
clear: both;
width: 200px;
margin: 0;
}
.workshop-form ul li{
list-style-position: inside;
position: relative;
clear: both;
width: 220px;
margin: 0;
}
.workshop-form ul li label{
float: left;
display: block;
text-align: left;
width: 80px;
margin: 0 5px 0 0;
}
.workshop-form hr{
border-top: 1px dashed #205700;
border-bottom: none;
margin: 5px 0;
}
.workshop-list ul{
background-position: 70px 0px;
background-image: url(images/PrimalAtom.jpg);
background-repeat: no-repeat;
list-style-type: none;
margin-top: 25px;
}
.workshop-list ul li{
list-style-position: inside;
position: relative;
clear: both;
text-align: center
}
.workshop-list ul li a{
color: #ff9300 !important;
font-weight: bold;
line-height: 28px;
font-size: 15px;
}
/******** Cart styles ****************/
table.checkout { font-size: 12px; width: 640px; float: left }
div.row_extra { width: 280px; float: left }
.formcol1 { font-size: 11px; line-height: 25px; text-align: right; margin: 0 1px 3px 0; width: 80px; height: 22px; float: left; vertical-align: middle }
.formcol2 { line-height: 25px; text-align: left; display: block; margin: 0 0 3px 2px; width: 190px; height: 22px; float: left }
.formcolcom { text-align: left; display: block; margin: 0 0 3px 2px; width: 190px; height: 72px; float: left }
/******** Misc classes and styles ****************/
.splitleft { width: 48%; float: left }
.content_row { width: 676px; float: left; clear: both }
.splitright { width: 48%; float: right }
.row { width: 275px; height: 15px; float: left; clear: both }
form.home_signup { color: #3a3a3a; font-size: 0.8em; line-height: 1.2em; background-image: url(images/presencing_news_bgnd.gif); width: 220px; height: 420px }
.signup_row { line-height: 25px; width: 175px; height: 25px; clear: both; vertical-align: middle }
.signup_head { color: #3a3a3a; font-size: 13px; text-align:center; font-weight: bold; line-height: 15px; width: 100%; display:block }
ul.signup li { list-style:none; margin: 0 0 3px 0px; position: relative; }
ul.signup li.pos1 {left: 60px}
ul.signup li.pos2 {left: 45px}
ul.signup li.pos3 {left: 30px}
ul.signup li.pos4 {left: 24px; display:block}
ul.signup {margin: 10px 0 5px 0}
input.signup { color: #555; font-size: 11px; line-height: 14px; margin-bottom: 4px; padding-top: 2px; padding-left: 2px; width: 120px; height: 15px }
input.signemail { color: #555; font-size: 11px; line-height: 14px; margin-bottom: 4px; padding-top: 2px; padding-left: 2px; width: 140px; height: 15px }
.input { padding-left: 2px; width: 200px; }
.error { color: #ba0000; text-align: left; display: none; }
#session_id { background-color: #fbf4f2; margin-left: 35px; padding: 4px 4px 5px 6px; width: 600px; float: left; border: double 4px }
/******* class meeting styles ********/
.roster {width: 230px; float: left}
.handouts {width: 335px; float: right}
.persocol { line-height: 18px; color: gray; font-size: 13px; text-align: left; width: 175px; height: 20px; float: left }
.persocol2 { line-height: 18px; font-size: 12px; text-align: right; margin: 0; width: 20px; float: right }
.slidecol { margin-left: 6px; margin-bottom: 7px; margin-right: 0; margin-top: 0; background-color: white; color: #444; font-size: 11px; text-align: left; width: 220px; float: left }
.row_narrow { float: left; width: 230px; clear: both; border: none }
/******* class meeting styles ********/
.stadmin-form ul{
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
}
.stadmin-form ul li{
list-style-position: inside;
position: relative;
clear: both;
width: 240px;
margin: 4px 0;
}
.stadmin-form ul li label{
float: left;
display: block;
text-align: left;
width: 105px;
margin: 0 10px 0 0;
}
.stadmin-form hr{
border-top: 1px dashed #205700;
border-bottom: none;
margin: 5px 0;
}
.passwd-form ul{
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
}
.passwd-form ul li{
list-style-position: inside;
position: relative;
clear: both;
width: 260px;
margin: 0;
}
.passwd-form ul li label{
float: left;
display: block;
text-align: left;
width: 110px;
margin: 0 10px 0 0;
}
/******** Sidebar Registration Stylyes ****************/
label .reg_row { padding-left: 5px; width: 222px; float: left }
.reg_row2 { font-size: 12px; line-height: 16px; margin-left: 2px; width: 160px; float: right }
label.reg_row1 { font-size: 12px; line-height: 16px; text-align: left; width: 60px; float: left }
/******** Calendar Stylyes ****************/
#class1box { margin-right: 25px; margin-left: 5px; width: 180px; float: left; display: block; height: 160px }
#classrow { margin-top: 5px; margin-bottom: 10px; width: 631px; float: left; clear: both }
h3.title { color: #224200; font-size: 15px; line-height: 22px; margin-top: 5px; margin-bottom: 8px; padding-top: 1px; padding-left: 5px; width: 620px; float: left; border-bottom: 1px solid #8c9a77 }
/******** Content styles ****************/
#content { width: 670px; float: left }
#content a { color: #457c49; text-decoration: none }
#content a:hover { color: #5c3411; text-decoration: underline }
#fullcontent { text-align: left; margin-top: 10px; margin-left: 10px; width: 955px }
.content_top { position: relative; background-position: 0px; background-image: url(images/content-top.jpg); background-repeat: no-repeat; width: 676px; height: 15px; float: left }
.content_body { background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; padding-right: 25px; padding-top: 5px; position: relative; background-position: 0px 0px; background-image: url(images/content-body.jpg); width: 631px; float: left }
*.content_foot { position: relative; background-image: url(images/content-foot.jpg); background-repeat: no-repeat; width: 676px; height: 19px; float: left }
#subcontent { padding-right: 20px; color: #594343; padding-top: 10px; width: 220px; float: right }
#subcontent a { color: #457c49; text-decoration: none }
#subcontent a:hover { color: #5c3411; text-decoration: underline }
#subcontent ul {list-style:none; margin-left:5px}
#subcontent ul li { margin-left: 0px; line-height: 19px}
form.signup { color: #3a3a3a; font-size: 11px; line-height: 13px; width: 170px;}
.signup_top {float: left; background-image: url(images/side_inset_top.jpg); background-repeat:no-repeat; width: 220px; height:28px}
.signup_mid {float: left; background-image: url(images/side_inset_mid.jpg); background-repeat: repeat-y; width: 170px; padding: 0 25px}
.signup_btm {float: left; background-image: url(images/side_inset_btm.jpg); background-repeat:no-repeat; width: 220px; height:27px}