/******************************************************************************/
/* HTML ELEMENTS */

body { margin: 0px; background: url('../images/bg.gif'); font-family: Verdana, rial, Geneva, Helvetica, sans-serif; font-size: 62.5%; }
a { text-decoration: none; }
img { border: 0px; }
/******************************************************************************/
/* PAGE ELEMENTS */

#page { width: 780px; margin: auto; }

/******************************************************************************/
/* HEADER ELEMENTS */

#header { background: url(../images/header_bg.jpg) repeat-x; height: 87px; }
.logo { width: 350px; padding-left: 32px; padding-top: 39px; display: block; }
.headerLinks { float: right; width: 150px; padding-right: 29px; padding-top: 34px;  } 
.headerLinks a { color: #fff; font-weight: bold;  }
.headerLinks a:hover { color: #ffe081; font-weight: bold;  }

/******************************************************************************/
/* NAV ELEMENTS */

#nav { background: url(../images/nav_bg.gif) repeat-x; height: 42px; width: 100%; text-align: center; font-size: 1.1em; font-weight: bold; }
#nav :hover { 
	color: #ffffff;
	font-weight: bold;
}
#nav a { display: block; height: 42px; color: #51656b; padding-top: 10px; }
#nav td { background: url(../images/nav_spacer.gif) no-repeat right top; }

/******************************************************************************/
/* CONTENT ELEMENTS */

#content { background: #fff; }
#content #left { float: left; width: 170px; }
#content #left ul { list-style: none; margin: 0px; padding: 15px }
#content #left li { background: url(../images/arrow_1.gif) no-repeat left 7px }
#content #left li a { display: block; background: url(../images/dot_repeat.gif) repeat-x left bottom; padding: 5px 0px 8px; margin-left: 15px;  color: #666666; }
#content #left li a:hover { 
	color: #1c3762;
	font-weight: bold;
}

#content #left .banner { padding: 5px; }

#content #right { float: right; width: 600px; color: #5e645a; }
#content #right p { padding: 0px 25px 0px 10px; }
#content #right h1 { font-size: 1.4em; color: #387080; clear: both; padding: 0px 25px 0px 10px;}
#content #right strong { font-size: 1.2em; color: #387080; }
#content #right #top { background: url(../images/arrow_2.gif) no-repeat right top; padding-right: 25px; float: right; margin-right: 25px; color: #576f70; font-weight: bold; margin-bottom: 15px;  }
#content p { font-size: 1.1em; }

/******************************************************************************/
/* HTML ELEMENTS */
#footer { clear: both; height: 90px; background: #286B72; color: #cff3f7; text-align: center; border-bottom: 10px solid #fff; }
#footer :hover { 
	color: #ffcf3c;
	text-decoration: underline;
}
#footer ul { list-style: none; margin: 10px 0px; padding: 10px 0px; }
#footer li { display: inline;  }
#footer li a { color: #cff3f7; padding: 10px; font-size: 1.1em; font-weight: bold; }

.clearer { height:1%; overflow:hidden; clear:both; margin-top:-1px; }

<STYLE TYPE="text/css">
a.smallLINK:link { color: #2b0bb7; text-decoration: none; font-weight: bold; }
a.smallLINK:hover { color: #128977; text-decoration: underline; }

a.bigLINK:link { color: #358009; text-decoration: none; font-weight: bold; text-decoration: underline; }
a.bigLINK:hover { color: #873600; text-decoration: underline; }
</STYLE>