html, body, form, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}



body
{
    background-color: Black;
    color: White;
    background-image: url(./Graphics/Main/Background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}



#wrapper
{
    width: 1004px;
    margin: auto;
}

#top
{
    background-image: url(./Graphics/Main/MainBlack.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    padding: 2em;
    height: 125px;
    width: 100%;
}

#menu
{
    font-size: 1.4em;
    word-spacing: 50px;
    text-align: center;
    margin: 1em;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
}

#sideMods
{
    float: left;
    clear: both;
    position: relative;
}

#forecastDiv
{
    width: 160px;
    margin: 15px 0 15px 0;
    padding: 15px;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
}

#lunarDiv
{
    width: 182px;
    margin: 0 0 15px 0;
    padding: 0 5px 5px 5px;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White; 
}

#lunarDiv p
{
    font-size: small;
    font-weight: bold;
}

#sideMenu
{
    width: 182px;
    margin: 15px 0 0 0;
    padding: 5px;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White; 
}

.sideMenuPanel
{
    border: solid 1px white;
    font-weight: bold;
    color: White;
}

.panelContent
{
    height: 0px;
    overflow: hidden;
}

.sideMenuImage2 
{
    text-align: right;
    vertical-align: top;
}

#forecastMod {
    border: outset 1px Gray;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
}

#forecastMod td {margin-left: auto; margin-right: auto;}
#sunGlyph {vertical-align: top;}
#moonGlyph {vertical-align: top;}
#merclyph {vertical-align: top;}
#venuGlyph {vertical-align: top;}
#marsGlyph {vertical-align: top;}
#jupiGlyph {vertical-align: top;}
#satuGlyph {vertical-align: top;}
#uranGlyph {vertical-align: top;}
#neptGlyph {vertical-align: top;}
#plutGlyph {vertical-align: top;}
.planbold {font-weight: bold;}
.signRed {color: Red; font-weight:bold;}
.signGreen {color: Green; font-weight:bold;}
.signBlue {color: Blue; font-weight:bold;}
.signBrown {color: #A52A2A; font-weight:bold;}

#loginMod
{
    background-repeat: repeat;
    background: url(./Graphics/Main/DivT.png);
    margin: 0;
    border: solid 1px White;
    width: 192px;
}

#content
{
    margin-left: 210px;
    margin-right: auto;
    padding: .5em;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
    position: relative;
}

#content2
{
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
}

#signup
{
    width: 292px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
}

#login
{
    width: 202px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
}

#footer
{
    clear: both;
    margin: 1em 0 1em 0;
    padding: 1em 0 1em 0;
    color: White;
    text-align: center;
    font-size: .9em;
    letter-spacing: .5em;
    font-weight: bold;
    background-image: url(./Graphics/Main/DivT.png);
    background-repeat: repeat;
    border: solid 1px White;
    border-bottom: none;
}



#content h2 
{
    font-size: large; 
    font-weight: bold; 
    background-color: Gray;
    color: White;
    text-align: center;
}

.paypal {text-align: right;}
.aboutP {font-style: italic;}
#aboutTD {padding-left: 1em;}
#updates {text-align: center;}
.udate {font-weight: bold; font-size: 1.2em;}
.ubod {font-style: italic;}
    
#heading2 {font-weight: bold;}
.caption {text-align: center; font-size: .8em;}
a:link, a:visited {color: White; text-decoration: none;}
a:hover {color: gray; text-decoration: none;}

.small {font-size: small;}
.style3 {height: 32px;}
.style4 {margin-left: 5px;}
.style6 {height: 32px; width: 177px;}
.style8{width: 192px;}
.style9{width: 190px;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */