/* On-screen stylesheet for SG Construction website */

body {
	font:	10px Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

td {
	font:	10px Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: top;
}

body p	{
	font:	10px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 10px 10px 20px;
	}
	
h1 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #660D1A;
	margin: 20px 10px 10px 20px;
	text-transform: uppercase;
	}
	
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #999966;
	margin: 20px 10px 10px 20px;
	}
	
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 20px 10px 10px 20px;
	}
		
ul  {
	font:	10px/160% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 10px 10px 20px;
	padding: 0px 10px 10px 20px;
	list-style-image: url(../images/bullt_sq_open_gren.gif);
	list-style-position: outside;
	}

a:link	{
	color:	#003399;
	text-decoration:	none;
	}

a:active	{
	color:	#CCCC99;
	text-decoration:	underline;
	}

a:visited	{
	color:	#663366;
	text-decoration:	none;
	}

a:hover	{
	color:	#660D1A;
	text-decoration:	underline;
	}
	
#leftnav	{
	background: #CCCC99;
	}

#leftnav a:link	{
	color: #000000;
	text-decoration:	none;
	}

#leftnav a:active	{
	color:	#000000;
	text-decoration:	none;
	}

#leftnav a:visited	{
	color: #000000;
	text-decoration:	none;
	}

#leftnav li:hover {
	list-style-image: url(../images/arrow_green-green.gif);
	list-style-position: outside;
	}

#leftnav a:hover {
	color:	#000000;
	text-decoration:	none;
	}

#leftnavmenu	{
	padding: 20px 10px 0px 20px;
	}
	
#login input {
	margin: 0px 0px 10px 20px;
	}
	
.darkbg {
	border-top-color: #B2B27F;
	border-bottom-color: #B2B27F;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

#sidebar {
	padding: 25px 0px 0px 0px;
	}

#sidebar h1 {
	font-weight: bold;
	font-size: 12px;
	color:	#999999;
	margin: 10px 0px 0px 5px;
	}

#sidebar h2 {
	font-weight: bold;
	font-size: 10px;
	color:	#999999;
	margin: 10px 0px 0px 5px;
	}

#sidebar h3 {
	font-weight: bold;
	font-size: 9px;
	color:	#999999;
	margin: 10px 0px 0px 5px;
	}

#sidebar p {
	font-size: 9px;
	color:	#999999;
	letter-spacing: -0.03em;
	margin: 0px 0px 5px 5px;
	}
	
#sidebar img {
	margin: 0px 0px 10px 5px;
	}

#sidebar .quote p {
	font: italic 10px/150% Verdana, Arial, Helvetica, sans-serif;
	color:	#999999;
	margin: 0px 0px 10px 5px;
	}

.homelist ul {
	list-style-image: url(../images/bullt_sq_gren.gif);
	list-style-position: outside;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 10px 20px;
	}

.homelist ul li ul {
	list-style-image: url(../images/bullt_sq_open_gren.gif);
	list-style-position: outside;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 7px;
	}

.homefooter p {
	font-size: 9px;
	color:	#999999;
	letter-spacing: -.03em;
	}

#homecontent {
	background-image: url(../images/home_contentphoto.gif);
	background-repeat: no-repeat;
	background-position: 241px 170px;
	}

.paragraph	{
	font:	10px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 10px 20px;
	}

#footer p {
	font-size: 9px;
	color:	#999999;
	margin: 0px 0px 10px 20px;
	}
	
#sitemap .box {
	background-color: #DEDEBD;
	border-color: #B2B27F;
	border-style: solid;
	border-width: 1px;
	}
	
#sitemap .corner {
	border-top-color: #B2B27F;
	border-top-style: solid;
	border-top-width: 1px;
	}
	
#sitemap .line {
	border-right-color: #B2B27F;
	border-right-style: solid;
	border-right-width: 1px;
	}
	
.trow {
	background-color: #DEDEBD;
}
	
.trow1 {
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}
	
.trow2 {
	border-right-color: #DEDEBD;
	border-right-style: solid;
	border-right-width: 1px;
}

.red {
	color: #800000;
}

.advert	{
	font:	10px Verdana, Arial, Helvetica, sans-serif;
	color: #800000;
	padding: 10px 0px 10px 20px;
	font-weight: bold;
	text-align: center;
	font-style: oblique;
	}
.line a {
	font-size: 14px;
}
.line a {
	font-size: 12px;
}
