/* CSS Document */

html,body,ul,ol,li,h5,h6,form,fieldset{
	margin:0;
	padding:0;
	border:0;
	left: auto;
	right: auto;
}

p em {
color: #990000;
}

p {

	font-size: 16px;
	
}

p2{

	font-size: 20px;
	
}

h1 {
	text-transform: capitalize;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;	
}

h2 {
	text-transform: capitalize;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
}
h3 {
	text-transform: uppercase;
	font: small-caps normal large "Times New Roman", Times, serif;
}

h4 {
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	Font-size: medium;
	

}

.image {
	margin: 0px;
}

body{
	background: url(../images/background.jpg) repeat-x #000000;
	margin: 0px;
	colour: #000000;
	font-family: "Times New Roman",Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
	font-size: 12px;
	background-color: #FFF8D7;
}

#cell1 {
	BACKGROUND: pink; FLOAT: left; WIDTH: 50%
}

#cell4 {
	BACKGROUND: blue; FLOAT: left; MARGIN: 1px 0px 0px; WIDTH: 100%
}
#cell3 {
	BACKGROUND: red; FLOAT: left; WIDTH: 75%
}
#cell2 {
	BACKGROUND: yellow; FLOAT: left; WIDTH: 66%
}

#wrapper{
	width: 800px;
	margin:  auto auto auto;
	left: auto;
	right: auto;
	position: relative;
	border: thin solid #000000;	
}

#bodyWrapper{
	padding: 1px 20px 20px;
		background:#FFFFFF;
}

.rightimage{
	margin-bottom: 5px;
	left: auto;
	margin-left: 50px;
}
.leftimage{
	margin-bottom: 5px;
	right: auto;
	margin-right: 50px;
}
#container {
position: relative;
width: 800px;
margin: auto;
}



div.navigation{
	position:relative;
	text-align:center;
	/*left : 235px;
	top: 220px;*/
	z-index: 5; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
	line-height:30px;
	font-size: 18px;
	color:#00CC99;
	background-color:#FFFFFF;
}

div.navigation2{
	position:relative;
	text-align:center;
	font-size: 18px;
	color:#00CC99;
	background-color:#FFFFFF;
}
.style1 {
            color: #CCCCCC;
            font-weight: bold;
}


a.navigation:link {
            color: #000000;
            text-decoration: none;
}
a.navigation:visited {
            text-decoration: none;
            color: #663300;
}
a.navigation:hover {
            text-decoration: none;
            color: #FFFFFF;
            background: #663300;
}
a.navigation:active {
            text-decoration: none;
            color: #663300;
}

div.contentarea {
            position:absolute;
            width: 813px;
            height: 300px;
            left: 5px;
            top: 304px;
            font:11px;
            text-align:justify;
}

<style type="text/css">
.style4 {
            font-size: 24px;
            color: #FF6600;
}
</style>