/* ---- RESET ---- */
@import url(/ref/style/reset.css);

/* ---- CORE ---- */
HTML { font-size: 100%; }

BODY {
	background: #fff url(/ref/img/bg.gif) repeat-x top left;
	color: #333;
	font: 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

H1 {
	margin: 0;
	padding: 20px 0 0 0;
	height: 42px;
	width: 197px;
	float: left;
}

H2 {
	margin: 0;
	padding-bottom: 8px;
	color: #333;
	font: bold 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

H4 { color: #22792e; font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; clear: both; padding-bottom: 4px; }

H5 { font: small-caps bold 1em/31px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

H6 { color: #777; font: bold 0.85em Verdana, Arial, Helvetica, sans-serif; }

FORM { margin: 0 0 20px 0; }
FIELDSET { margin: 0; padding: 0; border: 0; }
P { margin-bottom: 1em; line-height: 1.3em; }

DT, DD { width: 100%; margin-bottom: 10px; }
DT { margin-bottom: 3px; }

/* ---- CORE: TAG SPECIFIC ---- */
H2 .sub { color: #22792e; font-size: 1.5em; }

FORM#newsletter-signup { margin: 4px 0 0 0; padding: 0; }
INPUT#newsletter-textbox {
	border: 1px solid #777;
	background-color: #fff;
	color: #22792e;
	font: 0.88em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 130px;
}

/* ---- LINKS ---- */
A.current:link, A.current:visited, A.current:active {
	color: #333;
	font: 0.88em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: right;
	clear: both;
}
A.current:hover { border-bottom: 1px dotted #333; }

A.footer:link, A.footer:visited, A.footer:active {
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.footer:hover { border-bottom: 1px dotted #777; }

/* ---- ELEMENT: TAG SPECIFIC ---- */
#content-nav A IMG { margin-left: -16px; padding: 0; }
#content-nav UL { text-align: left; margin: 3px 0; }
#content-nav UL LI { padding: 6px 0; }
#content-nav UL LI A {
	color: #333;
	font: 0.88em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#content-nav UL LI A:hover { border-bottom: 1px dotted #333; }
#content-nav UL LI IMG { padding-right: 10px; }

#cur-logo { padding: 0 20px 10px 10px; float: left; }
#content-current P { line-height: 1.3em; }
#content-current SPAN A { margin-top: -30px; }
#content-current SPAN A IMG { margin: 0; padding: 0; float: none; }

#content-sub IMG { padding: 0 10px 10px 0; }
#content-sub A { color: #22792e; text-decoration: none; }
#content-sub A:hover { border-bottom: 1px dotted #333; }
#content-sub P { margin-bottom: 30px; clear: both; }

#right P { font-size: 0.88em; margin: 0; padding: 0; }
#right-sub P { font-size: 0.88em; margin: 0 0 18px 0; padding: 0; }
#right-sub A { color: #22792e; text-decoration: none; }
#right-sub A:hover { border-bottom: 1px dotted #333; }
#right-sub LI { font-size: 0.88em; margin-bottom: 4px; }

/* ---- LAYOUT ---- */

#wrap {
	margin: 0px auto;
	padding: 0;
	text-align: center;
	width: 830px;
}

#header {
	text-align: left;
	margin: 0 auto;
	padding: 18px 0;
	height: 81px;
	float: left;
}

#left {
	width: 646px;
	float: left;
}

#right, #right-sub {
	text-align: left;
	padding-left: 14px;
	width: 170px;
	float: left;
}

#footer {
	background: #fff url(/ref/img/footer_bg.gif) repeat-x top left;
	text-align: center;
	margin-top: 30px;
	height: 80px;
	width: 100%;
	clear: both;
	float: left;
}

/* ---- ELEMENTS ---- */

#logo { float: left; }

#nav {
	background-color: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 81px;
	width: 624px;
	float: left;
}

#nav ul {
	border: 0;
	margin: 0;
	padding: 0 0 0 199px;
	list-style-type: none;
	text-align: center;
}

#nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 81px;
}

#nav ul li a {
	border-top: 45px solid #fff;
	border-bottom: 5px solid #fff;
	color: #333;
	font: small-caps bold 1em/31px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 85px;
}

#nav ul li a:hover {
	background-color: #eee;
	border-top: 45px solid #eee;
	border-bottom: 5px solid #22792e;
}

#content-nav-wrap {
	background: #eee url(/ref/img/body_nav_bg.jpg) no-repeat top left;
	border: 3px solid #fff;
	float: left;
}

#content-nav {
	background: url(/ref/img/nav_trans_bg.png) no-repeat top left;
	padding: 8px;
	margin: 15px 10px 0 0;
	width: 218px;
	float: right;
}

#content-current {
	text-align: left;
	padding: 5px 10px 10px 10px;
}

#content, #content-sub {
	border: 3px solid #fff;
	padding-top: 10px;
	text-align: left;
	float: left;
}
#content-sub {
	background-color: #fff;
	width: 624px;
	padding: 8px;
}

#labs { margin-top: 15px; }
#labs P { text-align: justify; }

#footer-wrap {
	margin: 0 auto;
	padding: 0;
	width: 830px;
	text-align: left;
}

#newsletter {
	background: url(/ref/img/newsletter.jpg) no-repeat;
	padding: 9px 15px;
	height: 80px;
	width: 188px;
	float: left;
}

#footer-center { font-size: 0.88em; margin-top: 32px; float: left; }
#footer-center UL { margin: 0; padding: 0; width: 380px; }
#footer-center UL LI { text-align: center; width: 76px; height: 20px; float: left; }

#footer-right { font-size: 0.75em; line-height: 1.4em; margin-top: 30px; float: right; }
#footer-right IMG { padding: 0 6px 1px 10px; vertical-align: baseline; }

/* ---- ALIGNMENT ---- */
.vmiddle { vertical-align: text-top; }
.vbottom { vertical-align: baseline; }
.center { text-align: center; }
.left { float: left; }

/* ---- OTHER ---- */
.clear { clear: both; }
.pad10 { padding: 10px; }
.portfolio { padding: 10px; }