/*
	GGG-D Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; background-color: #ffffff; font-size: 16px;
	}
#content  { color: #666666; font-size: 80%; line-height: 1.6em; background-color: #ffffff; margin-bottom: 10px; padding: 0 10px 0 20px; width: 544px; float: left; border-right: 2px solid #cccccc }	
#wrapper {
	MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left; 
	padding: 5px 5px 9px 5px;
	}
#bg {
	PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
	}
#nav {
	PADDING-LEFT: 5px; BACKGROUND: #BFBFBF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: right;
	font-size: 80%; padding-right: 10px;  border-bottom: 7px solid #666666;
	}
.scrollbox {padding: 10px; height: 200px; width: 521px; border: 1px dotted #666666; overflow: auto; background-color: #fff;}
.banner-image {
	border: 5px solid #cccccc; padding: 1px;
}
/* typography
----------------------------------------------- */
.comment {
	text-align: right;
	font-size: 80%; color: #cccccc;
	}
	
h1  { color: #009900; font-size: 170%; font-family: Georgia, Baskerville, Palatino, serif; font-weight: bold; letter-spacing: 0.2em; border-bottom: 2px dotted #000000 }

h2  { color: #009900; font-size: 120%; font-family: Georgia, Baskerville, Palatino, serif; font-weight: bold; letter-spacing: 0.2em; border-bottom: 1px dotted #000000 }

h3  { color: #009900; font-size: 100%; font-family: Georgia, Baskerville, Palatino, serif; font-weight: bold; letter-spacing: 0.2em; border-bottom: 1px dotted #000000 }
	
.nav-hdr {
	font-size: 90%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 5px; font-variant:small-caps;
	}

.footer-links { font-size: 80%; border-top: 1px solid #cccccc; text-align: left;
	}
	
.company1 {
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif; color: #000000;
}

.company2 {
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif; color: #009900;
}


	/* links 
	------------------------------------------- */
	A {
		font-size: 80%; TEXT-DECORATION: none; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	a:hover {
		text-decoration: underline;
	}
	a:link, a:active, a:hover, a:visited {
	color: #009900;
	}
	
	A.comment:link {
		COLOR: #8D8C53; text-decoration: none; font-size: 100%;
	}
	A.comment:visited {
		COLOR: #8D8C53; text-decoration: none; font-size: 100%;
	}
	A.comment:active {
		COLOR: #BBBC61; text-decoration: none; font-size: 100%;
	}
	A.comment:hover {
		COLOR: #D16D39; text-decoration: none; font-size: 100%; text-align:right; text-decoration: underline;
	}

	A.mainnav:hover {
	text-decoration: underline; BORDER-RIGHT: #444444 3px solid; COLOR: #444444; TEXT-DECORATION: none
	}
	a.links:hover {
	text-decoration: underline; color: #444444; 
	}
	a.links:active, a.links:link, a.links:visited {
	text-decoration: none; color: #444444; 
	}

.clearthis {
	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
}
#menu  { font-size: 100%; line-height: 1.3em; background-color: #ffffff; margin-top: 10px; padding-top: 0; padding-right: 15px; padding-bottom: 0; width: 171px; float: right }
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#menu LI {
	MARGIN: 0px; height: 20px; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}
#menu A   { color: #666666; font-size: 100%; font-family: Georgia, Baskerville, Palatino, serif; font-weight: bold; text-decoration: none; background: #fff; display: block; padding: 3px }
#menu A.mainnav:hover {
	BACKGROUND: #BFBFBF; COLOR: #fff; 
}

.quote {
	background-color: #cccccc;
	border: 1px solid #B4B4B4;
	color: #000000; padding: 2px;
}