/* CSS Document */

.centerbold {
	text-align:center;
	font-weight:normal;
	font-size:10px;}

.copyright {
	font-weight:bold;
	font-size:10px;	
	text-align: left;
}
	
.dropcapparagraph:first-letter {
	font-size:35px; 
	font-weight:bold; 
	font-family:verdana,arial,helvetica;
	float:left;	
	color:#849ea2}

.quote {
	font-weight:normal;
	font-size:13px;
	font-family:verdana,arial,helvetica;
	font-style:italic}


a:link, a:active, a:visited {
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color:#640000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


body
 {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(images/SGHtopbarwide.gif);
	//overflow-x: hide; // These two do not appear to do anything in ie
	//overflow-y: auto;
	background-repeat: no-repeat;
}

/* Use for  newsitem on top of mid-green background - charcoal text*/
h1{	text-align:center; 
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	font-size:14px;
	color:#333333;}
/* Use for headers - medium aqua */	
h2{	text-align:center; 
	font-weight:bold;
	font-style:italic;
	font-family:verdana,arial,helvetica;
	font-size:16px;
	color:#669999;}
/* Use for contact information line at bottom of all pages - dark green*/
h3{	text-align:center; 
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	color:#336666;}
/* Use for initial charcoal contact info on home page and part of newsitem*/	
h4{	text-align:center; 
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	font-size:12px;
	color:#333333;}
/* Used in news and products - dark blue */	
h5{	text-align:center; 
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	font-size:14px;
	color:#576677;}
/* Use for header on contact page - dark green*/
h6{text-align:center; 
	font-weight:bold;
	font-style:italic;
	font-family:verdana,arial,helvetica;
	font-size:16px;
	color:#336666;}
	
p {	text-align:justify; 
	font-weight:normal; 
	font-family:verdana,arial,helvetica;
	font-size:12px;
	color:#333333;}

td.bar{
	vertical-align:middle; 
	background-color:#849ea2;}
	
ul{	font-weight:bold; 
	font-family:verdana,arial,helvetica;
	font-size:12px;
	color:#333333;}

li.big{
	font-weight:bold; 
	font-family:verdana,arial,helvetica;
	font-size:14px;
	color:#333333;}
	
li.small{
	font-weight:normal; 
	font-family:verdana,arial,helvetica;
	font-size:10px;
	color:#333333;}
	
ul.arrowhead {
	list-style-image:  url(../images/arrowhead.gif);}
	
ul.bigsquare {
	list-style-image:  url(../images/bigsquare.gif);}
	
ul.checkmark {
	list-style-image:  url(../images/checkmark.gif);}
ul.blackhook {
	list-style-image:  url(images/blackhook.gif);}
ul.redhook {
	list-style-image:  url(images/redhook.gif);}
.printonly {
	display:none;
}
.gold {
	background-color: #FFCC66;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: #640000;
	text-align: left;
}
.hdr2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #640000;
	text-align: left;
}

.parahead1 {
	font-family:verdana,arial,helvetica;
	font-size: 14px;
	font-weight:bold;
	font-style: italic;
	color: #006633;
}
.formlabel {
	text-align: right;
}
.red {
	color: #990000;
}
.box {
	border: 1px solid #000000;
}
.padded {
	padding: 12px;
	vertical-align: top;
}

.regular {	text-align:justify; 
	font-weight:normal; 
	font-family:verdana,arial,helvetica;
	font-size:12px;
	color:#333333;}


.values {
	background-color: #FFCC66;
	border: medium inset #CC6633;
}
td {
	font-size: 12px;
}
img {
border: 0px;
float: right;
}

.topbar {
	background-image: url(images/SGHtopbar.jpg);
	background-repeat: no-repeat;
	background-color: #FFCC66;
}

/* ---------- div ---------- */
#medallionArea {
position:absolute;
top: 0px;
left: 0px;
height: 125px;
width: 220px;
}
#widebkg {
position:absolute;
	background-image: url(images/SGHtopNarrow.jpg);
	background-repeat: repeat-x;

top: 0px;
left: 0px;
height: 125px;
width: 100%;
}
#titleArea {
margin: 0px;
position:absolute;
top: 0px;
left: 0px;
height: 125px;
width: 900px;
}
#navArea {
position:absolute;
top: 125px;
left: 0px;
/*height: 405px;*/
width: 220px;
	padding-top: 20px;

}
#navArea a {
	height: 12px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
}
#navArea a.indent {
	padding-left: 16px;
}

#navArea a:hover {
 background: #FFFFFF;
 text-decoration: none;
}
#webCastScroll {
	margin-left: 10px;
	padding: 3px;
	height: 100px !important;
	width: 200px;
	overflow:hidden;
	font-size:10px;
	background-color:#ffffff;
	border: 1px;
	border-color: #000000;
}

#webCastScroll a {
 text-decoration: underline;
 }

#emailArea {
	
	padding: 10px 0px 0px 0px;
	}
#contentArea {
position: absolute;
top: 125px;
left: 220px;

	padding: 20px 8px 8px 8px;
	width: 680px;
	/*height: 405px;
	overflow:auto;*/
}
#contentAreaPDF {
position: absolute;
top: 125px;
left: 220px;

	padding: 0px;
	width: 800px;
	/*height: 405px;
	overflow:auto;*/
}

#contentText {
top: 130px;
left: 220px;
}
#contentImageRight {
float: right;
}
#contentImageLeft {
float: left;
}
#footerArea {
	left: 0px;
	top:inherit;
	width: 680px;
}

#footerAreaLeft {
position:static;
top: 0px;
left: 0px;
width: 220px;
padding-left: 8px;
}

#footerAreaRight {
	left: 220px;
	width: 680px;
	padding-left: 8px;
	text-align: center;
}
.floatRight {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}
.normalWeight {
	font-weight: normal;
}
.wcDescription {
	font-weight: normal;
	text-decoration: none;
}