/* begin */
* {
	margin:0; 
	padding:0;
	overflow: visible;
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

body {
	font: 10px Verdana, sans-serif;
	margin-top:10px;		         /* set space btwn top of browser and backdrop */ 
	padding:0px;
	text-align:center;
	background-color:#f0f0f0;		 /* #003D79 set color for backdrop */
        color: #fefefe;
}

td {
	font-family:arial;
	font-size:11px;
	color:#3C3032;
}

ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

li {
        line-height: 20px;
        padding-left: 12px;
        padding-top: 0px;
        background-image: url(../images/bullet.png) ;
        background-repeat: no-repeat;
        background-position: 0px 3px;
}

div#mainwrapper{
	width:700px;                             /* set width of center section */
	margin-left:auto;
	margin-right:auto;
	background-color:#002142;		 /* set color for floating center section */
	border-top:10px solid #002142;           /* set color of borders */
	border-left:10px solid #002142;
	border-right:10px solid #002142;
	border-bottom:10px solid #002142;
}

div#header{
	height:60px;				/* 75 set H & W from graphic + H for page margin*/
	width:700px;                             /* set width of header section. dont forget to factor in borders*/
	border-top:2px solid #FFE900;           /* set color of borders */
	border-left:2px solid #FFE900;
	border-right:2px solid #FFE900;
}

div#banner{
	height:50px;				/* 150 set H & W from graphic + H for page margin*/
	width:700px;                             /* set width of header section. dont forget to factor in borders*/
	border-left:2px solid #FFE900;
	border-right:2px solid #FFE900;
	border-bottom:20px solid #FFE900;
        text-align:left;
}

div#contentarea{
	width:704px;                             /* set width of center section */
	background-color:#E4E4E4;
	background-image:url(images/neg_margin_faux_left.gif);
	repeat-y: top left;
	background-repeat:repeat;
	}

div#contentarea2{
	width:704px;                             /* set width of center section */
	background-color:#E4E4E4;
	background-image:url(images/neg_margin_faux_right.gif);
	repeat-y: top right;
	background-repeat:repeat;
        text-align:left;
}

div#leftcol{
	float:left; 
	width:170px; 
	margin-left:-704px;
	background-color:#E4E4E4;
	background-image:url(images/sg_12_15a.jpg);
	background-repeat:no-repeat;
	background-position: 160px 0px;
}

div#centercol{
	float:left; 
	width:534px; 
	margin-left:170px; 
	display:inline;
	background-color:#E4E4E4;
}

div#footer{
        height: 15px;
	width:704px;
	background-color:#FF0000;
	border:1px solid #000;
	text-align: center;
	color: #fff;
	float:left;
	background-image:url(images/sg_12_21.jpg);
	background-repeat:no-repeat;
}

div#legalfooter {
	width:704px;
	background-color:#898;
	border:1px solid #000;
	text-align: center;
	color: #fff;
        font-size: 0.6em;
	float:left;
        padding-top: 3px;
        padding-bottom: 3px;
}

.componentheading
{
	height: 14px;
	margin-left:2px;
	padding-left:3px;
	border-bottom: 1px solid #ff0000;
	color: #336699;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 10px;
	text-align: left;
	padding-left:3px;
	padding-top: 5px;
	height: 16px;
	width:140px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-family:arial;
	border-bottom-color: #76CA10;
	color:#003D79;

}

a.mainlevel:hover {
	text-decoration: none;
	border-bottom-color: #3D3E8E;
	color: #FFCC00;
	text-align: left;
}

a.sublevel:link, a.sublevel:visited {
	font-size: 10px;
	color: #000000;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
}

a.sublevel:hover {
	text-decoration: none;
}

a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family:arial;
	color: #000000;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

a.pathway:link, a.pathway:visited {
	color			: #ffffff;
	font-size		: 11px;
	line-height		: 18px;
	font-family: Arial;
}

a.pathway:hover {
	color			: #ffffff;
	font-family: Arial;
}

a.sgfooter:link, a.sgfooter:visited {
	color			: #fefefe;
	font-size		: 11px;
	font-family: Arial;
	text-decoration:none;
}
a.sgfooter:hover {
	color			: #fefefe;
	font-family: Arial;
	text-decoration:none;
}

a.sglink:link, a.sglink:visited {
	color			: #333;
	font-size		: 11px;
	font-family: times new roman, serif, georgia;
	text-decoration:none;
}
a.sglink:hover {
	color			: #333;
	font-family: times new roman, serif, georgia;
	text-decoration:none;
}
table.contenttoc {
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}

table.contenttoc th {
	background: #FF0511;
	color: #FF0511;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

table.contentpane td.contentdescription
{
	font-size:12px;
	line-height:18px;
}

table.contentpane td.componentheading
{
	background:#E1DECF;
	height: 20px;
	padding-left:3px;
	border: 1px solid #FFFFFF;
	color: #C20A28;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td
{
	padding-top:1px;
	padding-bottom:2px;
	font-size:12px;
}

table.contentpaneopen
{
	width:100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:12px;
}

table.contentpaneopen td.contentheading
{
	height: 20px;
	padding-left:3px;
	color: #77C21F;
	text-align: left;
	white-space: nowrap;
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #336699;
}

table.moduletable {
	width:100%;	
	margin-bottom: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	color: #336699;
	text-align: left;
	vertical-align:middle;
	padding-left: 16px;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
}

table.moduletable td {
	margin-top:12px;
	padding-left:7px;
	font-size: 11px;
	margin: 10px;
	font-weight: normal;
}

.button {
	margin-top:3px;
	margin-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #ADAA9C;
	background-color: #E1DECF;
	color: #000000;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
}

.sectiontableheader
{
	background: #E1DECF;
	height: 20px;
	padding-right:3px;
	font-weight :bold;
}

.inputbox {
	font-size:10px;
	font-family:verdana;
	border:solid 1px #ADAA9C;
	background-color: #F3F0E1;
	
}

.createdate .modifydate {
	font-family:arial;
	font-size:10px;
	color:#A0A0A0;
	font-weight: bold;
}

.pathway {
	padding-left: 5px;
	border: 0;
	color: #ffffff;
	font-family: Arial;
}

.pagenav {
	font-size:12px;
	font-weight:normal;
}

.mymoduletdmiddle {
	background: url(../images/module_middle_graphic.gif) repeat-y;
	padding-left:18px;
	padding-right:10px;
}

.mymoduletdheader {
	background: url(../images/module_top_graphic.gif) no-repeat;
	height: 13px;
}

.mymoduletdfooter {
	background: url(../images/module_footer_graphic.gif) no-repeat;
	height: 10px;
}

.mymodulebg {
	background: url(../images/general_module_bg.jpg) no-repeat right bottom;
	height:110px;
}

.mymainbody {
	padding-top :3px;
	padding-left:5px;
	padding-right :23px;
}

span.small
{
	font-family:arial;
	font-size:10px;
	color:#A0A0A0;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */