@import url(customise.css);
@import url(menu.css);
body {
    margin: 0px;
    padding: 0px;
}
div#column2 {
    margin: 0;
    padding: 0;
    background-image: url(../images/rightcol-bg.jpg);
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: #fff;
    
}
div#column1 {
    margin: 0;
    padding: 0;
    background-image: url(../images/leftcol-bg.gif);
    background-repeat: repeat-y;
    width: 100%;
}
div#top {height: 100px;margin: 0px;padding: 1px; background: #E0E0E0 url(../images/logo.jpg);}

* html div#top {
overflow:hidden;
}

div#navbar {
position: relative;
    height: 46px;
    margin: 0px;
}

div#top_shelf {
background: #E2DFCE url(../images/top-shelf-bg.jpg) repeat-x;
    margin: 0;
    padding: 0;
overflow: hidden;
border-bottom: 5px solid #d6d0b8;
padding-top: 5px;
}

div#top h2 {
position: absolute;
left: 40px;
top: 0px;
width: 206px;
height: 118px;
margin: 0;
padding: 0;
color: #79B30B;
text-indent: -7887px;
z-index: 100;
}

div#leftcolumn {
    padding: 0 10px;
    width: 200px;
    float: left;
height: 1%;
}

div#main {
    padding: 0 10px;
    margin-left: 230px;
    margin-right: 175px;
height: 1%;
}

div#rightcolumn {
    padding: 0 10px;
    width: 150px;
    float: right;
height: 1%;
}

div#footer{
overflow: hidden;
color: white;
height: 58px;
line-height: 58px;
padding: 0 10px;
clear: both;
}

div#footer p{
margin:0;padding:5px 10px
}


.padding {
padding: 5px 5px;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/* $3 - Display Options
----------------------------------------------------------------------------*/
/* Generic Options Defaults */
div#options-wrap{
height:18px;
position: absolute;
top: -1px;
right: 17px;
z-index: 10000;
}
#displayOptions {
height:31px;
float:left;
}

.menu,
.menu li,
.menu li a{
list-style-type:none;
}
.horizontal li,
.horizontal li a{
display:block;
float:left;
}

/* Clear Fix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
overflow:hidden;
}

.clearfix {display: inline-table;}
/* Hides From IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE Mac */

#displayOptions h3, 
#displayOptions h4 {
position:absolute;
top:-1000em;
}
#displayOptions ul {
float:left;
display:inline;
height:31px;
margin:0;
padding:0;
}
#displayOptions li {	
height:31px; 
overflow:hidden;
display:inline;
background: none;
margin: 0;
padding: 0 4px;
}
#displayOptions a {
padding-top:31px;
height:0;
overflow:hidden;
background-position: 0 0;
background-repeat:no-repeat;
font-size:10px;
}
#displayOptions li a:hover {
background-color:transparent;
}


displayOptions li a#colorBlue {background-image:url(../images/option-blue.jpg); width:24px}
#displayOptions li a#colorRed {background-image:url(../images/option-red.jpg); width:24px}
#displayOptions li a#colorOrange {background-image:url(../images/option-orange.jpg); width:24px}

#displayOptions li a#textMedium {background-image:url(../images/option-font-sml.jpg); width:24px}
#displayOptions li a#textLarge {background-image:url(../images/option-font-medium.jpg); width:24px}
#displayOptions li a#textXLarge {background-image:url(../images/option-font-large.jpg); width:24px}


displayOptions li a#colorBlue:hover,
#displayOptions li a#colorRed:hover,
#displayOptions li a#colorOrange:hover,
#displayOptions li a#textMedium:hover,
#displayOptions li a#textLarge:hover,
#displayOptions li a#textXLarge:hover {
background-position: 0 -32px; }


displayOptions li a#colorBlue.active-option,
#displayOptions li a#colorRed.active-option,
#displayOptions li a#colorOrange.active-option,
#displayOptions li a#textMedium.active-option,
#displayOptions li a#textLarge.active-option,
#displayOptions li a#textXLarge.active-option {
background-position: 0 -63px; }

/* $4 - Collapsible Columns
----------------------------------------------------------------------------*/
table.nospace {
border:0;
margin-bottom:0px;
padding:0;
width: 100%;
}

table.nospace td {
margin:0;
padding: 0 12px;
}

/*Allows columns at the top and footer shelf to collapse*/
table.nospace td.shelf_left {
width:25%;
}

table.nospace td.shelf_c_left {
width:25%;
}

table.nospace td.shelf_c_right {
width:25%;
}

table.nospace td.shelf_right {
width:25%;
}

table.nospace td.top_left {
width:50%;
}

table.nospace td.top_right {
width:50%;
}


/* $5 - Search box
----------------------------------------------------------------------------*/

#navbar .inputbox {
background: url(../images/search-bg.gif) no-repeat;
width: 175px;
height: 19px;
border: none;
font-size: 1.1em;
margin: 0;
padding: 3px 0 0 8px;
}

#navbar .search{
position: absolute;
top: 18px;
left: 55px;
line-height: 0px;
}