html {
	background: #34342C url(/media/img/site_bg.gif) repeat-x left top;
   width: 100%;
	overflow-y: scroll;
}
body {
	margin: 20px 0 12px 0;
	padding: 0;
	font-family: tahoma, verdana, arial;
	font-size: 0.8em;
}

.floatClearer {
	height: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}
img {
	border: none;
}
a {
	color: #008ebe;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #008ebe;
	text-decoration: underline;
}

.sitewrapper {
	width: 700px;
	margin: 0 auto;
	background: #fff url(/media/img/body_bg.gif) repeat-y center top;
}


/* HEADER */

.header {
	width: 700px;
	height: 170px;
	background: #999933 url(/media/img/header_bg.gif) no-repeat left top;
}
.headerUpper {
	width: 700px;
	height: 69px;
	position: relative;
}


/* LOGO */

.logo {
	width: 107px;
	float: left;
	padding: 19px 0 0 29px;
}


/* TOP NAVIGATION */

.topNav {
	position: absolute;
	right: 20px;
	bottom: 0;
	
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}
.topNav li { 
	display: block;
	float: left;
	margin-right: 2px;
}
.topNav li a { 
	display: block;
	padding: 10px 16px 28px 16px;
	color: #fff;
}
.topNav li a:hover {
	text-decoration: none;
	background-color: #A1A139;
	color: #fff;
}

.topNav li a.active,
.topNav li a.active:hover { 
	background-color: #AFAF49;
}


/* HEADER IMAGE */

.headerImage {
	width: 700px;
	border-top: solid 5px #CCCCCC;
	border-bottom: solid 5px #CCCCCC;	
}
.headerImage img {
	display: block;	
}


/* LEF COLUMN & NAVIGATION */

.leftNav {
	width: 150px;
	float: left;
	font-size: 0.9em;
	margin: 20px 0 10px 10px;
	padding: 0 0 30px 0;
	list-style: none;
	background: url(/media/img/dots_horizontal.gif) repeat-x left top;
}
.leftNav li {
	display: block;
	width: 150px;
	background: url(/media/img/dots_horizontal.gif) repeat-x left bottom;
}
.leftNav li a {
	width: 110px;
	display: block;
	padding: 7px 20px 7px 20px;
	color: #333;
}

.leftNav li a:hover {
	text-decoration: none;
	color: #008ebe;
}

.leftNav li a.active,
.leftNav li a.active:hover {
	color: #008ebe;
	text-decoration: none;
	background: url(/media/img/arrow_right.gif) no-repeat 5px center;
}


/* MAIN CONTENT */

.content {
	float:  left;
	width: 492px;
	padding: 25px 0 20px 19px;
	color: #000;
	line-height: 2em;
}


.threeCol .content {
	width: 330px;
}


.content h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 2.2em;
	color: #999933;
	text-transform: lowercase;
}
.content h2 {
	margin: -6px 0 24px 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
	color: #666;
	text-align: right;
	background: url(/media/img/dots_horizontal.gif) repeat-x left bottom;
}
.content h3 {
	margin-top: 36px;
	font-weight: normal;
	font-size: 1.4em;
	color: #999933;
	padding-bottom: 3px;
	background: url(/media/img/dots_horizontal.gif) repeat-x left bottom;
}
.content h4 {
	font-size: 1.2em;
	color: #999933;
}

address {
	width: 220px;
	display: block;
	float: left;
	font-size: 0.9em;
	padding-left: 20px;
	border-left: dashed 2px #fff;
}

p.intro a
{
	font-size: 1.5em;
	text-decoration: none;
}
p.intro a:hover
{
	text-decoration: underline;
}

/* LINK PANELS */
.linkPanel {
	width: 467px;
	padding: 15px 10px 0 15px;
	margin-bottom: 36px;
	cursor: pointer;
	background: url(/media/img/linkpanel_bg_full_over.gif) no-repeat left top;
	line-height: 1.3em;
}
.image {
	float: left;
	margin-right: 9px;
	height: 100%;
}
.linkDetails {
	height: 100%;
}
.textLink {
	font-size: 1.2em;
	font-weight: bold;
}
.textLink a:hover {
	text-decoration: none;
}
.linkPanel .description {
	font-size: 0.9em;
	margin: 8px 0 0 2px;
}
.linkPanel p {
	margin: 0 0 1em 0;
}

/* FORM ERROR LIST */

.errorlist {
   margin: 0;
	padding: 0;
	list-style: none;
}
.errorlist li {
	color: #008ebe;
	padding-left: 18px;
	background: url(/media/img/icon_alert.gif) no-repeat left 6px;
}


/* FORM PANEL */

#formWrapper {
	clear: both;
	width: 432px;
	padding: 24px 36px 0 24px;
	background: url(/media/img/linkpanel_bg_full.gif) no-repeat left top;
	color: #666;
}
table.formTable {
	text-align: left;
	font-size: 0.85em;
}
table.formTable th {
	white-space: nowrap;
	padding-right: 6px;
	vertical-align: text-top;
	padding-left: 18px;	
}
table.formTable th.error {
	background: url(/media/img/icon_alert.gif) no-repeat left 7px;
	color: #000;
}
table.formTable input {
	font-size: 1.2em;
	width: 300px;
}
table.formTable textarea {
	font-size: 1.2em;
	font-family: Tahoma;
	width: 300px;
	height: 100px;	
}
input#submit {
	float: right;
	width: 100px;
	height: 30px;
}

/* RIGHT COLUMN PANELS */

.rightColumn {
	width: 169px;
	float: right;
	background-color: #fff;
	font-size: 0.9em;
	color: #333;
}

.panel01 {
	width: 145px;
	padding: 12px 12px 0 12px;
	background: url(/media/img/panel_right_fade.gif) no-repeat 141px bottom;
	cursor: pointer;
}
.panel01:hover {
	background-image: url(/media/img/panel_right.gif);
}
.panel02 {
	width: 145px;
	height: 52px;
	margin-top: 2px;
	padding: 21px 12px 12px 12px;
	background: url(/media/img/panel_aboutme.gif) no-repeat left top;
	cursor: pointer;
}
.panel02:hover {
	background-position: left -86px;
}

.panel a {
	font-size: 1.4em;
	font-weight: bold;
}
.panel a:hover {
	text-decoration: none;
}
.rightColumn .panel01 a {
	color: #006600;
}
.rightColumn .panel02 a {
	color: #993333;
}
.rightColumn .panel p {
	margin: 12px 0 0 0;
	padding: 0;
}
.rightColumn #search {
	background: #e8e8e8 url(/media/img/dots_horizontal.gif) repeat-x left bottom;
   padding: 20px 0 20px 5px;
}
.rightColumn #goSearch {
   width: 35px;
}


/* FOOTER */
.footer {
	width: 700px;
	padding: 24px 0 20px 0;
	background: url(/media/img/footer_bg.gif) no-repeat bottom left;
	font-size: 0.85em;
	color: #aaa;
}
.footer a {
	color: #aaa;
	margin-right: 6px;
}

.footer .copyright {
	width: 169px;
	padding-left: 20px;
	float: left;
}
.footer .copyright p {
	margin: 0;
	padding: 0;
}
.footer .copyright img {
	
	padding-top: 6px;
}