/* HTML Tag Defaults */
body
{
	background-IMAGE: url('mst_bg.jpg');
	text-align: center;
	font-family: Arial, Sans-Serif;
	color: #000;
}

/* Headers */
h5, h4, h3, h2, h1
{
    font-family: Century Gothic, Trebuchet MS, Verdana, Arial;
    font-weight: normal;
	color: #A20804;
	margin: 5px;
	padding: 0;
}

/* Default Link Styles */
a		{color: #b80000;}
a:hover	{color: #cd0000; text-decoration: none;}

/******************** Markup CSS **********************/
/* Used to center the site, create a defined content area using background effects */
#WholeSite
{
	margin: 0 auto 0 auto;
	text-align: left;
	background: url('idx_bg_mc1_top.jpg') no-repeat;
	width: 800px;
	min-height: 500px;
}

/* Holds the header including the 2nd Nav */
#SiteHeader
{
	width: 800px;
	height: 210px;
	background-image: url('mst_bg_banner.jpg');
	background-repeat: no-repeat;
}

/* Phone numbers at top right */
#SecondarySiteMap 
{
	height: 17px; 
	margin: 0px 20px 0 0; 
	padding: 5px 15px 0 0;
	text-align: right;
	color: #BF2025;
	font-size: 18px;
	font-weight: bold; 
}

/* This is the text based version of the title that will show up for SEO and text readers (hide it) */
#MainTitle
{
	height: 140px;
	margin: 0;
	padding: 0;	 
	width: 800px;
}
#MainTitle[id] {height: 145px;}  /* FF Hack */

/* Moves the text of the link off the page, so that the image shows up */
#MainTitle a
{
	display: block;			/* Enables text-indent and overflow */
	height: 125px;	 
	width: 800px;	 
	text-indent: -1000em;	/* Drag text off screen	*/
	overflow: hidden;		/* Hide the off screen text */
}

/* Main site map */
#MainSiteMap
{
	margin: 0;
	padding-top: 0;
	padding-left: 10px;
}

/* Holds the phone and address info in top banner */
#ContactInfo
{
	height: 55px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-left: 35px;
	overflow: hidden;
	padding-right: 10px;
	color: #FFF;
	font-weight: bold;
}

/* FtrLft (Address) | FtrMid (DF Logo) | TertiarySiteMap */
#SiteFooter .Content .OneThird
{
	float: left;
}

/* FtrLft (Address) */
#FtrLft
{
	padding-left: 5px;
	width: 320px;
	font-weight: bold;
}

/* Powered by Driving Force Image Link */
#FtrMid
{
	margin: 0;
	padding: 0;	 
	width: 215px;
}

/* Moves the text of the link off the page, so that the image shows up */
#FtrMid a
{
	display: block;			/* Enables text-indent and overflow */
	height: 26px;	 
	width: 98px;
	margin-left: 50px;	 
	text-indent: -1000em;	/* Drag text off screen	*/
	overflow: hidden;		/* Hide the off screen text */
	background-image: url('mst_df-logo.png');
	background-repeat: no-repeat;
}

/******************** Tertiary Nav **********************/

/* Holds 3rd Nav (at the bottom) */
#TertiarySiteMap {width: 220px;}
#TertiarySiteMap .RadMenu	{float: right; width: 130px;}

/* Links */
.RadMenu_TertiaryNav .rmLink
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	padding: 0 5px;
}
.RadMenu_TertiaryNav .rmLink	{color: #000;}

/* Don't make it so that the menu can't fully right or left align */
.RadMenu_TertiaryNav .rmFirst .rmLink
{padding-left: 0;}

/* Don't make it so that the menu can't fully right or left align */
.RadMenu_TertiaryNav .rmLast .rmLink
{padding-right: 0;}

.RadMenu_TertiaryNav .rmLink:hover
{color: #cd0000; text-decoration: underline;}

/********************  One Bubble  **********************/
/********************  Two Bubble  **********************/
/******************** Three Bubble **********************/
/* Top, contains links, quick search, C1 and C2 */
#El
{
	background-image: url('idx_bg_mc.jpg');
	background-repeat: no-repeat;
	height: 490px;
	overflow: hidden;
	margin: 0;
	padding: 5px 10px;
}

/* Holds the area in the upright part of the El */
#LeftColumn
{
	float: left;
	width: 250px;
	height: 480px;
	overflow: hidden;
}

/* Holds the area in the top right bubble */
#TopRight
{
	float: right;
	width: 525px;
	height: 260px;
	overflow: hidden;
}

/* Holds the area in the bottom right of the El */
#BtmRight
{
	float: right;
	width: 525px;
	height: 220px;
	overflow: hidden;
}

/******************** Reusable Classes **********************/

/* Creates the Big Bubble in 3 pieces: BigBubble wraps around Top, Content, Btm */
.BigBubble .Top
{
	height: 17px;
	background-image: url('../Shared/mst_bg_mc_top.jpg');
	background-repeat: no-repeat;
}
.BigBubble .Btm
{
	height: 22px;
	background-image: url('../Shared/mst_bg_mc_btm.jpg');
	background-repeat: no-repeat;
}
.BigBubble .Content
{
	background-image: url('../Shared/mst_bg_mc_y.jpg');
	background-repeat: repeat-y;
	padding: 0 20px;
}

/* Custom Content Area 1 for many of the non-Default site pages */
.TopLineCustomResxArea
{
    margin: 0;
    padding: 0;
    max-height: 35px;
    overflow: hidden;
}

/* Title Separator */
.HoldsSeparator
{
    border-bottom: solid 2px #846A3F;
    margin-bottom: 10px;
}

/*Used for pages where the title should accomodate a large photo to the right */
.HoldsSeparatorHalf
{
    width: 250px;
    float: left;
}

/* Main Page Heading */
.HoldsSeparator h1
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 28px;
}

/* Contact Info */
.HoldsSeparator h2
{
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 8px;
    font-size: 20px;
}

/* Prevents rendering issues with the bubble */
.HoldsSeparator h4
{
	margin: 0;
}

#Bubble2Top .HoldsSeparator
{
	border-bottom: none;
	margin-bottom: 0;
}

/******************** Custom Content Area(s) **********************/
/* Custom Content Area 2  - Disclaimer */
#MasterC1
{
	max-height: 350px;
	overflow: hidden;
	padding: 0px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 15px;
	color: White;
	background-color: transparent;
	text-align: justify;
	margin: 0;
 
}

#MasterC2
{
	max-height: 350px;
	overflow: hidden;
	padding: 10px;
}