/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    position        : relative;
    margin          : 10px auto 0 auto;
    letter-spacing  : normal;
    line-height     : normal;
    width           : 750px;
}

h1 
{
    margin          : .5em 0;
    padding         : 0;
    letter-spacing  : .08em;
    line-height     : inherit;
}

h2 
{
    margin          : .5em 0;
    padding         : 0;
    letter-spacing  : .08em;
    line-height     : inherit;
}

h3 
{
    margin          : .5em 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : inherit;
}

h4 
{
    margin : .5em 0;
    padding : 0;
    letter-spacing : .08em;
    line-height : inherit;
}

h5 
{
    margin : .5em 0;
    padding : 0;
    letter-spacing : .08em;
    line-height : inherit;
}

h6 
{
    margin : .5em 0;
    padding : 0;
    letter-spacing : .08em;
    line-height : inherit;
}

p 
{
    margin          : 0 0 1em 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : inherit;
}

ul 
{
    margin : 1em 1.5em;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

ol 
{
    margin : 1em 1.8em;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

li 
{
    margin : .2em 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

strong 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

em 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

u 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

a 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

a:visited 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

a:hover 
{
    margin : 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

table 
{
    width : auto;
    height : auto;
    margin : 1em 0;
    padding : 0;
    letter-spacing : inherit;
    line-height : inherit;
}

tr 
{
    width : auto;
    height : auto;
    margin : 0;
    padding : .5em;
    letter-spacing : inherit;
    line-height : inherit;
}

th 
{
    width : auto;
    height : auto;
    margin : 0;
    padding : .5em;
    letter-spacing : inherit;
    line-height : inherit;
}

td 
{
    width : auto;
    height : auto;
    margin : 0;
    padding : .5em;
    letter-spacing : inherit;
    line-height : inherit;
}

img 
{
    display : block;
    margin : 0 auto;
}

hr
{
    height : 2px;
    width : 60%;
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/
            
/*___ DIV _________________________________________________________________*/

div#content
{
    position        : relative;
    top             : 59px;
    left            : 0px;
    width           : 748px;
    padding-bottom  : 1em;
    overflow        : auto;
}

div#content_wrapper
{
    position    : relative;
    width       : 525px;
    float       : right;
}

div#content_main
{
    position    : relative;
    width       : 505px;
    margin-left : 10px;
}

div#content_sub
{
    float   : left;
    width   : 208px;
    height  : 100%;
    padding : 0 0 0 1em;
}

div#nav
{
    position    : absolute;
    top         : 0px;
    left        : 0px;
    height      : 59px;
    width       : 750px;
}

div#branding
{
    position    : relative;
    top         : 59px;
    left        : 0px;
    height      : 131px;
}

div#branding div#flashcontent
{
    display     : inline;
    position    : absolute;
    top         : 0px;
    left        : 450px;
}

div#site_info
{
    position    : relative;
    top         : 59px;
    height      : 35px;
    width       : 732px;
    padding     : 1px 9px 0 9px;
    text-align  : center;
}

div#numbering
{
    width       : 300px;
    left        : 103px;
    text-align  : center;
}

div.courseCategoryHead
{
    position    : relative;   
    clear       : both;
}

div.courseDetailsBox 
{
    margin-bottom   : 20px; 
    padding         : 17px 10px 44px;
    position        : relative;
}

div.displayNone
{
    display : none;   
}

div.displayBlock
{
    display : block;   
}

div.displayInline
{
    display : inline;    
}

div#studentProfile 
{
    position : relative;
}

div#studentProfileDetailsBox 
{
    margin-top      : 1em;
    padding-left    : 10px;
    padding-right   : 10px;
    padding-top     : 10px;
    position        : relative;
}

div.studentProfileDetailsCol 
{
    float           : left;
    padding-bottom  : 10px;
    width           : 49%;
}

div#studentProfileDetailsFooter 
{
    clear           : both;
    margin-left     : -10px;
    margin-right    : -10px;
    min-height      : 81px;
    position        : relative;
}

div.studentProfileDetailsFooterField 
{
    height  : 61px;
    margin  : 10px;
    width   : 255px;
}

div#spdff1 
{
    margin      : 0pt auto;
    position    : relative;
}

div.profileCol 
{
    float       : left;
    position    : relative;
    width       : 49%;
}

div.profileButtonWrapper 
{
    clear       : both;
    padding-top : 0.25em;
    position    : relative;
}

div.rfiCol 
{
    float   : left;
    width   : 49%;
}

div#classRegistrationBox
{
    position : relative;
}

div.classRegistrationCol
{
    float : left;
    width : 49%;
}

div#invoice
{
    position    : relative;
    width       : 763px;
    margin      : 0 auto;
    padding     : 5px;
}

div#invoicePaymentInfo
{
    margin : -5px;
    padding : 5px;   
}

div#invoiceHeader
{
    margin  : 0 auto;
    width   : 775px;   
}

div#invoiceContent
{
    position    : relative;
    margin      : 0 auto;
    width       : 775px;
}

*div#invoiceContent
{
    margin-top : -3px;   
}

div#invoiceWrapper
{
    position        : relative;
    width           : 100%; 
    margin-right    : -282px;
    float           : left;
}

div#invoiceMain
{
    position        : relative;
    margin-right    : 282px;
    margin-left     : 24px;   
}

div#invoiceSub
{
    position        : relative;
    width           : 234px;
    margin-right    : 24px;   
    float           : right;
}

div#invoiceFooter
{
    margin      : 0 auto;
    width       : 775px; 
    height      : 45px;
    max-height  : 45px;
}

@media print { div#invoiceHeader  { max-width : 99%; } }  
@media print { div#invoiceContent { max-width : 99%; } }
@media print { div#invoiceFooter  { max-width : 99%; height : auto; overflow:hidden; } }
@media print { div#invoiceHeader img { max-width : 100%; } } 
div.invoiceHeightBox
{
    margin-top      : 25px;
    height          : 200px;
    margin-bottom   : 25px;   
}

div#invoicePayment,
div#invoicePleaseNote
{
    padding : 5px;   
}

div#invoicePleaseNote
{
    margin-bottom : 10px;   
}

*div#invoicePayment,
*div#invoicePleaseNote,
*div#invoiceStudentProfile
{
    margin-top : -3px;
}

div#invoiceStudentProfile
{
    position        : relative;
    width           : 453px;
    padding         : 5px;
    padding-left    : 20px;
    margin-bottom   : 10px;
}

@media print { div#invoiceStudentProfile { max-width : 100%; padding : 0; padding-right : -1px; } }


div#invoiceRegistrationFor
{
    margin-left : 21px;   
}

div#returnToMainSite
{
    text-align : right;
    padding-right : 1em;
}


/*___ SPAN _________________________________________________________________*/

span.form
{
    display     : block;
    margin      : .3em 0;
    position    : relative;
}
    
span.logout
{
    position    : absolute;
    top         : 10px;
    right       : 0px;
}

span.classDetailsCategory 
{
    display : block;
    float   : left;
    width   : 150px;
}

span.spanStudentProfileDetails 
{
    display         : block;
    margin-bottom   : 1em;
}

span.profileClassColumnFirst, 
span.profileClassColumnFirstHead 
{
    display         : block;
    float           : left;
    padding-right   : 10px;
    width           : 38%;
}

span.profileClassColumn 
{
    display : block;
    float   : left;
    width   : 15%;
}

span.spanRFIForm, 
div#rfiForm span 
{
    display : block;
}

span.spanClassRegistrationCol, 
div.classRegistrationCol span 
{
    display : block;
}

span.classDetailsLocation,
span.classDetailsInstructors
{
    display         : block;
    float           : left;
    width           : 325px;    
}

/*___ H1 _________________________________________________________________*/

h1.branding,
div#branding h1
{
    margin      : 0;
    text-indent : -9999px;
    width       : 450px;
    height      : 131px;
}

/*___ H2 _________________________________________________________________*/

h2#h2GalleryTitle
{
    margin-bottom   : 2em;
}

/*___ H3 _________________________________________________________________*/

h3#h3CourseDetails 
{
    margin-bottom : 15px;
}

/*___ H4 _________________________________________________________________*/

h4.h4CourseCategory 
{
    line-height     : 1em;
    padding-left    : 144px;
}

/*___ H5 _________________________________________________________________*/

h5.h5ClassesOffered 
{
    margin-bottom   : 0.75em;
    margin-left     : 144px;
}

h5.h5StudentProfileDetailsFooter 
{
    margin-top  : 10px;
    text-align  : center;
}

/*___ H6 _________________________________________________________________*/

h6#h6BalanceDue 
{
    text-align : center;
}

/*___ P _________________________________________________________________*/

p#galleryInfo
{
    position    : absolute;
    right       : 0px;
    top         : -0.8em;
}

p.pCourseCategory 
{
    padding-left : 144px;
}

/*___ UL _________________________________________________________________*/

ul.nav_main,
div#nav ul
{
    margin      : 0;
    position    : relative;
}

ul.ulPrimeMenu, 
div#primeMenu ul 
{
    margin-left     : 0pt;
    margin-right    : 0pt;
    text-align      : center;
}

ul.subMenuDefault,
div#nav ul li ul
{
    display : none;
}
    
ul.branding,
div#branding ul
{
    margin      : 0;
    position    : absolute;
    top         : 4px;
    left        : 158px;
    text-align  : right;
}   

ul.ulClassesOffered 
{
    margin          : 0pt 0pt 1em;
    list-style-type : none;
}

ul.ulScheduledClassesMain
{
    list-style-type : none;
    margin          : 0pt;
}

ul.ulScheduledClassDetails 
{
    list-style-type : none;
    margin          : 0pt;
}

ul.ulCourseDetailsList 
{
    list-style-type : none;
    margin          : 0pt;
    clear           : both;
}

ul.subMenu
{
    display : none;   
}

ul.ulScheduledAgenda 
{
    list-style-type : none;
    margin          : 0 0 1em 0;
}

ul#ulProfileClass 
{
    list-style-type : none;
    margin          : 0pt;
}

ul.ulSubPages
{
    margin-top      : 0px;
    margin-left     : 5px;
}
    
/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul.inlineList li,
ul.inlineList li img
{
    display : inline;
}

li.classes
{
   margin-top       : 0.2em;
   margin-bottom    : 1.5em;
}   

li.nav,
div#nav li
{
    display : inline;
    margin  : 0 .22em;
}

li.branding,
div#branding li
{
    margin : .1em 0;
}  
    
li.content_sub,
div#content_sub li
{
    margin : .5em 0;
}

li.liClassesOffered,
ul.ulClassesOffered li 
{
    margin-left : 144px;
}

li.liScheduledClassesMain, 
ul.ulScheduledClassesMain li 
{
    margin-bottom   : 20px;
    min-height      : 129px;
    padding         : 17px 10px 44px 10px;
    position        : relative;
}

li.liScheduledClassesMain_nested, 
ul.ulScheduledClassesMain li li
{
    margin      : 0pt;
    min-height  : 0pt;
    padding     : 0pt;
}

ul.ulCourseDetailsList li li
{
    margin      : 0pt;
    min-height  : 0pt;
    padding     : 0pt;
}

li.liScheduledClassesMain_nested,
ul.ulScheduledClassesMain li li 
{
    background  : transparent none repeat scroll 0%;
    border      : 0pt none;
}

li.ulPrimeMenu, 
div#primeMenu ul li
{
    padding     : 0 6px 0 6px;
}

ul.ulScheduledAgenda li
{
    overflow            : hidden;   
    padding-top         : 0.5em;
    clear               : both;
}


/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.aNext, a.aPrevious, a.aNumbering,
div#next a, div#previous a, div#numbering a
{
    line-height : 12px;
    position    : absolute;
    top         : 45px;
    width       : 15px;
    height      : 20px;
}

a.aNext, a.aPrevious,
div#next a, div#previous a
{
    cursor : pointer;
}

a.aNext,
div#next a
{
    left            : 455px;
    text-indent     : -34px;
}

a.aPrevious,
div#previous a
{
    left            : 39px;
    text-indent     : 15px;
}

a#photoBack
{
    position        : absolute;
    top             : 2px;
    right           : 20px;
}

a.branding,
div#branding a
{
    letter-spacing : .05em;
}

a.logout,
span.logout a
{
    margin : 0 0.3em;
}

a.aCourseCatalogClassTitle 
{
    display : block;
    float   : left;
    width   : 75%;
}

a.btnStudentProfileEditProfile 
{
    display     : block;
    height      : 22px;
    position    : absolute;
    right       : 0pt;
    text-indent : -9999em;
    top         : 2em;
    width       : 121px;
}

a.btnFormResetPass 
{
    display     : block;
    height      : 22px;
    text-indent : -9999em;
    width       : 121px;
}

a.btnFormSave 
{
    display     : block;
    height      : 22px;
    margin-top  : 1em;
    text-indent : -9999em;
    width       : 121px;
}

a.btnFormSubmit 
{
    display     : block;
    height      : 22px;
    text-indent : -9999em;
    width       : 121px;
}

a#aPrintLocation
{
    float       : right;   
}

a.btnClassRegister,
a.btnClassRegisterWait
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;   
}

/*___ TABLE _________________________________________________________________*/

table.programSignup
{
    width : 100%;
}    

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img.imgCourseCategory 
{
    left        : 0pt;
    position    : absolute;
    top         : 0pt;
}

img.imgScheduledClass 
{
    max-width       : 125px;
    float           : right;
    margin-left     : 10px;
    display			: none;
}

img#imgCourseDetails 
{
    float           : left;
    height          : 96px;
    margin-bottom   : 10px;
    margin-right    : 15px;
    width           : 128px;
    display			: none;
}

img#imgLocation
{
    float           : right;
    margin-left     : 15px;
    margin-bottom   : 15px;   
}

/*___ CITE _________________________________________________________________*/

cite.gallery,
div#gallery cite
{
    margin-left : 2.5em;
}

/*___ FIELDSET _________________________________________________________________*/

fieldset.form
{
    position    : relative;
    display     : block;
    margin      : .2em 0 .8em 0;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

input.form,
fieldset.form input
{
    position    : absolute;
    top         : 0em;
    left        : 12em;
}

input.radio,
fieldset.form input.radio
{
    left : 1em;
}

input.form,
span.form input
{
    position    : absolute;
    left        : 7em;
}
    
input.submit,
span.form input.submit
{
    position    : relative;
    left        : 7em;
}

input.inputRFIForm, 
div#rfiForm input 
{
    width : 90%;
}

input.inputRFISubject, 
label#lblRFISubject input 
{
    width : 44%;
}

textarea.textareaRFIForm, 
div#rfiForm textarea 
{
    margin-bottom   : 0.5em;
    width           : 93%;
}

/*___ LABEL _________________________________________________________________*/

label.labelClassScCost
{
    margin : 0;    
}

label.labelClassSchRegBtn 
{
    display     : block;
    margin-top  : 1em;
}

div.profileCol label 
{
    display         : block;
    margin-bottom   : 0.5em;
}

label#lblRFISubject 
{
    clear : both;
}

label.lblRFIForm, 
div#rfiForm label 
{
    display     : block;
    line-height : 1.25em;
    padding-top : 1em;
}

label.lblClassRegistrationCol, 
div.classRegistrationCol label 
{
    display         : block;
    margin-bottom   : 0.5em;
}

/*___Group/Section/Class_________________________________________________________________*/