﻿body
{
	/*background-color: #395aa6;*/
	margin: 0px auto 0px auto;
	font-family: Arial;
	font-size: small;
	background-color: white;
	height:100%;
	width: 1000px;
	color: black;
	 /*background-image: url( 'images/gradientBG.gif' );
	filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FAF9D8', startColorstr='#FBFBF0', gradientType='0');
	background-repeat: repeat-x;*/


}


#MH_Top_Wrapper
{
	height: 100%;

}
#MH_Bottom_Wrapper
{
	clear: both;
	border-top: solid 1px #DAE1FE;
	height: 20px;
}
#MH_Middle_Wrapper
{
	width: 100%;
	min-width:1000px;
	height:100%;
	background-color: #fbfbfb;
	border-left: solid 1px #DAE1FE;
	border-right: solid 1px #DAE1FE;
}
#MH_Middle_Container
{
	
	width: 100%; /* width of whole page */

	height: 100%;
}



/* ------------------------------ START: TOP_WRAPPER (HEADER) ------------------------------ */

#navTop
{
	top: 10px;
	font-size: 9.5pt;
	font-family: Arial;
	text-align: right;
	position: relative;
	vertical-align: middle;
	color: #232323;
	padding-top: 5px;
	padding-bottom: 5px;
}

#navTop ul
{
	display:inline;
	list-style:none;
}
#navTop li
{
	margin: 0px;
	padding: 0px 4px 4px 4px;
	display: inline;
	position: relative;
	list-style: none;
	color: #232323;
	font-weight:normal;
}
#navTop li a, #navTop li a.NotSelected
{
	padding-right: 6px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #232323;
	padding-top: 0px;
	text-decoration: none;
	/*font-weight:bold;*/
		
}
#navTop li a:hover
{
	color: #000066;
}

#navTop li a.Selected
{
	color: #232323;
	TEXT-DECORATION: underline;
	font-weight:bold;
}

#headerFlash
{
	width:100%;
	height:175px;
	border-left: solid 1px #DAE1FE;
	border-right: solid 1px #DAE1FE;
}

/*  ------------------------------ END: TOP_WRAPPER (HEADER)  ------------------------------ */

/*  ------------------------------ START: MIDDLE_WRAPPER (CONTENT) ------------------------------ */

.ColumnLine
{
	border-right: solid 1px #DAE1FE;
	width:80%; /*width of columnLine + width of rightcolumn = LeftColumn */
	
	
}
#MH_LeftColumn
{
	/* border: thin dotted #00FF00; --testing */
	float: left;
	height: 100%;
	width: 100%;
	margin-right: 20%; /*	*** set the margin right to neg... to bring the column back in*/
}
#MH_RightColumn
{
	float:right;
	width: 20%; 
	height:100%;
	margin-left:-20%;	/**** set the margin left to neg... this column moves to the
	outside of the screen ...
    subtract the margin to bring it back in place*/
	
}
#MH_LeftColumnContent
{
	 /*margin-right:150px;adjust the left column content to stop the text to overlapping into the right column*/
	
	padding-left:5px;
	padding-right:5px;
	height:100%;
	
	float:left;
	width:100%;
	margin-right:20%;
	


}

#MH_main
{
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 10px;
	height:100%;

}
#MH_main a, MH_main a:visited,#news a ,#news a:visited
#MH_StyleDetailExtras_Wrapper a, #MH_StyleDetailExtras_Wrapper a:visited,
#MH_StyleDetail_Wrapper a,#MH_StyleDetail_Wrapper a:visited,
 .MH_StyleRightColumnText_Wrapper a,.MH_StyleRightColumnText_Wrapper a:visited
{
text-decoration: none;
	color: #336699;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
#MH_main .featuredTable
{
	text-align: center;
	margin-top:-75px;
}
#MH_main .featuredTitle
{
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:20px;
}
#MH_main .basicText
{
	padding-right: 10px;
	padding-left: 20px;
}
.MH_visibility
{
	display: none;
}

#news
{
	
	padding-right: 10px;
	padding-left: 20px;
	height:100%;
	
}

#news .newsTitle
{
	font-weight: bold;
	color: #29427A;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}
#thumbs
{
	padding: 2px;
	text-align: center;
	margin: 2px;
	
}
.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-bottom-color:Black;
	border-width:2px;
	
}
#footer
{
	height: 20px;
	text-align: left;
	padding-left:20px;
	padding-right:20px;
	padding-top: 2px;
	color: #666666;
	font-weight: normal;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
.footerRight
{
	text-align: right;
	top: -15px;
	position: relative;
}
.footerLeft
{
	text-align: left;
}
.h
{
	line-height: -2px;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

/*  ------------------------------ START: STYLE_WRAPPER / STYLE PAGE ------------------------------ */

.stylePageTitle
{
	font-size: medium;
	text-align:center;
}
.MH_Style_Wrapper
{
	width: 100%;
	height:100%;
	padding:10px;

}

.MH_StyleLeftColumn_Wrapper
{
	width:230px;
	height:180px;
	padding:5px;
	float:left;
	margin-right:-500;/*	*** set the margin right to neg... to bring the column back in*/
	

}
.MH_StyleLeftColumn_Wrapper img
{
	width:220px;
	height:160px;
	border:0px;

}
.MH_StyleRightColumn_Wrapper
{
	height:180px;
	padding:10px;
	width:525px;
	margin-left:-525;
	float:right;
}
.MH_StyleRightColumnTitle_Wrapper
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.MH_StyleRightColumnText_Wrapper
{
	padding: 2px 10px 2px 2px;
}

/*  ------------------------------ END: STYLE_WRAPPER  ------------------------------ */

/*  ------------------------------ START: STYLEDETAIL_WRAPPER / STYLE DETAIL PAGE ------------------------------ */
.styleDetailPageTitle
{
	font-size: medium;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#MH_StyleDetail_Wrapper
{
	width: 100%;
	height:100%;
	padding:10px;

}

#MH_StyleDetailTop_Wrapper
{

	
}
#MH_StyleDetailMiddle_Wrapper
{
width:100%;
	
}
#MH_StyleDetailImages_Wrapper
{
	
	width: 500px;
	float: left;
	margin-right:-300px;
}
#MH_StyleDetailFeatures_Wrapper
{
	width: 300px;
	list-style-type: circle;
	float:right;
	margin-left:-300px;
	
}
img.StyleDetailImages
{
	border:0px;
	max-width:500px;
}
.MH_StyleDetailFeatureTitle
{
	text-decoration: underline;
	font-size: medium;
}


#MH_StyleDetailExtras_Wrapper
{
	padding: 2px 2px 2px 20px;
}


/*  ------------------------------ END: STYLEDETAIL_WRAPPER  ------------------------------ */
/*  ------------------------------ END: SITE  ------------------------------ */
#sitemap
{
	position: relative;
	top: 5px;

}
#sitemap img.siteMap
{
	display: block;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	max-height: 450px;
	
}
img.siteImage
{
	max-width:320px;
	max-height:260px;
	border:0px;
	float:right;
	margin:4px;

}


.sitePageTitle
{
	font-size: medium;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#MH_Spec
{

	width: 100%;
	height: 100%;
}
#MH_Spec .SpecTitle
{
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;

}

#MH_Spec .SiteSpecRight
{
	width: 50%;
	float: right;
	margin-left: -50%;
	height: 100%;

}
#MH_Spec .SiteSpecLeft
{
	width: 50%;
	float: left;
	margin-right: -50%;
	height: 100%;

}