body {
 width:100%;
 margin:0;
 padding:0;
 border:0;			/* This removes the border around the viewport in old versions of IE */
 min-width:600px;    /* Minimum width of layout - remove line if not required */
}

/* Page containers */
#iewrap {
 text-align:center;
}

#container {
 margin: 0px auto; 
 width: 974px;
 text-align:left;
}
	
/* column container */
.colmask, #footer {
 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 */
 /*border:2px solid #cccccc;*/
}

/* common column settings */
.colright, .colmid, .colleft {
 float:left;
 width:100%;				/* width of page */
 position:relative;
}

.col1, .col2, .col3 {
 float:left;
 position:relative;
 padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
 overflow:hidden;
}

.blogstyle, .fullpage, .rightmenu, .leftmenu, .doublepage {
 padding-top:10px;
}

/* 3 Column blog style settings */
.blogstyle .colmid {
 right:25%;				/* width of the right column */
 background:#ffffff;    	/* Centre column background colour */
}

.blogstyle .colleft {
 right:25%;				/* width of the middle column */
  background:#ffffff;    	/* Left column background colour */
}

.blogstyle .col1 {
 width:50%;
 /* width:46%;				width of center column content (column width minus padding on either side) */
 left:50%;
 /* left:52%;				100% plus left padding of center column */
 /*background-color:#AAAABB;
 top: 5px;*/
}

.blogstyle .col2 {
 padding-left:1%;
 width:24%;
 /* width:21%;				Width of left column content (column width minus padding on either side) */
 left:50%;
 /* left:56%;				width of (right column) plus (center column left and right padding) plus (left column left padding) */
 /*background-color:#009999;
 top:10px;*/
}

.blogstyle .col3 {
 /*color:#fafafa;*/
 padding-left:1%;
 width:24%;
 /* width:21%;				Width of right column content (column width minus padding on either side) */
 left:50%;
 /* left:60%;				Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
 /*background-color:#009900;
 top:15px;*/
}

/* 3 Column settings */
.threecol {
 /* background-color:AA0000;    	Right column background colour */
 padding-top:10px;
}

.threecol .colmid {
 right:25%;				/* width of the right column */
 background:#ffffff;    	/* Centre column background colour */
}

.threecol .colleft {
 right:50%;				/* width of the middle column */
  background:#ffffff;    	/* Left column background colour */
}

.threecol .col1 {
 width:50%;
 left:100%;
}

.threecol .col2 {
 width:24%;
 left:25%;
}

.threecol .col3 {
 width:24%;
 left:77%;
}

/* Double page */
.doublepage .colleft {
 background:#FFFFFF none repeat scroll 0 0;
 right:50%;
}

.doublepage .col1 {
 left:50%;
 width:50%;
}

.doublepage .col2 {
 left:50%;
 width:50%;
 padding:0;
}

/* Right menu page */
.rightmenu .colleft {
 background:#FFFFFF none repeat scroll 0 0;
 right:50%;
}

.rightmenu .col1 {
 left:50%;
 width:75%;
}

.rightmenu .col2 {
 left:50%;
 width:25%;
}

/* Left menu page */
.leftmenu .colleft {
 background:#FFFFFF none repeat scroll 0 0;
 right:75%;
}

.leftmenu .col1 {
 left:100%;
 width:75%;
}

.leftmenu .col2 {
 left:0%;
 width:25%;
}

/* 1 column full page settings */
.fullpage .col1 {
 left:0%;
 width:100%;
 margin:0px;
}

/* Header settings */
.header {
 background-color:#CD000C;
 height:132px;
}

.header .col1 {
 margin:0px;
}

/* Footer styles */
#footer {
 clear:both;
 float:left;
 width:100%;
 background-color:#cd000c;
}
#footer p {
 padding:10px;
 margin:0;
 float:left;
}

/*  Navigaton  */	
#nav {
 position:absolute;
 top:100px;
 width:100%;
 border-top:2px solid #EAEAEA;
}