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

    Global Styles
    Global Constructs
    Global Classes

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



html 
{
}

body 
{
    position        : relative;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : 2em;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

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

ul 
{
    margin          : 0;
    margin-left     : 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : disc;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : decimal;
}

li 
{
    margin-bottom   : 0.7em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

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

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

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

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

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

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

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

tr 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    margin          : 0;
    padding         : 0.5em;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    margin          : 0;
    padding         : 0.5em;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

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

    Global Classes

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

/*___ img _________________________________________________________________*/

img.floatPic
{
    float           : right;    
}

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

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

/*___ div _________________________________________________________________*/

div#branding
{
    position    : relative;
    height      : 166px;
    margin      : 0 auto;
}

div#branding_wrapper
{
    position    : relative;
    width       : 820px;
    margin-left : auto;
    margin-right: auto;
}

div#nav_main
{
    position : relative;
    margin : 0 auto;
    width : 780px;
    height : 53px;
}

div#content
{
    position        : relative;
    width           : 776px;
    margin-left     : auto;
    margin-right    : auto;
    padding-bottom  : 2em;
    margin-bottom   : 1em;
}

div#content_main,
div#content_sub_left,
div#content_sub_right
{
    position    : relative;
    margin-left : 20px;
}

div#content_main
{
    float : left;
    width : 436px;
}

div#content_sub_left
{
    width : 132px;
    float : left;
}

div#content_sub_right
{
    width : 132px;
    float : left;
}

div#site_info
{
    text-align : center;
    clear : both;
}

div#contactFormBottom
{
    clear : both;
    text-align : center;
}

div#anchor
{
    clear : both;
}

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

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

div.displayNone 
{
    display : none;
}

div.displayBlock
{
    display : block;   
}

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

div.profileCol
{
    width       : 45%;
    float       : left;    
    padding-top : 1em;
}

div.profileButtonWrapper
{
    clear : both;   
}

div#studentProfile
{
    position : relative;    
}

div#studentProfileDetailsBox
{
    position    : relative;
    margin      : 1em 0 1em 0;
    padding     : 10px;
}

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

div#studentProfileDetailsFooter
{
    clear       : both;   
    margin      : 0 -10px -10px -10px;
    text-align  : center;
    padding     : 10px;
}

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#needsPDF
{
    margin-top      : 1em;
    padding         : 20px 10px 10px 10px;
    text-align      : center;
}

div#flashcontent
{
    overflow        : hidden;
    width           : 132px;    
}

/*___ span _________________________________________________________________*/

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

span.spanClassRegistrationBox,
div#classRegistrationBox label span
{
    display : block;
}

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.classDetailsInstructors
{
    display         : block;
    padding-left    : 150px;    
}

span.classDetailsValue
{
    display         : block;
    float           : left;
    width           : 260px;
}

.ulUpcomingWorkshops span
{
	display			: block;
}

/*___ h1 _________________________________________________________________*/

h1#brandingLogo
{
    display     : block;
    width       : 283px;
    height      : 148px;
    position    : absolute;
    top         : 10px;
    left        : 41px;
}

/*___ h2 _________________________________________________________________*/

h2.content_main,
div#content_main h2
{
    text-indent : 1em;
}

/*___ h3 _________________________________________________________________*/

h3#h3ClassRegistration,
h3#h3StudentProfile,
h3#h3Profile
{
    text-indent : 1em;
    line-height : 2em;

}

/*___ h4 _________________________________________________________________*/

h4.h4CourseCategory 
{
    line-height : 1em;
}

h4#h4ProfileClass
{
    margin-bottom : 0.5em;
}

/*___ h5 _________________________________________________________________*/

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

/*___ ul _________________________________________________________________*/

ul#footerOutsideLinks
{
    list-style-type : none;
    margin-left     : 0;
    margin-top      : 1em;
    width           : 100%;
}

ul#footerBreadcrumb
{
    list-style-type : none;
    margin-left     : 0;
    clear           : both;
}

ul#lblContactPage
{
    list-style-type : none;
    margin-left     : 0;
    width           : 48%;
    float           : left;
    text-align      : right;
}

ul#frmContactPage
{
    list-style-type : none;
    margin-left     : 0;
    width           : 50%;
    float           : right;
}

ul.nav_main,
div#nav_main ul
{
    list-style-type : none;
    width           : 780px;
    position        : relative;
    margin          : 0 auto;
}

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

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

ul#ulProfileClass
{
    margin          : 0;
    list-style-type : none;
    padding-left    : 10px;   
}

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

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

ul#ulCourseDetails
{
    list-style-type : none;
    padding         : 0 0 0 0;
    margin          : 1em 0 1em 0;   
}

/*___ li _________________________________________________________________*/

ul#footerBreadcrumb li
{
    display : inline;
}

ul#lblContactPage li,
ul#frmContactPage li
{
    height : 2em;
}

ul#lblContactPage li.lastLI,
ul#frmContactPage li.lastLI
{
    height : 9em;
}

li.content_sub,
    div#content_sub ul li
{
    margin-bottom : 1em;
}    

li.nav_main,
    div#nav_main ul li
{
    float : left;
}

li#liProfileClassHead
{
    padding     : 3px;
    position    : relative;    
}

ul#ulProfileClass li:first-child
{
    margin-left : -10px;   
}

ul#ulCourseDetails li
{
    overflow        : hidden;   
}


/*___ p _________________________________________________________________*/

/*___ a _________________________________________________________________*/

a.footerOutsideLinks,
    ul#footerOutsideLinks li a
{
    margin : 0 auto;
}

a#footerLinkNERRS
{
    display : block;
    width : 126px;
    height : 63px;
    text-indent : -9999em;
}

a#footerLinkNOAA
{
    display     : block;
    width       : 88px;
    height      : 88px;
    text-indent : -9999em;
}

a#footerLinkGADNR
{
    display     : block;
    width       : 77px;
    height      : 88px;
    text-indent : -9999em;
}

a#programs,
a#workshops,
a#contact,
a#links,
a#resources
{
    display     : block;
    height      : 53px;
    text-indent : -9999px;
}


a#workshops,
a#contact,
a#links,
a#resources
{
    width : 152px;
}

a#programs
{
    width : 172px;
}

a.aH1BrandingLogo,
h1#brandingLogo a
{
    display     : block;
    width       : 283px;
    height      : 148px;
    text-indent : -9999em;
    position    : absolute;
}

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

div.courseDetailsBox a.btnClassRegister
{
    position    : absolute;
    left        : 10px;
    bottom      : 17px;    
}

a.aNotStudent
{
    padding-left : 1em;    
}

a.btnStudentProfileEditProfile
{
    position    : absolute;
    right       : 0;
    top         : 4em;   
}

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

a#aRegForClasses
{
    display     : block;
    width       : 291px;
    height      : 49px;
    margin      : 0 auto;
    text-indent : -9999em;
}

div#needsPDF a
{
    display         : block;
    padding-top     : 40px;   
}

ul.ulUpcomingWorkshops a
{
    display         : block;
}   

a#aPrintInvoice
{
    float           : right;   
}

@media print { div#invoiceContent a, div#invoiceContent u  { text-decoration : none !important; } }  

/*___ img _________________________________________________________________*/

img.imgCourseCategory 
{
    float : left;
    margin-right : 10px;
}

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

img#imgCourseDetails[src=""]
{
    display         : none;    
}

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


/*___ cite _________________________________________________________________*/

cite#brandingQuote
{
    display         : block;
    width           : 820px;
    height          : 166px;
    text-indent     : -9999px;
}

/*___ label _________________________________________________________________*/

label.loginForm
{
    letter-spacing : .1em;
}

label.labelClassRegistrationBox,
div#classRegistrationBox label
{
    display         : block; 
    margin-bottom   : 0.5em;  
}

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

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

/*___ input _________________________________________________________________*/

input.loginForm
{
    margin-bottom   : .4em;
    margin-left     : auto;
    margin-right    : auto;
}

input.loginTextBox
{
    width : 130px;
    height : 1.3em;
}

a.loginSubmit 
{
    display : block;
}

/* --- IE HACK (Why, oh why, Microsoft?) --- */
*input.loginTextBox
{
    margin-left : -20px;
}

input#rememberMe
{
    position        : relative;
    top             : 5px;
    margin-left     : 15px;
    margin-right    : 0.2em;
}

input#loginSubmit
{
    width       : 50px;
    position    : relative;
    left        : 82px;
    margin-top  : .8em;
}

/* --- IE HACK (Why, oh why, Microsoft?) --- */
*input#loginSubmit
{
    left : 62px;
}