/* This block of code sets the size of each page to 768px wide*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 62.5%;
	font-family:"Times New Roman", Times, serif;
}

#wrapper {
    position: relative;
    margin: 0 auto;
	background-color:#0a53a2;
	background-repeat:repeat;
    width: 768px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    height:auto;
    font-size: 1.2em;
}

/* This block of code sets the size of each page to 768px wide*/

#header {
	text-align: center;
	background:#272973 url(Images/HEADER.gif) no-repeat top left;
	height: 100px;
	padding-bottom: 5px;
}

/* This block of code relates to the page title - Design & Manufature of Concrete Formwork  & email link under the main page heading image on each page */

#topstrip {
	width:768px;
}

#pagetitle {
	width:582px;
	height:25px;
	float:left;
	padding:0 8px 0 0;
	text-align:right;
    color: #fff;
    background-color:#272973;
    font-weight: bold;
    font-size: 1.6em;
    text-decoration: none;
}

/* This block of code relates to the email link at the top right corner of every page under the address on the main page heading image */

#email {
	float:left;
	text-align:center;
	height:25px;
	width:178px;
	color: #fff;
    background-color:#272973;
    text-decoration: none;
}

a.email:link {
	font-weight: bold;
    font-size: 1.4em;
	color: #fff;
}

a.email:visited {
	font-weight: bold;
    font-size: 1.4em;
	color: #fff;

}

a.email:hover {
	font-weight: bold;
    font-size: 1.4em;
	color:#66CCFF;
}

/* This block of code sets the container for the main vertical navigation menu on the left hand side of every page */

#column1 {
	padding-top:15px;
    float: left;
	width: 160px;
}

/* This block of code produces the roll over effect for the main vertical navigation menu on the left hand side of every page */

#mainNav ul {
	list-style-type:none;
}

#mainNav li {
	text-align: center;
	list-style: none;
	margin-left:10px;
	width:150px;	
	text-decoration: none;
	font-weight: bold;
    font-size: 1.2em;
}

#mainNav li a {
    display: block;
    color: #fff;
	background-image:url(Images/menu.gif);
	width:150px;
	padding:6px 0 4px 0;
	text-decoration: none;
	font-weight: bold;
    font-size: 1.2em;
}

#mainNav li a:hover, #mainNav li #current { 
	background-image:url(Images/menu.gif);
	background-position: 0 -31px;
	color:#66CCFF;
}

/* Sets the font size & style for headings & text */

#ContHeaders {
	color: #fff;
    font-weight: bold;
    font-size: 1.4em;
	text-decoration:underline;
	padding-bottom:5px;
}

#contentText {
	color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px 0;
    text-decoration: none;
}

/* Sets the footer & Form-Fab copyright text at the bottom of every page */

#footer {
	clear:both;
	text-align: center;
    color: #fff;
    background-color:#272973;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}