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

*{margin:0; padding:0;}

body       { color: #303030; font: 13px/16px Arial, Helvetica; background: #e4e7dd; text-align: center }
a { color: #5e949a; font-weight: normal; text-decoration: underline }
a:hover { color: #879b68; font-weight: normal; text-decoration: underline; text-align: left; margin: 0 }
li.current a { color: #957954; font-weight: bold; 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 }
#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 }
#tai_header     { background-image: url(jade/images/art_taiwan.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.current,#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, .leftnav li ul li.current a:hover { color: #957954 !important; font-weight: bold }
.leftnav li ul li a:hover { color: #957954 !important; font-weight: normal }
#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 ****************/





#content               { background-color: white; text-align: left; margin-top: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 550px; float: right; border-left: 1px solid #999 }
h1 { font-size: 1.4em; margin-top: 5px; margin-bottom: 5px }
h2       { color: #957954; font-size: 17px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 21px; display: block }
h3      { color: #957954; font-size: 14px; line-height: 17px; text-align: left; display: block; margin: 10px 0 5px }
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 }
h5     { color: #879b68; font-size: 15px; line-height: 20px; margin: 5px 0 }
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 form { text-align: left; margin: 0 }
#content p.byline{margin-top:-10px;text-align:right;}
#content ul,#content ol { 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 }
.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;}
#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;}
/**************** 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 }
#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    { 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; 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: 300px; clear: both; border: none }
div.row_box { width: 540px; height: 85px; clear: both; border: none }
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; }
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 }
.bullets {width: 100%; margin-top: 15px}
.bullets ul, .bullets ol {margin-left: 25px}
.bullets ul li {line-height: 17px; margin-bottom: 8px}
.bullets ul li a, .bullets ol li a {font-weight: bold}
.bullets ol li {line-height: 17px; margin-bottom: 8px;  color:#5e949a; font-weight: bold }