/* ####################### LAYOUT CONTROL ################### */
body
{
    margin: 0px;
    background-color: #646464;
    background-image: url(  '/media/background.jpg' );
    background-position: left top;
    background-repeat: repeat-x;
    background-attachment: fixed;
}
#contentContainer
{
    width: 690px;
    margin: 0 auto 50px auto;
    vertical-align: top;
    position: relative;
    z-index: 25;
}
#headerContainer
{
    height:135px;
    width: 100%;
    padding-bottom: 20px;
}
#header
{
    margin: auto;
    width: 690px;
}
#footerContainer
{
    background-color: #333333;
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}
/* ########################################################### */

/* #################### LEFT COLUMN STYLES ################### */
.leftMenu
{
    /*background-color:Aqua;*/
    width: 180px;
    float: left;
    clear:left;
    margin-right: 24px;
}

.leftMenu #content
{
    color: #FFFFFF;
    font-family: arial, verdana;
    font-size: 0.8em;
}
/* ########################################################### */



/* ########################################################### */

/* ###################### HEADER STYLES ##################### */
#headerMenu
{
    background-position: left top;
    background-image: url('/media/header.png');
    font-family: arial, verdana;
    font-size: 0.8em;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    height: 135px;
    padding-top: 63px;
    padding-left: 30px;
    background-repeat: repeat-x;
}
#headerMenu A
{
    color: #333333;
    text-decoration: none;
}
#headerMenu A:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.menuSpacer
{
    padding-left: 2px;
    padding-right: 2px;
    color: #333333;
}
/* ########################################################## */

/* ###################### FOOTER STYLES ##################### */

#footer
{
    margin: auto;
    font-family: arial, verdana;
    font-size: 0.8em;
    font-weight: bolder;
    font-style: italic;
    color: #FFFFFF;
    vertical-align: middle;
    height: 50px;
    width: 690px;
    text-align: left;
    padding-top: 18px;
}
#footer A
{
    color: #FFFFFF;
    text-decoration: none;
}
#footer A:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
/* ########################################################### */

/* ################# LOGIN/MEMBERSHIP STYLES ################# */
#loginStatus
{
    font-weight: bolder;
    color: #696969;
    font-family: Tahoma, Arial, Verdana;
}
#loginStatus A
{
    color: #ffffff;
    text-decoration: none;
}
.logininsructionText
{
    font-size: 0.8em;
    color: #333333;
    font-family: Tahoma, Arial, Verdana;
    text-align: left;
    padding-bottom:20px;
    margin-left:100px;
    margin-right:100px;
}
/* ########################################################### */



/* ###################### CONTENT STYLES ##################### */
#content
{
    width:auto; /*484px*/
    color: #ffffff;
    font-family: Arial;
    /*background-color:Blue;*/


}
div#content  A
{
    color: #ffffff;
}
div#content A:hover
{
    color: #ff33cc;
    text-decoration: underline;
}
div#content li
{
    padding-left:20px;
}
/* ########################################################### */

/* ###################### SIDEBAR STYLES ##################### */
table.sideBar 
{
    border: 1px solid #FFFFFF;
    width: 180px;
    background-color: #606060;
}
table.sideBar td
{
    vertical-align: top;
    text-align: left;
}
table.sideBar img
{
    border-style: none;
    border-width: 0;
    height: 30px;
    width: 30px;
}
table.sideBar .title, A
{
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bolder;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBar .subtitle, A
{
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bolder;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBar .description, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
}

table.sideBar  A:hover .title, A:hover .subtitle, A:hover .description
{
    text-decoration: underline;
}
table.sideBar .titleBarBkgd
{
    background-color: #333333;    
}
/* ########################################################### */


/* ###################### SIDEBAR WEATHER STYLES ##################### */
table.sideBarWeather 
{
    border: 1px solid #FFFFFF;
    width: 180px;
    background-color: #606060;
}
table.sideBarWeather td
{
    vertical-align: top;
    text-align: left;
}
table.sideBarWeather img
{
    border-style: none;
    border-width: 0;
    height: 30px;
    width: 30px;
}
table.sideBarWeather .title, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
}
table.sideBarWeather .subtitle, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBarWeather .description, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
}

table.sideBarWeather  A:hover .title, A:hover .subtitle, A:hover .description
{
    text-decoration: underline;
}
table.sideBarWeather .titleBarBkgd
{
    background-color: #333333;
    height: 18px;    
}
/* ########################################################### */


/* ###################### SIDEBAR WEATHER STYLES ##################### */
table.sideBarGeneral
{
    border: 1px solid #FFFFFF;
    width: 180px;
    background-color: #606060;
}
table.sideBarGeneral td
{
    vertical-align: top;
    text-align: left;
}
table.sideBarGeneral img
{
    border-style: none;
    border-width: 0;
    /*height: 178px;*/
    width: 178px;
}
table.sideBarGeneral .title, A
{
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
}
table.sideBarGeneral .subtitle, A
{
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bolder;
    color: #000000;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBarGeneral .description, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
}

table.sideBarGeneral  A:hover .title, A:hover .subtitle, A:hover .description
{
    text-decoration: underline;
}
table.sideBarGeneral .titleBarBkgd
{
    background-color: #dadada;
    padding: 10px;   
}
/* ########################################################### */

/* ###################### SIDEBAR GOOGLE STYLES ##################### */
table.sideBarGoogle
{
    border: 1px solid #FFFFFF;
    width: 180px;
    background-color: #606060;
}
table.sideBarGoogle td
{
    vertical-align: top;
    text-align: left;
}
table.sideBarGoogle img
{
    border-style: none;
    border-width: 0;
}
table.sideBarGoogle .title, A
{
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
}
table.sideBarGoogle .subtitle, A
{
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bolder;
    color: #ffffff;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBarGoogle .description, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
}

table.sideBarGoogle  A:hover .title, A:hover .subtitle, A:hover .description
{
    text-decoration: underline;
}
table.sideBarGoogle .titleBarBkgd
{
    background-color: #333333;
    padding: 10px;   
}
/* ########################################################### */


/* ###################### SIDEBAR CONTACT STYLES ##################### */
table.sideBarContact 
{
    border: 1px solid #FFFFFF;
    width: 180px;
    background-color: #606060;
}
table.sideBarContact td
{
    vertical-align: top;
    text-align: left;
}
table.sideBarContact img
{
    border-style: none;
    border-width: 0;
    height: 30px;
    width: 30px;
}
table.sideBarContact .title, A
{
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bolder;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBarContact .subtitle, A
{
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bolder;
    color: #FFFFFF;
    padding-bottom: 10px;
    text-decoration: none;
}
table.sideBarContact .description, A
{
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none;
}

table.sideBarContact  A:hover .title, A:hover .subtitle, A:hover .description
{
    text-decoration: underline;
}
table.sideBarContact .titleBarBkgd
{
    background-color: #333333;    
}
/* ########################################################### */