﻿/* 
    2/20/08 Nannette Thacker, http://www.shiningstar.net
*/

/* expandable width, minimum width */

body
{
   /*  padding: 0 225px 0 225px; */
    margin: 0;
    text-align: left;
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 12px;
    color: #000000;
    line-height: 1.5em;
    background: url(starrysky.jpg);
}

#sizer
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 57%;
    max-width: 390px; /* version for IE is at the bottom of this style block */
}

#expander
{
    margin: 0 -300px 0 -300px;
    min-width: 600px; /* Critical Safari fix! */
    position: relative;
}

/* Holly hack for IE \*/
* html #expander
{
    height: 0;
}
/* */

/* helps IE get the child percentages right. */
#wrapper
{
    width: 100%;
}


/* put IE's max-width, just above the body-tag  */


a
{
    text-decoration: underline;
    color: #394C63;
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 12px;
}

a:hover
{
    text-decoration: underline;
    color: #5a8bc8;
    font-family: Lucida Grande, Arial, Verdana;
}



.form
{
    margin: 0;
    padding: 0;
}




.ContentWidth
{
    width: 700px;
}

.StarLeft
{
    height: 432px;
    width: 216px;
    display: block;
    background: url(starLeft.jpg);
    background-repeat: no-repeat;
    left: 0px;
    position: absolute;
    top: 0px;
}
.StarRight
{
    height: 288px;
    width: 504px;
    background: url(starRight.jpg);
    background-repeat: no-repeat;
    left: 700px;
    position: absolute;
    top: 0px;
}
.StarBottom
{
    height: 288px;
    width: 700px;
    background: url(starBottom2.jpg);
    background-repeat: no-repeat;
    text-align: center;
}

.LogoBlack
{
    height: 82px;
    width: 100%;
    text-align: center;
}

.LogoText
{
    padding-top: 12px;
    height: 35px;
    width: 612pt;
    text-align: left;
}



.Logo
{
    display: block;
    width: 210px;
    height: 25px;
    background: url(stargateLogo3Black.png);
    background-repeat: no-repeat;
}



.footerlinks
{
    clear: both;
    text-align: left;
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    height: 24px;
}
.footerlinks A:link, .footerlinks A:visited
{
    text-decoration: none;
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 11px;
    color: #ECF4F5;
    font-style: italic;
}
.footerlinks A:hover
{
    text-decoration: underline;
    font-family: Lucida Grande, Arial, Verdana;
    color: #DAE4E3;
}


.ContentBack
{
    display: block;
    height: 100%;
    width: 100%;
}




.PadTop80
{
    height: 80px;
}
.PadTop12
{
    padding-top: 12px;
}
.PadLeft5
{
    padding-left: 5px;
}

.PadLeft10
{
    padding-left: 10px;
}
.PadTop4
{
    padding-top: 4px;
}
.PadLeft2
{
    padding-left: 2px;
}


.FooterPanels
{
    width: 20%;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
}
.FooterPanelsText
{
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    vertical-align: middle;
}




.DividerTab
{
    padding-left: 15px;
}

.ContentInside
{
    width: 519px;
    text-align: left;
    padding-left: 6px;
}

.ContentContainer
{
    width: 519px;
    border: solid #eadec2 6px;
}
.ContentTable
{
    padding: 4px 4px 4px 4px;
}


.head1, H4, H3, h3, h4
{
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 18px;
    line-height: 1.5em;
    color: Black;
    font-weight: Bold;
}
.head2
{
    font-family: Lucida Grande, Arial, Verdana;
    font-size: 20px;
    line-height: 1.5em;
    color: Black;
    font-weight: Bold;
}


.menua
{
    font-size: 13px;
    background: none;
    font-family: Arial, Verdana;
    text-decoration: none;
    font-weight: Bold;
    text-align: left;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
}


.menua a:visited
{
    padding-left: 5px;
    padding-right: 5px;
}

.menua a:hover
{
    color: #c7cfeb;
    font-size: 12px;
    font-weight: Bold;
    text-decoration: none;
    font-family: Arial, Verdana;
    background-image: url(menuHoverBG1.jpg);
    display: block;
    background-repeat: repeat-x;    
    height: 22px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
}

.MenuBG
{
    background-image: url(menuBG.jpg);
    text-align: left;
    background-repeat: repeat-x;
}
.MenuBGLeft
{
    width: 8px;
    background-image: url(menuLeftBG.jpg);
    background-repeat: no-repeat;
}
.MenuBGRight
{
    width: 8px;
    background-image: url(menuRightBG2.jpg);
    background-repeat: no-repeat;
}

.menub
{
    font-size: 12px;
    background: #394C63;
    color: #FFFFFF;
    font-family: Arial, Verdana;
    text-decoration: none;
    font-weight: Bold;
    text-align: left;
    border: 0;
    padding-left: 5px;
    height: 25px;    
}

.menub a:link, .menub a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
}

.menub a:hover
{
    color: #c7cfeb;
    text-decoration: none;
    padding-left: 5px;
    font-family: Arial, Verdana;
}

.ContentBody
{
   /* width: 490px; */
   width: 100%;
    text-align: left;
    background: White;
    min-width: 540px;
    padding-right: 3px;
}
.ContentMiddle
{
   width: 100%;
    height: 35px;
    background: url(contentmiddle.jpg) repeat-x;
    min-width: 540px;
}
.ContentBMiddle
{
   width: 100%;
    height: 35px;
    background: url(contentBmiddle.jpg) repeat-x;
    min-width: 540px;
}

/* top */
.ContentLeft
{
    display: block;
    width: 35px;
    height: 35px;
    background: url(contentleft.jpg);
    background-repeat: no-repeat;
}
.ContentRight
{
    display: block;
    width: 35px;
    height: 35px;
    background: url(contentright.jpg);
    background-repeat: no-repeat;
}

.ContentLLeft
{
    width: 35px;
    height: 35px;
    background: url(contentLleft.jpg) repeat-y;
}
.ContentRRight
{
    width: 35px;
    height: 35px;
    background: url(contentRright.jpg) repeat-y;
}


.ContentBLeft
{
    display: block;
    width: 35px;
    height: 35px;
    background: url(contentBleft.jpg);
    background-repeat: no-repeat;
}
.ContentBRight
{
    display: block;
    width: 35px;
    height: 35px;
    background: url(contentBright.jpg);
    background-repeat: no-repeat;
}

