﻿html, body { margin: 0px; /* background-image: url('../images/Master/BackgroundRepeat.jpg');*/ background-repeat: repeat-x; background-position: center top;}

#mainContainer
{
    width: 980px;
    margin: 0px auto 0px auto;
    height: 1500px;
    background-image: url('../Images/Master/CanvasRepeatY.png');
    background-repeat: repeat-y;
}
#headerContainer
{
    width: 980px;
    height: 1500px;
    background-image: url('../Images/Master/TopCanvas.png');
    background-repeat: no-repeat;
}
#columnLeftContainer
{
    width: 800px;
    height: 1500px;
    float: left;
}
#columnRightContainer
{
    width: 180px;
    height: 1069px;
    float: right;
    padding: 400px 0px 0px 0px;
}
#footerContainer
{
    width: 980px;
    height: 31px;
    float: left;
}
#innerFooterContainer
{
   width: 972px;
   height: 31px;
   margin: 0px 4px 0px 4px; 
   background-image: url('../images/Master/footerRepeaterX.gif');
   background-repeat: repeat-x;
}
#claybankLogo
{
    width: 800px;
    height: 60px;
}
#navigationContainer
{
    width: 796px;
    height: 27px;
    margin: 1px 0px 0px 4px;
    background-image: url('../images/UserControls/Navigation/backgroundRepeatX.gif');
    background-repeat: repeat-x;
}
#silverlightContainer
{
    width: 800px;
    height: 278px;
    margin: 0px 0px 0px 4px;
}
#SiteMapPathContainer
{
    width: 790px;
    height: 26px;
    padding: 5px 0px 0px 10px;
}
#contentContainer
{
    width: 776px;
    height: 1072px;
    padding: 0px 10px 0px 14px;
}
#colourPickerContainer
{
    width:722px;
    background-color: White;
    height: 300px;
}
.outerIntroContainer
{
    width: 724px;
    background-color: #ffffff;
    border: solid 1px #f0f0f0;
    padding: 1px;
    margin: 26px 26px 0px 26px;
}
.innerIntroContainer
{
    width: 714px;
    padding: 5px;
    background-color: #f1f1f1;    
}

.item, .alternatingItem
{
    float: left;
    padding: 0px;
    margin: 3px 2px 3px 0px;
    width: 107px;
    height: 107px;
    border: 1px solid threedshadow;
}

.item
{
    background: whitesmoke !important;	
}
.alternatingItem
{
    background: window !important;	
}

.item:hover, .alternatingItem:hover
{
    background: silver !important;	
}
.module1
        {
            background-color: #f1f1f1;
            border: 0px solid #c6e1f2;
        }

