/*##################################################################*/
/* This is the general style sheet for Red Kooga Web                */
/* This style sheet will contain all the styles to position         */
/*  elements on page                                                */
/* All styles for CMS controlled content can be found in            */
/*  content.css                                                     */
/*##################################################################*/

/*
###################################################
            GENERAL CONTAINERS
###################################################
*/

html, body, *
{
    margin: 0;
    padding: 0;   
}

.main-container
{
    width: 1004px;
    background: #FFF url('../gfx/main-shadow.gif') repeat-y left top;
    height: 740px;
    padding: 0 7px;
    margin: 0 auto;
}


/*
###################################################
            CONTENT CONTAINERS
###################################################
*/
.main-content-container
{
     float: left; 
     height: 513px; 
     width: 960px;
}

.inside-main-container
{
    width: 960px;
    padding: 10px 15px;
    border-top: solid 1px #969698;
    border-bottom: solid 1px #969698;   
    height: 718px;
    overflow: hidden;
    background: #FFF url('../gfx/wallpaper-light.jpg') no-repeat 10px 10px;
}


/*
###################################################
                    HEADER 
###################################################
*/

/*
###################################################
                    MAIN MENU
###################################################
*/
.header-menu
{
    float:left;
    width:100%;
    margin-bottom:20px;
}

ul.main-menu
{
    display: block;
    height: 30px;
    margin: 5px 0 0 0;
    width: 960px;
    background: transparent url('../gfx/main-menu-blue.gif') no-repeat left top;
}

ul.main-menu li
{

   display: block;
   float:left;
   height: 24px;
   padding: 6px 0px 0 0px;
   width:120px;
   border-right: solid 2px #FFF;
 
   
}

ul.main-menu li a
{
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    width:120px;
    display: block;
    text-align:center;
       
}


ul.main-menu li a:hover
{
    font-weight: bold;   
}

ul.main-menu li a.selected
{
    font-weight: bold;       
}


/*
###################################################
            SECOND/THIRD-TIER MENU
###################################################
*/