/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body     { color: #303030; font: 80%/1.4em "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; background: #e4e7dd; text-align: center }
a:link   { color: #cc7252; text-decoration: none }
a:visited   { color: #cc7252; text-decoration: none }
a:hover    { color: #cc7252; text-decoration: underline }
a:active    { color: #cc7252; text-decoration: none }
p   { text-align: justify; padding: 4px 0 8px }
p form{margin-top:0; margin-bottom:20px;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
img.icon { text-align: left; padding-right: 5px; padding-left: 3px }

/**************** Header and navigation styles ****************/

#container      { background-color: white; text-align: left; margin: 20px auto; width: 800px; border: solid 2px #acacac }
#header     { background-image: url(../images/art_institute.jpg); width: 800px; height: 97px }
#header1     { background-image: url(../images/art_institute.jpg); width: 800px; height: 97px }
#header2     { background-image: url(../images/art_wellness.jpg); width: 800px; height: 97px }
#header3     { background-image: url(../images/art_herbal.jpg); width: 800px; height: 97px }

#navigation  { color: black; background: #a4b394; width: 800px; height: 25px; border-top: 2px solid #cc7252; border-bottom: 2px solid #cc7252 }
#navigation ul     { text-align: center; margin-left: 75px }
#navigation li   { white-space: nowrap; list-style-type: none; margin-top: 3px; margin-bottom: 5px; float: left }
#navigation li a    { color: #000; font-size: 0.9em; font-weight: normal; text-decoration: none; display: block; padding: 0 15px }
* html #navigation a {width:1% }
#navigation.selected,#navigation a:hover  { color: #ffffff; text-decoration: none }

#leftnav       { margin-top: 25px; margin-left: 15px; padding-top: 2px; padding-bottom: 4px; width: 180px; float: left; clear: both }
#leftnav ul   { text-align: left;  }
#leftnav li     { font-size: 1.1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em; list-style-type: none; display: block; padding-top: 5px; padding-bottom: 5px }
#leftnav li a    { color: #879b68; text-decoration: none }
#leftnav .selected,#leftnav a:hover   { color: #cc7252; text-decoration: none }
#leftnav li ul { font-size: 0.8em; font-weight: normal; margin: 4px 0 2px 5px }
#leftnav li ul li   { font-weight: normal; margin: 0; padding: 5px 0 2px }
#leftnav li ul a  { font-weight: normal }



/**************** Index styles ****************/

.homelogo  {width:130px; height:124px; float:left; border:0; margin-top:30px; margin-left:30px}
.hometoptxt    { color: #6e9167; font-size: 1.01em; line-height: 1.6em; text-align: center; margin-top: 35px; margin-bottom: 40px; margin-left: 185px; width: 550px; height: 130px; border: none }
.homebottxt     { color: #6e9167; text-align: center; margin-top: 35px; margin-bottom: 30px; margin-left: 135px; width: 550px; height: 80px; border: none }
.hometoplinks   { color: #cc7252; font: 14px/180% Verdana; text-decoration: none; text-align: left; word-spacing: 0.1em; list-style-image: url(../images/bullet.gif); margin-top: 25px; margin-bottom: 5px; margin-left: 145px; border: 0 }
#imgWellclick  {width:273px; height:174px; float:left; border:0; outline-style:none}
#imgInstclick  {width:252px; height:174px; float:left; border:0; outline-style:none}
#imgDispclick  {width:275px; height:174px; border:0; outline-style:none}

/**************** Content styles ****************/





#content             { background-color: white; text-align: left; margin-top: 35px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 555px; float: right; border-left: 1px solid #999 }
#content h2      { color: #ac4d43; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }
#content h3     { color: #879b68; font-size: 0.8em; text-align: left; display: block; margin: 10px 0 5px }
#content h4      { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 2px; padding-left: 8px; width: 550px; height: 20px }
#content h5    { color: #879b68; font-size: 1.1em; margin: 0 }
#content h6       { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 2px; padding-left: 8px; width: 300px; height: 20px }
#content p  { text-align: left; margin: 0 }
#content form { text-align: left; margin: 0 }
#content a { color: #ac4d43; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#content a:visited { color: #bd7944; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#content a:hover { color: #879b68; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#content a:active { color: #879b68; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#content a.special  { color: #879b68; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: left; margin: 0 }

#content p.byline{margin-top:-10px;text-align:right;}
#content h3{margin:0 0 7px 0; font-size:1.3em; letter-spacing:-1px;}
#content ul,#content ol { margin: 0 0 10px 15px }
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd { margin: 0 0 10px 15px }

#content a:link img.ad{padding:1px;border:#CCC solid 1px;}
#content a:visited img.ad{padding:1px;border:#CCC solid 1px;}
#content a:hover img.ad{padding:1px;border:#999 solid 1px;}
#content a:active img.ad{padding:1px;border:#EEE solid 1px;}
#more_content   { background-color: white; text-align: left; padding-bottom: 15px; padding-right: 20px; padding-left: 20px; width: 555px; float: right; border-left: 1px solid #999 }
.enews              { background-color: #fdfbf3; margin-top: 3px; padding: 10px 5px 5px 10px; width: 545px; float: right; border-style: solid; border-width: 5px 2px; border-color: #ccbbad }
#content hr   { color: #fc9; background-color: #fc9; margin-right: 10px; margin-left: 5px; height: 1px; border-style: none }
/**************** ADD TO CART & DETAILS BUTTONS ****************/

#content div.buy{float:right;text-align:center;}
#content div.buy a:link{padding: 5px;background: #EEE;border:#999 solid 1px;font-weight:bold;text-decoration:none;}
#content div.buy a:visited{padding: 5px;background: #EEE;border:#999 solid 1px;font-weight:bold;text-decoration:none;}
#content div.buy a:hover { font-weight: bold; text-decoration: none; padding: 5px; border: solid 1px #69c }
#content div.buy a:active{padding: 3px 5px 3px 5px;background: #BDF;border:#69C solid 1px;font-weight:bold;text-decoration:none;}

/**************** class meeting styles ****************/
#clcontent              { background-color: white; text-align: left; margin-top: 35px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 520px; float: left }
#clcontent h2      { color: #ac4d43; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }
#clcontent h3     { color: #879b68; font-size: 0.8em; text-align: left; display: block; margin: 10px 0 5px }
#clcontent h4       { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 2px; padding-left: 8px; width: 520px; height: 20px }
#clcontent h5    { color: #879b68; font-size: 1.1em; margin: 0 }
#clcontent h6        { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 2px; padding-left: 8px; width: 255px; height: 20px }
#clcontent p  { text-align: left; margin: 0 }
#clcontent form { text-align: left; margin: 0 }
#clcontent a { color: #ac4d43; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#clcontent a:visited { color: #bd7944; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#clcontent a:hover { color: #879b68; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#clcontent p.byline{margin-top:-10px;text-align:right;}
#clcontent h3{margin:0 0 7px 0; font-size:1.3em; letter-spacing:-1px;}
#clcontent ul,#content ol { margin: 0 0 10px 15px }
#clsubcontent      { line-height: 1.2em; margin-top: 30px; padding-right: 20px; padding-left: 8px; width: 210px; float: right }
#clsubcontent h2     { color: #fff; font-size: 0.9em; font-weight: bold; background-color: #3b60aa; background-position: 25px 0; text-align: left; display: block; margin: 0 0 7px; padding-top: 2px; padding-left: 6px; width: 195px; height: 20px }
#clsubcontent h6        { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 3px; padding-left: 8px; width: 210px; height: 20px }
a.tpop span  { color: #808080; font-size: 0.9em; display: none }
a.tpop:hover span    { color: #505050; font-size: 1em; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background: #fdf5e7; text-align: left; display: block; padding: 10px; position: relative; top: -30px; right: 167px; width: 140px; float: left; border: solid 1px #da7a57 }


/**************** Sidebar styles ****************/

#subcontent      { line-height: 1.2em; padding-left: 8px; width: 220px; float: right }

#subcontent h2     { color: #fff; font-size: 0.9em; font-weight: bold; background-color: #3b60aa; background-position: 25px 0; text-align: left; display: block; margin: 0 0 7px; padding-top: 2px; padding-left: 6px; width: 195px; height: 20px }
#subcontent h6        { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 3px; padding-left: 8px; width: 210px; height: 20px }
#subcontent h6 a   { color: #fff; font-size: 0.8em }
#subcontent h6 a:visited  { color: #fff; font-size: 0.8em; text-decoration: underline }
#subcontent h6 a:hover  { color: #fff; font-size: 0.8em; text-decoration: underline }
#subcontent p   { font-size: 0.9em; text-align: left; margin: 7px 0 0 }
/**************** Footer styles ****************/
#footer      { color: #836b48; font-size: 11px; line-height: 15px; background: transparent; text-align: center; padding-top: 15px; width: 800px; height: 20px; clear: both }

#footer a { color: #836b48; background-color: inherit }
#footer a:hover { text-decoration: underline; background-color: inherit }}

/**************** Misc classes and styles ****************/
.clear{clear:both;}
.small{font-size:0.8em;}
.smallred  { color: #ba0000; font-size: 0.85em }
.hvy_green   { color: #879b68; font-size: 1em; font-weight: bold }
.hvy_red    { color: #ac4d43; font-size: 1.1em; font-weight: bold }
.alt_h2       { color: #ac4d43; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
.lg_orange_center   { color: #cc7252; font-size: 1.2em; text-align: center }
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold }
.orderhead{border-bottom:#999 solid 1px;font-weight:bold }

.box { color: #505050; font-size: 0.9em; line-height: 1.5em; background-color: #fafbfc; margin: 0 0 10px; padding: 6px; border: solid 1px #c0c0c0 }
.course_box      { color: #505050; font-size: 0.95em; background-color: #ffffff; padding: 10px 6px }
.course_box2      { color: #505050; background-color: #fdf5e7; margin-bottom: 5px; padding: 10px 6px }
.course_box a    { color: #ac4d43; font-weight: bold; text-decoration: underline }
.course_box2 a    { color: #ac4d43; font-weight: bold; text-decoration: underline }
#content li   { margin-left: 15px }
.box_edit { color: #505050; font-size: 0.9em; line-height: 1.5em; background-color: #fafbfc; margin: 0 0 10px; padding: 6px; width: 185px; border: solid 1px #c0c0c0 }
/**************** Registration styles ****************/

#reg_new_row{ clear: both;padding-top: 10px; }
#reg_col_1  { text-align: right; width: 25%; float: left }
#reg_col_2  { float: left;width: 25%;}
#reg_col_3   { text-align: left; margin-left: 25px; width: 75%; float: left }

.red{ color: #ba0000; }


/**************** FORMS ****************/


form  { margin: 0 }
form.extra      { width: 220px; float: left } 
form.extrafull        { text-align: left; margin: 0; width: 520px; float: left }
.splitleft     { width: 48%; float: left }
.splitright       { width: 48%; float: right }
.wideleft       { width: 62%; float: left }
.narrowright         { width: 35%; float: right }
.coursebox  { margin-top: 10px; width: 520px; height: auto; float: left }
.courseleft   { font-weight: bold; text-align: right; width: 26%; float: left }
.courseright     { text-align: left; width: 70%; float: right }
.formcol1         { color: #ac4d43; text-align: right; margin: 0 1px 0 0; padding-top: 2px; width: 125px; height: 20px; float: left }
.formcol        { color: #ac4d43; text-align: right; margin: 0 1px 0 0; padding-top: 2px; width: 230px; height: 20px; float: left }
.formcol2     { display: block; margin: 0; width: 160px; height: 20px; float: left }
.formcol2b     { display: block; margin: 0; width: 30px; height: 20px; float: left }
.formcol3   { display: block; margin: 0; width: 300px; height: 20px; float: left }
.formcol_cid    { display: block; margin: 0; width: 60px; height: 20px; float: left; vertical-align: middle }
.formconf1        { font-weight: bold; text-align: left; margin: 0 1px 0 3px; padding-top: 2px; width: 160px; height: 20px; float: left }
.formconf2      { color: #3b60aa; font-weight: bold; text-align: left; margin: 0 1px 0 3px; padding-top: 2px; width: 200px; height: 20px; float: left }
.formcol2comment  { color: #3b60aa; display: block; margin: 0; width: 195px; height: 98px; float: left }
.formcol1comment  { text-align: right; display: block; margin-right: 1px; width: 100px; height: 98px; float: left }
.persocol          { color: gray; font-size: 0.9em; text-align: left; margin: 0 1px 0 6px; padding-top: 2px; width: 170px; height: 20px; float: left }
.persocol2       { font-size: 0.85em; text-align: right; margin: 0; width: 20px; height: 25px; float: right }


div.row   { width: 320px; clear: both; border:}
div.row_narrow    { width: 210px; clear: both; border: none }
div.row_extra  { width: 540px; clear: both }
.submit { height: 29px; width: 330px; padding-top: 5px; clear: both; } 
.input     { color: #666; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #fff; padding: 1px; border: solid 1px #ac4d43 }
.clinput      { color: #666; font: 10px/12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #fff; padding: 2px; width: 520px; height: 200px; border: solid 1px #bcc7aa }
.box_sm      { padding: 3px 3px 15px; width: 345px; height: auto; border: solid 1px #3b60aa }