/* tag selectors  */ 

body  {
background-color: #65A3CA;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
padding: 0;
margin: 0;
}

h1  {
text-align: center;
color: #006633;
font-size: 1.5em;
}

/* div ID selectors  */

#wrapper  {
position: relative;
width: 770px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ffffff;
text-align: left;
}

#wrapper  {
\width: 772px;
w\idth: 770px;
}

#header  {
position: relative;
width: 750px;
height: 121px;
margin: 10px;
background-color: #dcedd1;
}

#nav  {
position: relative;
width: 750px;
margin: 10px 10px 0 10px;
background-color: #dcedd1;
background-image: url(../web_graphics/nav-1.jpg);
background-repeat: repeat-x;  
height: 45px;
text-align: center;
line-height: 45px;
}

#left  {
position: relative;
float: left;
width: 180px;
margin: 0 0 0 10px;
padding: 10px;
display: inline;
}

#left  {
\width: 200px;
w\idth: 180px;
}

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

#left ul li  {
font-size: .8em;
line-height: 1.5em;
border-bottom: 1px solid #ffffff;
width: 180px;
}

#left a:link, a:visited  {
color: #000000;
text-decoration: none;
} 

#left a:hover  {
color: #ffffff;
text-decoration: underline;
background-color: #75a375;
} 

#left a  {
display: block;
width: 180px;
}

#main  {
position: relative;
float: left;
width: 524px;
margin: 0 10px 0 0;
background-color: #dcedd1;
border-left: 3px solid #ffffff;
padding: 10px;
display: inline;
}

#main  {
\width: 547px;
w\idth: 524px;
}

#midbox  {
width: 770px;
background-color: #dcedd1;
background-image: url(../web_graphics/bg-margins2.gif);
background-repeat: repeat-y;
overflow: auto;
}

#footer  {
position: relative;
width: 750px;
margin: 0 10px 10px 10px;
background-color: #dcedd1;
background-image: url(../web_graphics/nav-2.jpg);
background-repeat: repeat-x;
height: 45px;
text-align: center;
line-height: 65px;
font-size: .7em;
overflow: hidden;
clear: left;
}

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

#footer ul li  {
display: inline;
}

#footer a:link, a:visited  {
color: #000000;
text-decoration: none;
}

#lfloat  {
float: left;
margin: 10px;
} 

/* generic link selectors  */

p  a:link  {
text-decoration: underline;
color: #000000;
font-weight: 500;
}

p  a:visited  {
text-decoration: underline;
color: #000000;
font-weight: 500;
}

p  a:hover  {
text-decoration: none;
color: #75a375;
font-weight: 500;
}

/* class selectors  */

.large {
color: #666666;
font-size: large;
font-weight: 600;
}

.strong  {
color: red;
font-weight: bold;
font-style: italic;
}

.code  {
font-family: "courier new", courier, monospace;
font-size: 95%;
}

</style>