@charset "utf-8";
/* CSS Document */

/* This is the main stylesheet in use by the SFM public website */

body {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;
	
	background: #ffffff;
	
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
	}

td		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
th		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
select	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
h1		{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 0; color:#094dd2; }
h2		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; color:#094dd2; margin-bottom: 4px; }
h3		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin-bottom: 2px; }
h4		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; margin-bottom: 2px; }

p 		{ font-family: Arial, Helvetica, sans-serif; } 
.noSpaceAbove { margin-top: 0; }

A:link		{text-decoration: none; color:#094dd2;}
A:visited	{text-decoration: none; color:#648040;} 
A:active	{text-decoration: none; color:#fa4d07;}
A:hover		{text-decoration: underline; color:#fa4d07;}

.sfmic #container {
	width: 820px;
	background-image:url(images/shadowback_mid.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.sfmic #mainContentHome {
	margin-bottom: 0px;
	padding: 20px 60px;  remember that padding is the space inside the div box and margin is the space outside the div box */
}

.sfmic #mainContent {
	margin-bottom: 0px;
	padding: 0px 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
}


.sfmic #topShadowCap {
	width: 820px;
	height: 21px;
	margin: 0 auto;
	padding: 0px;
	background-image:url(images/shadowback_top.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.sfmic #bottomShadowCap {
	width: 820px;
	height: 19px;
	margin: 0 auto;
	padding: 0px;
	background-image:url(images/shadowback_bottom.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


.sfmic #topContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;
}

.sfmic #topNavBar {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#c9c9c9;
	color: #ffffff;
	border-bottom: 1px solid #5b622a;
	border-top: 1px solid #5b622a;
	padding-bottom: 0px;
	text-align: right;
	padding-top: 0px;
	font-size: 10px;
}	
	A.topNavBar:link	{ color: #ffffff; }
	A.topNavBar:visited	{ color: #ffffff; }
	A.topNavBar:active	{ color: #000000; }
	A.topNavBar:hover	{ color: #000000; text-decoration: underline; }
	
.sfmic #leftSideBlue {
	background-color:#c8d7f5;
	padding:12px; 
	margin:0;
	color:#094dd2;
	font-size: 11px;
}


hr { border:none; }
.leftSideBlueRule { width:100%; color:#ffffff; background-color:#ffffff; height:1px;}

.sfmic #rightSideMain {
	text-align: left;
	padding-left: 8px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 20px;
	padding-top: 20px;
}

.sfmic #footer {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #707174;
	background-image:none;
	background:#FFFFFF;
	padding-bottom: 6px;
	text-align: center;
	padding-top: 6px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.sfmic #crumbTrail {
	
	color: #58595b;
	
	padding-bottom: 4px;
	font-size: 10px;
}

.crumbTrailSelected {
	color: #456e0b;
	font-weight: bold;
}

.crumbTrailDisabled {
	color: #999999;
}

A.crumbTrail:link	{ color: #336699; }
A.crumbTrail:visited	{ color: #336699; }
A.crumbTrail:active	{ color: #000000; }
A.crumbTrail:hover	{ color: #000000; text-decoration: underline; }

/* Table for displaying bulleted lists with blue boxes */
.bbb 		{ border:none; }
.bbb tr		{ vertical-align:text-top;}

/* Unordered list style for blue box bullets */
ul { margin-top: 0; }
.blueDiamondBullet {
	list-style-image: url('images/blue_diamond_bullet_mini.gif');
}
.blueBoxBullet {
	list-style-image: url('images/blue_box_bullet.gif');
}	

.panel_page_body {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;
	
	background: #ffffff;
	background-image:none;
	margin: 12; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 12px 12px;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
	}

/* general messages are in dark red, and a bit larger */
.message	{ color: #660000; font-size: 12px; font-weight: bold; }

/* error messages are in red */
.error		{ color: #cc0000; }
.errorHigh	{ color: #000000; background-color: #ffff00; }


/* legal */
.legal_head	{ font-weight: bold; }

/* Form styles */
.formRequired	{ color: #990000; }
.formError	{ font-weight: normal; color: #000000; background-color: #ffff00; padding-left: 4px; }
.formDisable	{ color: #999999; }

/* Instruction box */
.instructions		{ background-color: #fafafa; padding: 10px; border: 1px solid #cccccc; }


/* Resource page */
.docTitle		{ font-family: arial, helvetica, sans-serif; color: #4f3b38; font-size: 14px; font-weight: bold; }
.docPage		{ color: #000066; }