/* Master Stylesheet */

body {
	padding: 0px;
	background-color: #FFFFFF;
	font-family:Trebuchet, Verdana, Arial, Helvetica, Sans;
	font-size: 11pt;
	line-height:18px;
	text-align: center;
	margin-top: 0px;
	background:url(/images/bg_gray2.jpg) repeat top center;
}


/* LAYOUT DIVS */
#mMaster {
	position: relative;
	width:785px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#mHeader{
	position: absolute;
	height:25px;
	width: 608px;
	top: 24px;
	z-index: 5;
	left: 177px;
	background-color: #000000;
	font-size: 9pt; 
	color: #ffffff; }
#mHeader a:link a:visited{ 
	Color:White;
	text-decoration:none;
}
#mHeader a:hover {
	text-decoration:underline;
}

	
#mSFLogo{
	position: absolute;
	height:49px;
	width: 177px;
	top: 0px;
	z-index: 5;
	left: 0px;
}

#mMainLogo {
	position:absolute;
	width:90px;
	height:103px;
	z-index:1;
	left: 32px;
	top: 94px;
}

#mBanner{
	position: absolute;
	height:24px;
	width: 608px;
	top: 0px;
	z-index: 5;
	left: 177px;
	background-image: url(/images/bannerbb.jpg);
}

#mBodywrap {
	background-color: #FFFFFF;
	margin-top: 75px;
	position: absolute;
	padding: 0px;
	width: 785px;
	top: 0px;
}
#mMaincol {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding: 0px;

}
#mBluebuttons {
	width:100px;
	height:115px;
	z-index:1;
}
#mBluebuttons h4 {
	font-size:11pt;
	font-weight:bold;
	color:#ffff00;
	margin-bottom:5px;
	margin-top:0px;
	text-align:center;
}
#mBluebuttons li{
	list-style:none;
	padding-bottom:5px;
}

#mLeftMenu {
	margin-left:3px;
	width:150px;
	margin-top:130px;
	background-color:#BDD59E;  /* background for PROGRAM AREAS */
}
#mContentArea {
	margin-top:30px;
	width:610px;
	float:left;
	margin-left:5px;
}
.mContentLeftColSmall
{
	float:left;
	width:400px;
}
.mContentLeftCol
{
	float:left;
	width:500px;
}
.mContentLeftColFull
{
	float:left;
	width:610;
}
.mContentRightCol
{
	float:right;
	width:100px;
	text-align:left;
}
.mContentRightColLarge
{
	float:right;
	width:197px;
	min-width:197px;
	text-align:left;
}
.mNote {
	border: solid 3px black;
	padding: 3px;
	float:right;
	min-width:197px;
}
.mAddress {
	font-size:10px;
	color:#3B477D;
	font-style:oblique;
	line-height:100%;
	margin-left:5px;
	
}
#mProgramAreas {
	width:150px;
	border-top:solid 2px #D9E5D0;
	border-bottom:solid 2px #D9E5D0;
	padding:5px 0px 5px 0px;
	color:#3B477D;
	font-weight:bold;
	font-size:13px;
	text-indent:5px;
}	
.mTopMenu {
	position:absolute;
	top:110px;
	width:104px;
	line-height:100%;
	z-index:1001;
}
#mTopBar {
	position:absolute;
	top:0px;
	left:153px;
	width:630px;
	margin:0px;
	border:none;
	z-index:1001;
}
/* END LAYOUT DIVS */

/* FONT STYLES */

#mHeader a {
	font-size: 9pt; 
	color: #ffffff; }

#mHeader a:hover{
	font-size: 9pt; 
	color: #ffffff; }
	


.mLittleblue
{
font-size:9px;
color:#385FA0; 
margin:1px;
}

.mLittleblue a
{
font-size:9px;
color:#0000ff;  /* #385FA0 */
}

.mLittleblue a:hover
{
font-size:9px;
color:0000ff; 	/* #385FA0 */
}

/* END FONT STYLES */


/* FOOTER STYLES*/

#mFooter {
	width:100%;
	height:92px;
	clear: both;
	padding: 11px 0px;
	text-align: center;
}
/* END FOOTER STYLES*/


/* CORNERS AND EDGES*/
.mT {background: url(/images/dot.jpg) 0 0 repeat-x; width: 100%}
.mB {background: url(/images/dot.jpg) 0 100% repeat-x}
.mL {background: url(/images/leftdot.jpg) 0 0 repeat-y;}
.mR {background: url(/images/dot2.jpg) 100% 0 repeat-y;}

.mBl {background: url(/images/bl.jpg) 0 100% no-repeat;}
.mBr {background: url(/images/br.jpg) 100% 100% no-repeat;}
.mTl {background: url(/images/tl.jpg) 0 0 no-repeat}
.mTr {background: url(/images/tr.jpg) 100% 0 no-repeat; padding-top:0px; padding-left:0px; padding-right:0px;padding-bottom:0px;}

/* BLUE CORNERS AND EDGES*/
.bluebox {
	background-color:#3760A0;
	margin-bottom:5px;
	font-size:10px; 
	color:#FFFFFF; 
	line-height:12px;
}
.bluebox a:link {
	font-size: 10px; 
	color: #ffffff;
	line-height:12px;
	text-decoration:none;
}
.bluebox a:visited {
	font-size: 10px; 
	color: #ffffff;
	line-height:12px;
	text-decoration:none;
}
.bluebox a:hover{
	font-size: 10px; 
	color: #ffffff;
	line-height:12px;
	text-decoration:none;
	border-bottom: dashed 1px #ffffff;
}
.mBT {background: url(/images/blue_dot_t.jpg) 0 0 repeat-x; width: 100%}
.mBB {background: url(/images/blue_dot_b.jpg) 0 100% repeat-x}
.mBL {background: url(/images/blue_dot_l.jpg) 0 0 repeat-y;}
.mBR {background: url(/images/blue_dot_r.jpg) 100% 0 repeat-y;}

.mBBl {background: url(/images/blue_bl.jpg) 0 100% no-repeat;}
.mBBr {background: url(/images/blue_br.jpg) 100% 100% no-repeat;}
.mBTl {background: url(/images/blue_tl.jpg) 0 0 no-repeat}
.mBTr {background: url(/images/blue_tr.jpg) 100% 0 no-repeat;padding-top:19px; padding-left:4px; padding-right:2px;padding-bottom:4px;}
/* END CORNERS AND EDGES*/

/* Default Form Settings 
fieldset 
{
	border: solid 1px black;
	padding: 5px;
}
fieldset legend
{
	font-weight:bold;
	margin-bottom:20px;
}
label 
{
	width:150px;
	float:left;
	text-align:right;
	clear:left;
	font-weight:bold;
	margin-right:5px;
	margin-bottom:5px;
}
input 
{
	width:250px;
	float:left;
	margin-bottom:5px;
}
textarea 
{
	width:250px;
	height:200px;
	margin-bottom:5px;
}
input submit
{
	color:White;
	background-color:Black;
}

/* End Form Styles */

/*EK Login - Defeat standard href problem */
.mekLogin a:hover {
	border:none;
	text-decoration:none;
}
/* */

/* Table styles, used for XML listings */
.mtableList {
	width:100%;
}
.mtableList th {
	border-bottom:solid 1px black;
}
.mtableList td {
	vertical-align:top;
}
.mtrAlternate {
	background-color:#D9E5D0;
}

/* List Styles for Site map */
.mSiteMapMenu ul li{
	list-style-type:none;
	font-weight:bold;
 }
.mSiteMapMenu ul li li {
	font-size:10px;
	font-weight:normal;
}