body{
margin: 0;
padding: 0;
text-align: left;
background-image:url(images/header.gif);
background-repeat:repeat-x;
background-color:#CCC;
}

#container{
width: 900px;
margin: 0 auto 0 auto;
text-align: left;
}

#header{
height: 158px;
background-image: url(images/header.gif);
background-repeat: repeat-x;
z-index: 1;
}

#logo{
position: relative;
top: 0;
left: 0;
}

#navbar{
height:35px;
width: 500px;
}

#navbar ul{
list-style:none;
padding:0;
margin:0;
}

#navbar li{
float:left;
margin:0 1px;
}

#navbar li a img{
border:0;
}

#content{
clear: both;
width: 880px;
height: 120%;
background-color: #FFF;
padding:10px;
font-size: 0.75em;
font-family: Helvetica, Arial, serif;
}

#contenthome{
width: 580px;
margin-right: 280px;
padding-right: 25px;

}

h1{
color:#09F;
}

h2{
color:#09F;
}

h3{
font-size:1.5em;
color:#09F;
}

a img{
border:none;
}

#left_column{
float: left;
width: 280px;
padding-right: 10px;
}

#middle_column{
width: 280px;
margin-top:2.55em;
margin-left: 290px;
margin-right: 280px;
padding-left: 10px;
padding-right: 10px;
border-left-style:solid;
border-right-style:solid;
border-left-color:#999;
border-right-color:#999;
border-left-width:thin;
border-right-width:thin;
}

#right_column{
float: right;
width: 280px;
padding-left: 20px;
}

.examples{
	border-color:#999;
	border-top-style:dotted;
	border-width:thin;
	border-bottom:none;
	
	background-image:url(images/boxgradient.gif);
	background-repeat:repeat-x;
}

.greyexamples{
	background-image:url(images/boxgradient.gif);
	background-repeat:repeat-x;
	
	border-color:#999;
	border-top-style:dotted;
	border-width:thin;
	border-bottom:none;
}

.text {
	padding-bottom: 1.3em;
	padding-left: 210px;
	padding-right: 5px;
}

.image {
	float:left;
	padding-top:25px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}

#footer{
background-image:url(images/footer.gif);
background-color:#FFF;
background-repeat:repeat-x;
padding-bottom: 160px;
clear: both;
}