/* wraps entire page and allows for width and margins (for centering) */


#page-wrap
{
    max-width: 1260px;
    min-width: 920px;
    margin: 20px;
}


/* contains corner images and background colour for centre */
#nav-image
{
    clear: left;
    height: 25px;
    background: #9fd29a;
}

/* left corner image - position absolute is used otherwise 
there is a small green line which is bg on div behind */
.navimageleft
{
    position: absolute;
    float: left;
    height: 25px;
}

/* right corner image - position absolute is used otherwise 
there is a small green line which is bg on div behind  */
.navimageright
{
    float: right;
    height: 25px;
}

/* holds navigation menu (and login view for members nav  */
#nav
{
    background-color: #9fd29a;
}

/*content wrap MUST have a float option. This is because the two content divs float. This will cause them
to expand out of the wrap if they are larger */
#content-wrap
{
    float: left;
    width: 99.8%;
    border: solid 1.5px #000000;
    background: #EBEBEB;
}

#content-one-column
{
    width: 99.8%;
    background: #FFFFFF;
    float: left;
}


/* main content. border left and right creates box (head and foot also 
hold border)width strange to take into account border size 
height is set to inherit just in case the right column is ever longer. This will continue
the div to the bottom of content wrap, maintaing the white background and right column*/
#content-left
{
    width: 79.9%;
	min-width: 79.9%;
    float: left;
    border-right: solid 1.5px #000000;
    background: #FFFFFF;
}

/* right main content. border only on right as top and bottom controlled by head and foot. 
left controlled by content-left */
#content-right
{
    background: #EBEBEB;
    height: auto;
    float: right;
    width: 19.1%;
	min-width:19.1%;
    padding-left:5px;
}