body {
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: small; 
background:  url(http://www.wayfarer-aussies.com/images/wayfarer-header-1-3.jpg) no-repeat top left; color: #2f4f4f; margin: 0px; padding: 0px;
}

#header {
width: 750px; height: 200px;
}

#header h1 {
color: white; font-size: large; font-family: Arial, Helvetica, sans-serif;
margin-left: 225px; margin-top: 10px;
}


.bl {
background: url(../images/bl.gif) 0 100% no-repeat #669999;  width: 15em; 
}
.br {
background: url(../images/br.gif) 100% 100% no-repeat; width: 15em;
}
.tl {
background: url(../images/tl.gif) 0 0 no-repeat; width: 15em;
}
.tr {
background: url(../images/tr.gif) 100% 0 no-repeat; padding: 10px;
}

#navigation {
margin-left: 4px;
margin-top: 4px;
float: left;
}

#navigation h2 {
padding-top: 15px; padding-left: 20px; font-size: large;
font-family: Verdana, Arial, Helvetica,sans-serif; font-weight: normal; color: #ffffff;
}

#navigation ul {
list-style-type: none;
padding-left: 0px;
margin-left: 0px;
}

#navigation p {
margin-top:45px;
margin-left: 30px;
font-size: medium;
font-weight: bold;
font-family: Ariel, Helvetica,sans-serif;
width: 125px;
/*border: 1px solid #2f4f4f; 
padding-top: 25px; 
padding-bottom: 25px; 
padding-left: 20px; */
}

#navigation img {
border: 0px; 
padding-bottom: 3px;
}


#content {
float:left;
width: 520px; 
margin-left: 4px; 
margin-right: 4px; 
padding-bottom: 20px; 
}

.photo {
border: 1px solid #ddd;
padding: 5px;
margin: 7px;
width: 110px;
height: 82px;
}

#content p {
padding-left: 20px;
padding-right: 10px;
}
#content p.little {
font-size: 8pt;
}

#content p.clleft {
clear: left;
}

#content p.webupd {
font-weight: bold; 
color: #ff0000;
}
#content h1 {
font-size: x-large; font-family: Arial, Helvetica, sans-serif;
padding-top: 10px; padding-left: 10px;
}
#content h2 {
padding-top: 15px; 
padding-left: 20px; 
font-size: large;
font-family: Arial, Helvetica,sans-serif; 
/*font-weight: medium;*/
}

#content h3 {
clear: both;
padding-top: 10px; padding-left: 20px; font-size: medium;
font-family: Arial, Helvetica,sans-serif; font-weight: bold;
font-style: italic;
}


#content ul, dl {
list-style-type: none;
padding-left: 0px;
margin-left: 0px;
padding-right: 30px;
}

#content ul.conform {
list-style-type: circle;

padding-left: 30px;
margin-left: 20px;
padding-right: 30px;
}

#content img {
float: left;
border: 0px; 
padding: 10px;
padding-left: 20px;
}

#content img.ped {
clear: both;
padding: 5px;
}


#content table {
clear: both;
position: relative;
left: 10px;
width: 530px; 
border-width: 2px; 
border-style: solid;
border-color: #669999;
padding: 2px; 
/*border-spacing: 1px;*/
}

#content th {
border-width: 1px; 
border-style: solid; 
border-color: #6699cc;
text-decoration: underline; 
font-weight: bold; 
background-color: #c0c0c0;
}

#content td {
border-width: 1px; 
border-style: solid; 
border-color: #669999;
padding: 2px;
}

#content td.def {
text-decoration: underline; 
font-weight: bold;
text-align: center;
padding: 2px;
background-color: #ccc;
}

#contentnonav {
float:left;
width: 650px; 
margin-left: 4px; 
margin-right: 4px; 
padding-bottom: 20px; 
}
#contentnonav h1 {
font-size: x-large; font-family: Arial, Helvetica, sans-serif;
padding-top: 10px; padding-left: 10px;
}
#contentnonav h2 {
padding-top: 15px; padding-left: 20px; font-size: large;
font-family: Arial, Helvetica,sans-serif; 
/*font-weight: medium;*/
}

#contentnonav h3 {
padding-top: 10px; padding-left: 20px; font-size: medium;
font-family: Arial, Helvetica,sans-serif; font-weight: bold;
font-style: italic;
}

#contentnonav p {
padding-left: 20px;
padding-right: 10px;
}

#contentnonav ul, dl {
list-style-type: none;
padding-left: 0px;
margin-left: 0px;
padding-right: 30px;
}

#contentnonav ul.conform {
list-style-type: circle;

padding-left: 30px;
margin-left: 20px;
padding-right: 30px;
}

#contentnonav img {
float: left; padding: 10px;
}

div.cfloat {
float: left;
}

div.cfloat p {
clear: both;
text-align: center;
font-style: italic;
font-size: small;
}


.fbl {
background: url(../images/bl.gif) 0 100% no-repeat #669999;  width: 750px; 
}
.fbr {
background: url(../images/br.gif) 100% 100% no-repeat; width: 750px;
}
.ftl {
background: url(../images/tl.gif) 0 0 no-repeat; width: 750px;
}
.ftr {
background: url(../images/tr.gif) 100% 0 no-repeat; padding: 15px;
}


#footer {
width: 750px;
border: 4px solid white;
text-align: center;
font-size: x-small;
background-color: #669999;
clear: both;
}
#footer span {
font-weight: bold;
color: white;
}
#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
background: #007332;
color: #fff;
}