body {background: #fff;}
#header h1,
#header h2,
#header p {
    margin-left:2%;
    padding-right:2%;
}

h2,h4{text-align:center;}
img{border:0;
    padding:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom: 5px
}

a.black:link {color: #000}
a.black:visited {color: #000}
a.black:hover {color: #000}

td{vertical-align: top;margin-left: auto;margin-right: auto;text-align: center}

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

/*ads */
#adtop{
    text-align:center;
    margin: 10px
}

/* 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 {
    background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-250px; 	/* 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:500px;         	/* Left column width + right column width */
    background:#FFF;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:250px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 265px;     	/* 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;
    text-align:center;
}
.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 */
    text-align:center;
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* 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%;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    text-align:center;
    /*border-top:1px solid #000;*/
}
#footer p {
    padding:10px;
    margin:0;
    text-align:center;
}

/* Start of Column CSS */
#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/*background:#89ffa2;*/ /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	/*background:#ffa7a7;*/ /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#fff689;*/  /*column 1 background colour */
}
#col1 {
	float:left;
	width:23%;
	position:relative;
	left:76%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:48%;
	position:relative;
	left:78%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:23%;
	position:relative;
	left:80%;
	overflow:hidden;
        margin-bottom: 10px;
}
/* --> */