/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

html, body
{
    height: 100%;
    width: 100%;
}
body
{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}
/*
div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 1000px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}*/

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 1049px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.png);
	
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 1000px;
    background: transparent;
    background-image: url(../images/gr-wrapperbg-wide.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-image: url(../images/gr-header-wide.jpg);
    height:  90px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 55px 0px 0px 240px;
    color: #ffffff;
    font-weight: 400;
    font-size: 28px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 225px;
    left: 0px;
    top: 0px;
    background-image: url(../images/gr-wrapperbg.jpg);
}

div#menu ul
{
    width: 225px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #c76856;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #c76856;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #98a0b0;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

div#content
{
    display: table-cell;
    background: transparent;
    width: 765x;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 75px;
}

div#content div#flashholder
{
    width: 593px;
    height: 146px;
    margin: -5px 0px 3px -5px;
    padding: 0px;
    background-image: url(../images/gr-flashholder.jpg);
    background-repeat: no-repeat;
}

div#content div#flashholder p
{
    cursor: pointer;
    padding-left: 100px;
    padding-top: 55px;
    display: block;
    font-size: 14px;
    color: #000000;
}
/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 1000px;
    margin: 0 auto;
    display: block;
    height: 75px;
    background-color: #ffffff;
    margin-top: -75px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    padding-top: 5px;
}

div#footer ul li
{
    float: left;
    color: #ffffff;
    width: 250px;
    text-align: center;
}

/*
end footer
*/

/*
flash banner admin screens
*/
div#manageflashbanner
{
}

div#manageflashbanner ul#imagelist
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#manageflashbanner ul#imagelist li
{
    list-style: none;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    border: 1px solid #777674;
    display: block;
    clear: both;
    background-color: #D2CFCA; 
}

div#manageflashbanner ul#imagelist li p
{
    padding: 3px;
}

div#manageflashbanner ul#imagelist li p.bannertitle
{
}

div#manageflashbanner ul#imagelist li p.bannermenu
{
    float: right;
}
/*
end flash banner admin screens
*/