html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#bldgfrnt {
	position: inherit;
	left: 100px;
	top: 100px;
	z-index: 10;
}
.contact {
	font-size: 75%;
	font-weight: bold;
	color: #333333;
	vertical-align: text-top;
}
.bodytextstrong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform: none;
	color: #333333;
	line-height: 1.25em;
}
.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	font-weight: normal;
	text-transform: none;
	line-height: 1.25em;
}
.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bolder;
	color: #094B6F;
	text-transform: none;
}
.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #094B6F;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}
.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	text-transform: none;
	color: #094B6F;
}
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	background-image: url(bg4.jpg);
	background-repeat: repeat-x;
	height: auto;
}
#contentarea {
	margin-top: 50px;
	margin-left: 50px;
	width: 525px;
}
#holder {
	width: 775px;
	text-align: left;
	padding: 0px 10px 0px 10px;
	background-repeat: repeat-x;
	margin: 0 auto 0 auto;
	min-height: 650px;
	text-transform: capitalize;
	height: auto;
	background-color: #C2E8F3;
}
#wrapper {
	width: 775px;
	padding: 0px;
	margin: 0px;
	min-height: 625px;
	vertical-align: top;
	height: AUTO;
}
#masthead {
	width: 775px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
#banner {
	width: 775px;
	height: 126px;
	background-image: url(sgilogoheader.jpg);
}
#nav {
	float: right;
	list-style: none;
	margin: -48px 0px 0px 0px;
	height: 49px;
	display: inline;
	overflow: hidden;
	width: 626px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	font-size: 5%;
	padding: 48px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:48px; /* for IE5/Win */
	}

#nav a:hover {
	background-position: 0 -50px;
}
#nav a:hover, #nav a.selected {
	background-position: 0 -50px;
}
#bhome a  {
	width: 58px;
	background-image: url(bhome.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#baboutus a  {
	width: 97px;
	background-image: url(bnew.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#bcap a  {
	width: 94px;
	background-image: url(bcap.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#bport a  {
	width: 85px;
	background-image: url(bport.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#bpeople a  {
	width: 95px;
	background-image: url(bpeople.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#bclient a  {
	width: 97px;
	background-image: url(buseful.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#bcontact a  {
	width: 100px;
	background-image: url(bcontact.jpg);
	top: left;
	background-repeat: no-repeat;
	}
#subnav {
	background-color: #80D2EA;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 624px;
	height: 20px;
	font-size: 70%;
	color: #FFFFFF;
	text-align: right
	}
	
#subnavleft {
	background-color: #80D2EA;
	padding: 6px 0px 0px 149px;
	margin: 0px 0px 0px 0px;
	width: 624px;
	height: 20px;
	font-size: 70%;
	color: #FFFFFF;
	text-align: left
	}
#subnav li {
	margin: 0; 
	padding: 0px 12px 0px 0px;
	display: inline;
	list-style-type: none;
	}

#subnav a {
	text-decoration: none
	}
	
#subnavleft a {
	text-decoration: none
	}
	
#subnav a:hover {
	color: #FFFFFF;
	background-color: #80D2EA;
	}
	
#subnavleft li {
	margin: 0; 
	padding: 0px 0px 0px 16px;
	display: inline;
	list-style-type: none;
	}
#subnavleft a:hover {
	color: #FFFFFF;
	background-color: #80D2EA;
	}
	
#sidebar {
	width: 151px;
	float: left;
	padding: 0px 624px 0px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 500px;
}
#date {
	color: #999999;
	font-size: 70%;
	padding: 15px 0px 0px 15px;
	width: 200px;
	height: 75px;
	margin: 20px 0px 0px 550px;
}
#newsletter {
	background-image: url(../images/simple.jpg);
	width: 151px;
	height: 111px;
}

#stripebar {
	color: #FFFFFF;
	background-repeat: no-repeat;
	font-size: 100%;
	padding: 0px 0px 0px 0;
	background-color: #094B6F;
}

#stripebar a {
	color: #FFFFFF;
}
.brclear {
	clear: both;
	height: 0px;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
}
#content {
	width: 500px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	min-height: 650px;
}
#flash {
	width: 624px;
	height: 327px;
}
#topimage {
	background-color: #FFFFFF;
	width: 624px;
	letter-spacing: normal;
	outline-color: #FFFFFF;
	color: #094B6F;
	padding-left: 25px;
	padding-right: 25px;
	min-height: 250px;
	max-height: 450px;
}
middle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: horizonal-left vertical-top;
	letter-spacing: 16pt;
	text-align: left;
	vertical-align: text-top;
	word-spacing: normal;
	height: 460px;
	width: 624px;
	position: absolute;
	color: #094B6F;
	padding: 50px 25 px 25px 50px;
	text-indent: 25px;
}
#text {
	padding: 35px 35px 20px 57px;
	margin: 0px 0px 0px 0px;
}
#text2 {
	padding: 5px 20px 20px 57px;
	margin: 0px 0px 0px 0px;
}
#text3 {
	padding: 5px 15px 20px 35px;
	margin: 0px 0px 0px 0px;
}
#text4 {
	padding: 15px 5px 20px 5px;
	margin: 0px 0px 0px 0px;
}
#textpeople {
	padding: 35px 35px 0px 181px;
	margin: 0px 0px 0px 0px;
}
#people {
	padding: 30px 35px 30px 57px;
	margin: 0px 0px 0px 0px;
	border:#000000
}
.text {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#photo {
	background-image: url(../images/picbg.jpg);
	background-repeat: no-repeat;
	background-color: #005E82;
	width: 100px;
	height: 115;
	padding: 10px 0px 10px 10px;
	margin: 0px 15px 10px 0px;
	float: left;
}
#footer {
	font-size: 80%;
	color: #333333;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:80%;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 660px;
  width: 520px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 70%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


p {
	font-size: 80%;
}
#content p {
	line-height: 130%;
}
h1 {
	font-size: 90%;
	text-transform: uppercase;
	color: #005E82;
	font-style: normal;
	line-height: 3;
}
h2 {
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	color:#000000;
	line-height: 2;
}
h3 {
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	color:#000000;
	line-height: 1;
	}
a {
	color: #005E82;
	text-decoration: underline;
}
a:hover {
	background-color: #FFCC00
	}
ul.inside {
	list-style-position: outside;
	font-size: 80%;
	padding-left: 25px;
	}

b {
	color: #005E82
	}
.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #094B6F;
}
	
@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	margin: 0px;
	padding: 2px;
	cursor: hand;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	cursor: hand;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	cursor: hand;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	cursor: hand;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor: hand;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor: hand;
}