body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

div#home-page { width: 750px; height: 100%; padding: 0; margin: auto; }
div#site-page { width: 800px; height: 100%; padding: 0; margin: auto; }
div#heading {padding-right: 10px; background:transparent url('images/header.gif') no-repeat; height: 120px;}

a { color: #008; text-decoration: none; }
a:hover { text-decoration: underline; }

#site-nav { color: #b08445; text-align: right; padding: 0px;}
#site-nav a { color: #b08445; font-size: 15px; margin: 0 5px;}

#footer { text-align: center; color: #008; font-size: 11px; padding: 10px;}
#footer a { font-size: 11px; margin: 0 5px;}

#account-nav { text-align: center; color: #008; padding: 10px;}
#account-nav a { margin: 0 8px;}

#controls { color: #008; padding: 10px; float: left; width: 16%; height: 600px; border-right: 1px solid #999; font-size: 13px;}
#controls a { font-size: 13px; line-height: 150%;}
#controls h1 { font-size: 13px; margin: 5px 0;}

#content { float: left; width: 60%; padding: 10px;}
#content h1 { color: #008; font-size: 20px; margin: 0;}
#content h2 { color: #008; font-size: 16px; margin: 0;}
#content h3 { color: #b08445; font-size: 14px; margin: 0;}
#content h4, #content h4 a { color: #000; font-size: 12px; margin: 0;}
#content p { font-size: 13px; margin: 0; }

#right-column { color: #008; padding: 10px; float: right; width: 16%; height: 600px; border-left: 1px solid #999;}

#logo { color: #b08445; margin-left: 20px; }
#logo .title { font-family: "Times"; font-size: 70pt; line-height: 75%;}
#logo .slogan { font-size: 20px;}

.blue-block { background-color: #008; margin: 5px 5px 32px 5px; padding: 5px 20px; color: #79b;}
.blue-block h2 { color: #9cf; font-size: 22px; margin: 0; font-weight: normal;}
.blue-block h1 { color: #9cf; font-size: 18px; margin: 0; font-weight: normal; text-align: center;}
.blue-block input { margin-top: 6px; }
.blue-block ul { margin: 8px 0 0 12px; list-style: outside url("images/bullet.gif");}
.blue-block li { font-size: 14px; margin: 6px 0;}
.blue-block .label {color: #79b; text-align: right; padding-right: 5px;}
.blue-block .light-blue {font-size: 12px;}

a#sign-up { color: #ff8000; text-decoration: underline; font-weight: bold; font-size: 18px; margin-left: 4px;}

img.gold { border: 6px solid #b08445;}

#home-content { float: left; width: 60%; margin-top: 30px;}
#home-content p { color: #ff8000; font-size: 18px; margin: 40px 35px 0 20px; text-align: justify;}
#home-side {  float: right; width: 40%; }

table#profile { width: 100%; font-size: 13px;}
table#profile td.label { font-weight: bold; }
table#profile td.tright { width: 50%;}
table#profile img {border: 4px solid #b08445;}

#email-heading { font-size: 12px; margin: 10px 0; padding: 5px; color: #008;}

#inbox { font-size: 12px; width: 100%; border-collapse: collapse; color: #008;}
#inbox th { text-align: left; }

.contact { font-size: 12px; margin: 16px;}
.contact .name {font-size: 13px; color: #008; font-weight: bold;}
.contact .job {font-size: 13px; color: #008;}
.contact .links {color: #008;}

/*
* shortcuts
*/

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.dim { color: #999; }
.hide { display: none; }
.tiny { font-size: 8pt; line-height: 150%; }
.bold { font-weight: bold; }
.line-top { border-top: 1px solid #999; }
.line-bottom { border-bottom: 1px solid #999; }
.line-left { border-left: 1px solid #999; }
.line-right { border-right: 1px solid #999; }
.light-blue { border-color: #415abe }