#button-rack{
width:auto;
height: 56px;
}

#main-button{
width:408px;
height: 56px;
float:left;
background-image: url(images/buttons-left.jpg);
}

#buttons{
float:right;
width:502px;
height: 56px;
}

#news{
width:219px;
height: 352px;
float:left;
background-image: url(images/news.jpg);
}

#rotator{
float:right;
width:502px;
height: 116px;
}

#left{
float:left;
width:190px;
height: 352px;
}

#right{
float:right;
width:219px;
height: 352px;
}

#copy{
float:left;
width:auto;
height:auto;
} 

#text{
width:450px;

}

body{
margin:0;
padding:0;
border:0;
width:100%;
background:#fff;
font-size:80%;
font-family:verdana;
}


/* Header styles */

#header {
width:auto;
height:172px;
background-image: url(images/header3.jpg);
background-repeat:no-repeat;
min-width:600px;

}

h1{
color:#036;
font-weight:700;
margin-top: 2em; 
margin-bottom: 15px;
font-size:120%;
border-bottom: 1px solid red;
padding-bottom:15px;
}


strong{
color:#333;
}

/* Footer styles */

#footer {
clear:both;
float:left;
width:100%;
}


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

/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */

    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    /*padding-bottom:1em; 	 Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 212px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        /*right:15px;         	 Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:174px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }