﻿/****************************************************************************************\

    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          : 1em;
    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%;
}

label
{
    margin          : 1em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : inherit;
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#content
{
    position        : relative;
    left            : 0px;
    width           : 748px;
    padding-bottom  : 1em;
    overflow        : auto;
}

div#content_main
{
    position    : relative;
    width       : 505px;
    margin-left : 10px;
}

div#content_wrapper
{
    position    : relative;
    width       : 525px;
    float       : right;
}

div#content_sub
{
    float   : left;
    width   : 208px;
    height  : 100%;
    padding : 0 0 0 1em;
}

div#nav
{
    position    : relative;
    top         : 0px;
    left        : 0px;
    min-height  : 4em;
    width       : 750px;
}

div#branding
{
    position    : relative;
    left        : 0px;
    min-height  : 167px;
}

div#site_info
{
    position    : relative;
    height      : 35px;
    width       : 732px;
    padding     : 1px 9px 0 9px;
    text-align  : center;
    clear       : both;
}

div#numbering
{
    width       : 300px;
    left        : 103px;
    text-align  : center;
}

div#primeMenu
{
    min-height  : 2.5em;
}

div#flashcontent
{
    float       : right;
}

/*___ SPAN _________________________________________________________________*/

span.form
{
    display : block;
    margin : .3em 0;
    position : relative;
}
    
span.logout
{
    position : absolute;
    top : 10px;
    right : 0px;
}

/*___ H1 _________________________________________________________________*/

h1.branding,
div#branding h1
{
    margin      : 0;
    text-indent : -9999px;
    width       : 450px;
    height      : 167px;
    float       : left;
}

/*___ H2 _________________________________________________________________*/

h2#h2GalleryTitle
{
    margin-bottom   : 2em;
}

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
p#galleryInfo
{
    position        : absolute;
    right           : 0px;
    top             : -.8em;
}

/*___ UL _________________________________________________________________*/

ul.nav_main,
div#nav ul
{
    margin      : 0 0 0 20px;
    position    : relative;
    padding-top : 8px;
}

ul.subMenuDefault,
div#nav ul li ul
{
    display : none;
}
    
ul.branding,
div#branding ul
{
    margin      : 0;
    position    : absolute;
    top         : 20px;
    right       : 320px;
    text-align  : right;
}   

ul.ulLogoList
{
    margin : 0;   
}

ul.ulPrimeMenu,
div#primeMenu ul
{
    text-align      : center;
    margin-left     : 0;
    margin-right    : 0;
}

ul.ulPhotoGalleryList
{
    list-style-type : none;
    margin          : 0;
    padding         : 0;   
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul.inlineList li,
ul.inlineList li img
{
    display : inline;
}

li.classes
{
   margin-top       : 0.2em;
   margin-bottom    : 1.5em;
}   

li.subMenuActive,
div#nav ul.subMenu
{
    position    : relative;
    display     : inline;
    left        : 0px;
}

li.nav,
div#nav li
{
    display : inline;
    margin  : 0 .4em;
}

li.branding,
div#branding li
{
    margin : -.1em 0;
}  
    
li.content_sub,
div#content_sub li
{
    margin : .5em 0;
}

li.liPrimeMenu,
div#primeMenu li
{
    margin-right: 0;
    margin-left : 1.5em;
}

div#primeMenu ul li:first-child
{
    margin-left : 0;   
}

ul.ulPhotoGalleryList li
{
    clear       : both;
    padding-top : 1em;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.branding,
div#branding a
{
    letter-spacing : .05em;
}

a.logout,
span.logout a
{
    margin : 0 .3em;
}

div#next a, div#previous a
{
    line-height     : 12px;
    position        : absolute;
    top             : 45px;
    width           : 15px;
    height          : 20px;
}

div#numbering
{
    line-height     : 12px;
    position        : absolute;
    top             : 45px;
    height          : 20px;
}

div#next a, div#previous a
{
    cursor          : pointer;
}

div#next a
{
    left            : 455px;
    text-indent     : -34px;
}

div#previous a
{
    left            : 39px;
    text-indent     : 15px;
}

a#photoBack
{
    position        : absolute;
    top             : 2px;
    right           : 20px;
}


/*___ TABLE _________________________________________________________________*/

table.programSignup
{
    width           : 100%;
}

table.calendar
{
    width           : 190px;
}

.calendar .calendar
{
    margin          : 0;
}
   
/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/
.calendar td,
.calendar th
{
    padding         : 3px;
}

/*___ IMG _________________________________________________________________*/

ul.ulPhotoGalleryList img
{
    float           : left;  
    margin-right    : 10px; 
}

/*___ CITE _________________________________________________________________*/

cite.gallery,
div#gallery cite
{
    margin-left : 2.5em;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT/TEXTAREA _________________________________________________________________*/

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;
}

/*___ LABEL _________________________________________________________________*/

label.radio
{
    position : relative;
    left : 2em;
}

/*___ FIELDSET _________________________________________________________________*/

fieldset.form
{
    position : relative;
    display : block;
    margin : .2em 0 .8em 0;
}

/*___Group/Section/Class_________________________________________________________________*/

