﻿*
{
    padding:0;
    margin:0;
}
body
{
    background-color:#6E6E6E;
    color: #000;
}

#outerWrapper
{
    background-image:url("../images/Background_Grad.jpg");
    background-repeat:repeat-x;
    text-align: center;
    margin-bottom:20px;
}

#innerWrapper
{
    position: relative;
    background-color:#FFF;
    margin-left:auto;
    margin-right:auto;
    width: 800px;
    text-align:left;    
}
#page
{
    position: relative;
    background-color: #FFF;
    width: 800px;
}

#header
{
    background-image:url("../images/WackyHeader-800.jpg");
    background-repeat:no-repeat;
    position: relative;
    width: 800px;
    height: 320px;
}

#topMenu
{
    position: relative;
    width:790px;
    height:30px;
    padding-left:10px;
    z-index:2;
}
#mainContent
{
    position: relative;
    width:780px;
    background-color:White;
    padding:15px 10px 15px 10px;
    z-index:1;
}


#content
{
    position: relative;
    width:780px;
    background-color:White;
    z-index:1;
}

#index
{
    position: relative;
    width: 780px;
    z-index: 1;
    text-align: left;
}

#leftContent
{
    background-color: White;
    position: relative;
    width: 220px;
    float: left;
    padding: 0 10px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}

#rightContent
{
    background-color: White;
    position: relative;
    width: 540px;
    float: left;
    padding: 0 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}

#footer
{
    background-color: #6E6E6E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:right;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    width: 800px;
    height: 24px;
    clear:left;
}
/*Content Classes*/

.contentTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ff9900;
    font-weight: bold;
    text-align: left;
}

.content
{
    text-align: left;
}

.hrTitle
{
    border: thin dashed #ff9900;
    color: #ff9900;
    width:100%;
}

.clear
{
    clear: left;
}

/*Horizontal menu*/

.level1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    z-index:3;
}

.level2
{
    position: relative;
    text-indent:15px;
    position: relative;   
    font-family:  Arial, Helvetica, sans-serif;
    font-size:10px;
    width:100%;
    text-align:left;
    text-transform:uppercase;
    z-index:3;
}

.level3
{
    position: relative;
    font-family:  Arial, Helvetica, sans-serif;
    z-index:3;
    text-align:left;
    text-transform:uppercase;
}

.hoverstyle
{
    position: relative;
    background-color:#CCC;
    z-index:3;
}
       
.sublevel1
{
    position: relative;
    background-color:#EEE;
    color: #333;
    z-index:3;

} 
.sublevel2
{
    position:relative;
    background-color:#EEE;
    color: #333;
    z-index:3;
} 
.sublevel3
{
    position:relative;
    background-color:#EEE;
    color: #333;
    z-index:3;
} 

.staticMenu
{
/*    padding-right: 10px;
    padding-left: 20px;*/
    background-color:#EEE;
    position: relative;
    width:780px;
    z-index:3;
}
.staticMenuItem
{
    position: relative;
    height: 30px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
    color: #333;
    text-align: center;
    text-indent: 0px;
    z-index:3;
}

.dynamicMenu
{
    position:relative;
    background-color:#EEE;
    width:auto;
    z-index:3;
}
.dynamicMenuItem
{
    height:20px;
    position: relative;
    background-color:#EEE;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #333;
    z-index:3;
}
.dynhoverstyle
{
    position: relative;
    background-color:#CCC;
    color:#333;
    z-index:3;
}

.menuItemStatic
{
    z-index:3;
}
.menuItemDynamic
{
    position: relative;
    z-index:3;
    text-align:left;
    width:100%;
    height:20px;
}