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

*html{margin:0; padding:0;}

body          { color: #000; font-size: 78%; font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background: #666666; text-align: center }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }
p { text-align: justify; padding: 4px 0 8px }
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-image: url(../images/container-bgnd.gif); background-repeat: repeat; margin: 10px auto 20px; width: 800px; border: solid 2px #757575 }
.navhead                  { background-color: #7b7b7b; background-image: url(images/as-logo.gif); background-repeat: no-repeat; width: 216px; height: 162px }
.navspace   { line-height: 2px; background-color: #757575; margin: 0; width: 216px; height: 2px }
#leftnav            { text-align: left; width: 216px; float: left }
#leftnav ul         { margin-left: 30px; padding: 15px 0 5px }
#leftnav li            { font-size: 1.1em; font-weight: bold; line-height: 2.5em; list-style-type: none; display: list-item }
#leftnav li a         { color: #593d2b }
#leftnav li a:hover        { color: #52b3c4; text-decoration: none }
#leftnav li.current a        { color: #52b3c4; text-decoration: none }
#leftnav li ul         { margin-top: -23px; margin-left: 5px }
#leftnav li li             { font-size: 0.9em; font-weight: bold; line-height: 1.5em; list-style-type: none; display: list-item }
#leftnav li li a          { color: #757575 !important }
#leftnav li li a:hover         { color: #52b3c4; text-decoration: none; list-style-type: none }
#leftnav li li.current a         { color: #52b3c4 !important; text-decoration: none }
#leftnav li ul a:hover { color: #52b3c4 !important; list-style-image: none }
/*************** footer style **********************/

#footspace { background-color: #757575; width: 800px; height: 2px; clear: both }
#footer      { color: #593d2b; font-size: 0.8em; background-image: url(../images/asfooter.gif); background-repeat: no-repeat; padding-top: 10px; width: 800px; height: 25px }
#footer a  { color: #836b48; background-color: inherit }
#footer a:hover { text-decoration: underline; background-color: inherit }


/************** main content **************/


#content                    { line-height: 1.6em; background-color: white; text-align: left; margin-top: 2px; padding: 25px 20px 15px 25px; width: 537px; float: right }
*html #content                        { line-height: 1.6em; background-color: white; text-align: left; margin-top: 2px; margin-right: -4px; padding: 25px 20px 15px 25px; width: 541px; float: right }

#content h2         { color: #52b3c4; font-size: 1.25em; font-weight: bold; text-transform: uppercase; letter-spacing: 12px; display: block; margin-bottom: 10px }
#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: #52b3c4; font-weight: bold; text-decoration: none; text-align: left; margin: 0 }
#content a:visited  { color: #52b3c4; font-weight: bold; text-decoration: none; text-align: left; margin: 0 }
#content a:hover  { font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
#content ul   { margin: 15px 0 10px 0 }
#content li.blue    { font-size: 1.2em; line-height: 1.2em; background-image: url(../images/bluebullet.png); background-repeat: no-repeat; list-style-type: none; margin: 0; padding-left: 15px }
#content ol     { margin: 15px 0 10px 0 }
#content li.reg   { color: black !important; font-size: 1em; line-height: 1.4em; display: list-item; margin-top: 5px; margin-bottom: 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 }
#content hr    { color: #8e8e8e; background-color: #8e8e8e; text-align: center; width: 80%; height: 2px; border-style: none }

#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 }



/**************** Misc classes and styles ****************/
.clear{clear:both;}
.small   { color: black !important; font-size: 0.85em }
.med   { color: black !important; font-size: 0.9em }
.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 }
.med_red    { color: #ac4d43; font-size: 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 }



/**************** 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: 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 }

.box_sm      { padding: 3px 3px 15px; width: 345px; height: auto; border: solid 1px #3b60aa }