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

*{margin:0; padding:0;}

body      { color: #303030; font: 13px/16px "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; background: #e4e7dd; text-align: center }
a { color: #957954; font-weight: normal; text-decoration: underline }
a:hover { color: #879b68; font-weight: normal; text-decoration: underline; text-align: left; margin: 0 }
p   { text-align: justify; padding: 4px 0 8px 0}
p form{margin-top:0; margin-bottom:20px;}
li.current a { color: #957954; font-weight: bold; text-decoration: none }
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 }
#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: 55px }
#navigation li    { white-space: nowrap; list-style-type: none; margin-top: 2px; float: left }
#navigation li a     { color: #000; font-size: 12px; font-weight: normal; line-height: 21px; text-decoration: none; display: block; padding: 0 15px }

* html #navigation a {width:1% }
#navigation.selected,#navigation a:hover  { color: #ffffff; text-decoration: none }

#leftnav              { width: 190px; float: left; clear: both }
* html #leftnav              { margin-top: 15px; margin-left: 8px; padding-top: 2px; padding-bottom: 4px; width: 190px; float: left; clear: both }
#leftnav ul    { text-align: left; margin-top: 5px; margin-left: 14px }
#leftnav li       { font-size: 13px; font-family: Arial, Helvetica; line-height: 15px; list-style-type: none; display: block; padding-top: 6px; padding-bottom: 4px }
#leftnav li a     { color: #879b68; font-weight: bold; text-decoration: none }
#leftnav li.current a { color: #957954; font-weight: bold; text-decoration: none }
#leftnav a:hover     { color: #957954; font-weight: bold; text-decoration: none }
#leftnav li ul  { font-weight: normal; margin: 3px 0 0 8px }
#leftnav li ul li    { font-size: 13px; font-family: Arial, Helvetica; font-weight: normal; line-height: 15px; margin: 0; padding: 2px 0 }
#leftnav li ul li a   { color: #5e949a !important; font-weight: normal }
#leftnav li ul li.current a { color: #957954 !important; font-weight: bold }
#leftnav li ul li a:hover { color: #957954 !important; font-weight: normal }
.leftnav2 ul     { text-align: left }
.leftnav2 li a   { color: #957954 !important; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica; line-height: 18px; text-decoration: none; margin: 0 }
.leftnav2 li a:hover  { color: #879b68 !important; text-decoration: none }
.specialnav     { font-size: 12px; font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica; font-weight: bold; line-height: 14px; text-align: center }
.specialnav a { color: #957954 !important; font-weight: bold; text-decoration: none !important }
.specialnav a:hover { text-decoration: underline !important }
#lognav    { color: black; font-size: 0.9em; text-align: right; width: 800px; height: 15px; float: left; clear: both }
/**************** 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 ****************/


h5.resource   { color: #879b68; font-size: 15px; line-height: 20px; margin: 5px 0 }



#content                { background-color: white; text-align: left; margin-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 550px; float: right; border-left: 1px solid #999 }
#content h1 { font-size: 1.4em; margin-top: 5px; margin-bottom: 5px }
#content h2      { color: #957954; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }
#content h2.subhead      { color: #957954; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }

#content h2.red { color: #ac4d43 !important; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }
#content a.red { color: #ac4d43 !important }
#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.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 }


#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 }
.pagebreak { text-align: left; padding-top: 10px; padding-bottom: 10px; width: 500px; float: left; clear: both }
.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: #5a7746; background-color: #5a7746; margin-right: 10px; margin-left: 5px; height: 1px; border-style: none }
/**************** ADD TO CART & DETAILS BUTTONS ****************/

#content div.buy{float:right;text-align:center;}

/**************** class meeting styles ****************/
#clcontent                { line-height: 1.2em; background-color: white; text-align: left; margin-top: 10px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 470px; 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: 13px; line-height: 17px; background-color: #879b68; text-align: left; display: block; margin: 10px 0 7px; padding-top: 2px; padding-left: 8px; width: 470px; 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 4px; padding-top: 2px; padding-left: 8px; width: 220px; height: 20px }
#clcontent p     { color: #879b68; font-size: 12px; line-height: 13px; text-align: left; margin: 0 0 0 4px }
#clcontent form { text-align: left; margin: 0 }
#clcontent p.byline{margin-top:-10px;text-align:right;}
#clcontent ul,#clcontent ol { margin: 0 0 10px 15px }
#clsubcontent         { line-height: 1.2em; margin-top: 10px; padding-right: 20px; padding-left: 8px; width: 225px; float: right }
#clsubcontent h2      { color: #fff; font-size: 0.85em; 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 4px; padding-top: 3px; padding-left: 8px; width: 225px; height: 20px }
#clsubcontent p    { color: #879b68; font-size: 0.9em; line-height: 0.9em; text-align: left; margin: 0 0 0 4px }
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: 5px; position: relative; top: -5px; left: 25px; width: 200px; border: solid 1px #da7a57 }

/**************** Full page content ***************/

#fullcontent                { background-color: white; text-align: left; margin-top: 15px; padding-right: 20px; padding-left: 20px; width: 750px; float: left }
#fullcontent h2      { color: #ac4d43; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }

/**************** blog styles ****************/
#blcontent                   { line-height: 1.2em; background-color: white; text-align: left; margin-top: 10px; padding-right: 10px; padding-bottom: 15px; padding-left: 20px; width: 525px; float: left }
#blcontent h2      { color: #ac4d43; font-size: 1.25em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; display: block }
#blcontent h3     { color: #879b68; font-size: 0.8em; text-align: left; display: block; margin: 10px 0 5px }
#blcontent 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 }
#blcontent h5    { color: #879b68; font-size: 1.1em; margin: 0 }
#blcontent h6         { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 4px; padding-top: 2px; padding-left: 8px; width: 225px; height: 20px }
#blcontent p      { font-size: 1em; line-height: 1.1em; text-align: left; margin: 0 0 0 3px }
#blcontent form { text-align: left; margin: 0 }
#blcontent p.byline{margin-top:-10px;text-align:right;}
#blcontent h3{margin:0 0 7px 0; font-size:1.3em; letter-spacing:-1px;}
#blcontent ul,#blcontent ol  { margin: 0 0 10px 15px }
#blcontent li    { font-size: 1em; line-height: 1.1em; margin-top: 2px; margin-bottom: 5px; margin-left: 12px }
#blsubcontent          { line-height: 16px; margin-top: 20px; padding-right: 20px; padding-left: 8px; width: 185px; float: right }
#blsubcontent h2      { color: #fff; font-size: 0.85em; 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 }
#blsubcontent h6           { color: #fff; font-size: 1em; background-color: #879b68; text-align: left; display: block; margin: 10px 0 4px; padding-top: 3px; padding-left: 8px; width: 185px; height: 20px }
#blsubcontent p    { color: #879b68; font-size: 0.9em; line-height: 0.9em; text-align: left; margin: 0 0 0 4px }
#blsubcontent ul   { line-height: 1.6em; list-style-type: none; list-style-position: inside; margin: 0 0 0 5px }
#blsublcontent li      { text-align: left; list-style-type: none; margin: 0 0 0 12px; padding-top: 3px; padding-bottom: 2px }
.bnews                 { line-height: 17px; font-size: 13px; background-color: #fdfbf3; padding: 10px 10px 5px 10px; width: 515px; float: left; border-style: solid; border-width: 5px 2px; border-color: #ccbbad }
.bnews p  {  line-height: 19px; font-size: 13px; }
table.tnews { font-size: 11px; line-height: 14px; width: 505px; border-top: 1px solid #000; border-left: 1px solid #000 }
td.tnews { padding: 3px; border-right: 1px solid #000; border-bottom: 1px solid #000 }
/**************** 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 p    { color: #879b68; font-size: 0.9em; line-height: 0.9em; text-align: left; margin: 0 0 0 4px }
#subcontent li     { color: #879b68; font-size: 0.9em; line-height: 0.9em; text-align: left; list-style-type: none; margin: 0 0 0 8px }
#subcontent ul  { list-style-type: none; list-style-position: inside; margin: 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: 14px; font-weight: bold; line-height: 19px }
.hvy_red    { color: #ac4d43; font-size: 1.1em; font-weight: bold }
.med_red     { color: #ac4d43; font-size: 1em; font-weight: bold }
.orange { color: #ac4d43; font-size: 0.9em; line-height: 0.9em }
.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 }
.studyguide_box  { color: #505050; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; width: 225px; float: left }
.course_box        { color: #505050; font-size: 12px; line-height: 14px; background-color: #ffffff; padding: 10px 0 5px 6px }
.course_box1 { color: #505050; font-size: 12px; line-height: 14px; background-color: #ffffff; padding: 10px 0 5px 6px }
.course_box a     { color: #ac4d43 !important; font-weight: bold; text-decoration: underline }
.course_box2 a    { color: #ac4d43; font-weight: bold; text-decoration: underline }
.course_box h2 a       { font-size: 1em; font-weight: bold; line-height: 1.4em; text-decoration: underline }
.course_box h2  { margin-bottom: 4px }
#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: 550px; float: left }
.splitleft     { width: 48%; float: left }
.splitright       { width: 48%; float: right }
.wideleft         { width: 300px; float: left }
.narrowright          { width: 195px; float: right }
.coursebox  { margin-top: 10px; width: 520px; height: auto; float: left }
.courseleft   { font-weight: bold; text-align: right; width: 26%; float: left }
.lecture1 { font-weight: bold; text-align: right; width: 7%; float: left; vertical-align: top }
.lecture2 { color: #636347; font-size: 13px; font-weight: normal; line-height: 16px; text-align: left; width: 91%; float: right; vertical-align: top }
.lecture3 { font-weight: bold; text-align: right; width: 20%; float: left }
.lecture4 { color: #ac4d43; font-weight: bold; text-align: left; width: 78%; float: right }
.courseright     { text-align: left; width: 70%; float: right }
.formcol1          { color: #ac4d43; line-height: 22px; text-align: right; margin: 0 1px 0 0; width: 125px; height: 22px; float: left }
.formcol         { color: #ac4d43; line-height: 22px; text-align: right; margin: 0 1px 0 0; padding-top: 2px; width: 230px; height: 22px; float: left }
.formcol_cl  { color: #ac4d43; line-height: 22px; text-align: right; margin: 0 1px 0 0; padding-top: 2px; width: 180px; height: 22px; float: left }
.formcol2      { line-height: 22px; display: block; margin: 0; width: 160px; height: 22px; float: left }
.formcol2b      { line-height: 22px; display: block; margin: 0; width: 30px; height: 22px; float: left }
.formcol3    { line-height: 22px; display: block; margin: 0; width: 300px; height: 22px; float: left }
.formcol_cid     { line-height: 22px; display: block; margin: 0; width: 60px; height: 22px; 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: 175px; height: 20px; float: left }
.persocol2       { font-size: 0.85em; text-align: right; margin: 0; width: 20px; height: 25px; float: right }
.slidecol             { color: #444; font-size: 0.9em; text-align: left; margin: 0 0 4px 5px; width: 175px; float: left }

div.row   { width: 320px; clear: both; border:}
div.row_box { width: 540px; height: 85px; clear: both; border: none }
div.row_narrow     { width: 100%; clear: both; border: none }
div.row_extra  { width: 540px; clear: both }
.submit { height: 29px; width: 330px; padding-top: 5px; clear: both; }
textarea.classified { color: #666; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #fff; padding: 1px; width: 320px; height: 75px; border: solid 1px #ac4d43 }
.input     { color: #666; font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #fff; padding: 1px; border: solid 1px #ac4d43 }

.box_sm      { padding: 3px 3px 15px; width: 345px; height: auto; border: solid 1px #3b60aa }
.error { color: #00f }
#spanlimit { width: 350px }
.allcontent { background-color: #fff }


/******** Calendar Stylyes ****************/
#class1box  { margin-right: 25px; margin-left: 5px; width: 160px; float: left; display: block; }
#classrow { margin-top: 5px; margin-bottom: 10px; width: 570px; float: left; clear: both }
h3.title    { color: #224200; font-size: 15px; line-height: 22px; margin-top: 15px; margin-bottom: 8px; padding-top: 1px; padding-left: 5px; width: 550px; float: left; border-bottom: 1px solid #8c9a77; clear:both }