body {
	margin:0;
	padding:0;
	border:0;
	font: 11px verdana, arial, helvetica, sans-serif;
}

.body {
	font-size: 11px;
	color:#666633;
	line-height:22px;
}
p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#000;
}

.footerlinks
 {
	color: white;
	font-size:12px;
	text-decoration:none}

.footerlinks a
 {
	font-size:12px;
	text-decoration:none}
 
.footerlinks a:hover
{ 
	color: white;
	font-size:12px;
	text-decoration:underline;
}

a { color: #264D6C; text-decoration: none }
a:hover { text-decoration: underline }

.griditemclass			 {color: #000000; background-color:Transparent; font-weight: normal; height: 20; font-size: 11px }
.griditemclass A:link    {text-decoration: none;}
.griditemclass A:visited {text-decoration: none;}
.griditemclass A:active  {text-decoration: underline;}
.griditemclass A:hover   {text-decoration: underline;}

.header				{font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #666666}
.header A:link		{}
.header A:visited	{}
.header A:active	{}
.header A:hover		{}

.itemclass			 {font-family: verdana, arial, helvetica, sans-serif; font-weight: normal}
.itemclass A:link    {color: #000000; text-decoration: none;}
.itemclass A:visited {color: #000000; text-decoration: none;}
.itemclass A:active  {color: #000000; text-decoration: underline;}
.itemclass A:hover   {color: #000000; text-decoration: underline;}

 
 	/*///////////////////////////
	//Header gradient effect
	///////////////////////////*/
	.grad #header_gradient{
	  height: 100%;
	  left: 100px; /*works in firefox*/
	  position: absolute;
	  top: 0px;
	  width: 85%;
	  z-index: 0;
	}
	.box {
	  position: relative;
	}
	.box * {
	  margin: 0px;
	  position: relative;
	  z-index: 1;
	}
	* html .grad {
	  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/header_gradient.png', sizingMethod='scale');
	}
	* html .grad #header_gradient {
	  display: none;
	}
	* html .box {
		position:static;
	}

/*///////////////////////////
/////////Text Formatting////
///////////////////////////*/
p {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color:#000;
	margin-bottom:7px;
}

#header a
{
	text-decoration:none;	
}
#header a:hover
{
	text-decoration:underline;	
}

ul 
	{  
	font-family:verdana, arial, helvetica, sans-serif;; 
	font-size: 11px; 
	font-weight: normal; 
	color: #000; 
	text-decoration: none;
	padding-left:12px;
	margin-left:5px;
	margin-top:5px;
	}
ul li{
	padding-bottom:4px;
}
ul li a{
	display:block;
	position:relative;
	left:-4px;
}
ol 
	{  
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #000; 
	text-decoration: none;
	padding-left:17px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:3px;
	}
ol li{
	padding:0px;
	padding-bottom:4px;
}
ol li a{
	display:block;
	position:relative;
	left:-5px;
}
form{
    padding:0;
    margin:0;
    border:0;
}
a:hover{
	text-decoration:underline;
}
a{
	color:#274D91;
	text-decoration:none;
	font-weight:normal;
}
.column_top_links{
	font-weight:bold;
	text-decoration:underline;
	font-size:13px;
}
.column_tools_links{
	position:relative;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
.black_bold{
	font-family:verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color:#000;
	font-weight:bold;
	padding-top:5px;
	display:block;
}

/*//////////////////////////
/////Structure/////////////
/////////////////////////*/

#header_top{
	display: block;
	width: 100%;
	height: 55px;
	background:url(/masterweb/templates/mcm/images/header_bg.gif) repeat-x #868655;
	border-top: solid 1px #000;
	border-bottom: solid 1px #ffffff;
}

#top_left{
	display:block;
	position:absolute; /*absolute because IE doesn't like two % divs that equal 100%*/
	border-top:1px solid #000;
	/*padding-left:7px;
	padding-right:7px;*/
	top:0px;
	left:0px;
	z-index:5;
	width:15%;
	height:55px;
	float:left;
	background:url(/masterweb/templates/mcm/images/header_border.gif) right no-repeat #666633; 
	color:#ffffff; 
	/*padding-top:20px;*/ 
	/*text-align:center; */
	/*height:56px; */

}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

#clearfooter{clear:both;height:135px;}/*needed to make room for footer*/
#minHeight{float:left;width:0px;height:100%;margin-bottom:-30px;} 
* html #minHeight{margin-bottom:-30px;} 
div,p {margin-top:0}/*clear top margin for mozilla*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/ 
/*don't put comments in the style below (breaks mac ie) - fixes PC IE colums from wrapping
/* \*/
* html body #outer {
	height:auto;float:left;margin:0px;padding:0px;border:0px;
}
/* */


/*///////////////////////////////
footer____________footer____//////
//////////////////////////////////*/
#footer { 
	display:block;
	clear:both;
	height:29px; 
	position:relative; 
	width: 100%;
	background:url(/masterweb/templates/mcm/images/footer_bg.gif) repeat-x #666633; 
	border-bottom: 2px solid #000000; 
	z-index:2; /*so divs apear above bg divs in Net 7*/
	} 
#footer a
{
	text-decoration:none;
}	
#footer a:hover
{
	text-decoration:underline;
}	
	
* html #footer {/*only ie gets this style*/ 
	\height:31px;/* for ie5 */ 
	he\ight:29px;/* for ie6 */ 
	}

#outer{ 
	height:100%; 
	min-height:100%; 
	/*margin-right:5px;*/
	margin-bottom:-31px; /* footer trick */
	position:relative; /*so divs apear above bg divs in Net 7*/
	z-index:2; /*so divs apear above bg divs in Net 7*/
	
}

#center_container
{
	display:block;
	width:100%;
	border-top:1px solid #FFF;
	
}
/*#middle_content{
	display:block;
	width:500px;
	margin-top:20px;
	padding-left:0px;
	padding-left:180px;
	float:left;
}*/


#column_1{
	display:block;
	float:left;
	width:25%;
}
#column_2{
	display:block;
	float:left;
	width:27%;
	border-left:2px solid #FFF;

}
#column_3{
	display:block;
	float:left;
	width:28%;
	/*border-left:2px solid #FFF;
	border-left:2px solid #FFF;*/
	/*position:relative; because background divs are absolute with % left*/
	/*left:-2px;*/
}
#column_4{
	display:block;
	float:left;
	width:19%;
	position:relative;
	left:-2px;
	/*border-left:2px solid #FFF;*/
}
#column_1_top{
	display:block;
	width:100%;
	float:left;
	background:url(/masterweb/templates/mcm/images/column_1_top_bg.gif) repeat-x;
	border-bottom:2px solid #FFF;
}
#column_2_top{
	display:block;
	width:100%;
	float:left;
	background:url(/masterweb/templates/mcm/images/column_2_top_bg.gif) repeat-x;
	border-bottom:2px solid #FFF;
}
#column_3_top{
	display:block;
	width:100%;
	float:left;
	background:url(/masterweb/templates/mcm/images/column_3_top_bg.gif) repeat-x;
	border-bottom:2px solid #FFF;
	position:relative;
	border-left:2px solid #FFF;/**/
	border-right:2px solid #FFF;
}
#column_4_top{
	display:block;
	width:100%;
	float:left;
	height:36px;
}
#column_1_content, #column_2_content, #column_3_content, #column_4_content{
	display:block;
	width:90%;
	clear:left;
	padding-top:14px;
	margin:0 auto;
}


/*////////////////////////////
////Background Vert Divs Trick
/////////////////////////////*/
	#left{
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		float:left;
		width:25%;
		height:100%; 
		margin-bottom:-21px; /* needed for Mac IE */
		min-height:100%;
		background:url(/masterweb/templates/mcm/images/column_1_bottom_bg.gif) bottom no-repeat #F6B800;
		z-index:-1;
	}
	/* \*/
	html>body #left
	{
		z-index:0;
	}
	/* */
	#left1
	{
		position:absolute;
		top:0px;
		left:25%;
		display:block;
		float:left;
		width:27%;
		height:100%; 
		margin-bottom:-21px; /* needed for Mac IE */
		min-height:100%;
		background:url(/masterweb/templates/mcm/images/column_2_bottom_bg.gif) bottom no-repeat #FF871D;
		z-index:-1;
		border-left:2px solid #FFF;
	}
	/* \*/
	html>body #left1
	{
		z-index:0;
	}
	/* */
	#left2
	{
		position:absolute;
		top:0px;
		left:52%;
		display:block;
		float:left;
		width:28%;
		height:100%; 
		margin-bottom:-21px; /* needed for Mac IE */
		min-height:100%;
		background:url(/masterweb/templates/mcm/images/column_3_bottom_bg.gif) bottom no-repeat #FB6C00;
		z-index:-1;
		border-left:2px solid #FFF;
		border-right:2px solid #FFF;/**/
	}
	/* \*/
	html>body #left2
	{
		z-index:0;
	}
	/* */
		
/*///////// Jello ///////////*/
	#body_replace{ /* need so footer could be width 100%*/
		display:block;
		padding: 0 380px 0 380px; /* these side paddings together determine the natural min-width (was 374) */
		/*text-align: center;  this centers the wrappers in older IEwin versions */
		margin: 0;
		/*height:100%; screws up safari*/
		min-height:100%; 
		margin-bottom:-31px; /* footer trick */
	}
	* html #body_replace { height: 100%; } /*screws up safari without this hack*/
	
	*:first-child+html #outer
		{
			margin-bottom:0px;/* footer trick */
		}
	#sizer {
		margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
		width: 100%; /* here is the critical value for customizing the Jello behavior */
		/*max-width: 300px;   version for IE is at the bottom of this style block */
	}

	#expander {
		/*background: white;*/
		margin: 0 -380px 0 -380px; /* these side margins should be the same or slightly less than body paddings */
		min-width: 700px; /* This prevents Safari from losing the negative margins in narrow windows */
		position: relative;
	}

	/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
	* html #expander { height: 0; }
	/* */

	/* helps IE get the child percentages right. */
	#wrapper { width: 100%; } 


body { /*last style in doc so Mac IE removes margins from page*/
	padding:0px;
	border:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background:url(/masterweb/templates/mcm/images/bg.gif) repeat-x #FFF1C1;*/
	/*line-height:22px;*/
}


/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
             C O N T E N T 
HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
.contentWRAP 	{Width:100%; float:left; border:0; background-color:ffffff; min-width:760px;}

.contentTable	{width:100%; background-color:#FFFF66; float:left; min-width:660px; 
				margin:0; padding:0; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
/*________________________
Columns:
***************************/
.contentTable_col01		{width:25%; margin:0; padding:0; vertical-align:top; background-color:#F6B800; 
						border-right:2px solid #ffffff;}
.contentTable_col02		{width:27%; margin:0; padding:0; vertical-align:top; background-color:#ff871d;
						border-right:2px solid #ffffff;}
.contentTable_col03		{width:28%; margin:0; padding:0; vertical-align:top; background-color:#fb6c00;
						border-right:2px solid #ffffff; }
.contentTable_col04		{margin:0; padding:0; vertical-align:top; background-color:#fff1c1; border:none;}
/*________________________
Column border:
***************************/
TD.contentTable_col01	{border:none;}
TD.contentTable_col02	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
TD.contentTable_col03	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
TD.contentTable_col04	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
						
/*________________________
Column Head:
***************************/
.contentTable_head01	{height:74px; width:100%; float:left; background:#33CCFF;}
.contentTable_head02	{width:100%; float:left;}
.contentTable_head03	{height:74px; width:100%; float:left;}

#column_1_WRAP{display:block; float:left; width:100%;}
#column_2_WRAP{display:block; float:left; width:100%;}
#column_3_WRAP{display:block; float:left; width:100%;}

#column_1_top	{display:block; float:left; margin:0; padding:0; width:100%;
				background:url(/masterweb/content/mcm/images/column_1_top_bg.gif) repeat-x;
				border-right:none; border-left:none; border-bottom:2px solid #ffffff; 
				border-top:none;}
#column_2_top	{display:block; float:left; margin:0; padding:0; width:100%;
				background:url(/masterweb/content/mcm/images/column_2_top_bg.gif) repeat-x;
				border-right:none; border-left:none; border-bottom:2px solid #ffffff; 
				border-top:none;}
#column_3_top	{display:block; float:left; margin:0; padding:0; width:100%;
				background:url(/masterweb/content/mcm/images/column_3_top_bg.gif) repeat-x;
				border-right:none; border-left:none; border-bottom:2px solid #ffffff; 
				border-top:none;}
#column_4_top	{display:block; float:left; height:36px; text-align:left; width:100%;
				margin:0; padding:0; vertical-align:top; 
				background:url(/masterweb/content/mcm/images/col04_bgr.gif) top left repeat-x #fff1c1;
				border-right:none; border-left:none; border-bottom: 1px solid #ffffff; 
				border-top:none;}				
/*________________________
Column Content:
***************************/					

.colContent01	{display:block; float:left; clear:both; margin:0; padding:0px; width:100%;}
.colContent02	{display:block; float:left; clear:both; margin:0; padding:0px; width:100%;}
.colContent03	{display:block; float:left; clear:both; margin:0; padding:0px; width:100%;}
.colContent04	{display:block; float:left; clear:both; margin:0; padding:0px; width:100%;}
/*________________________
Column foot:
***************************/
.column_bgr_image01	{width:25%; height:150px;
					background:url(/masterweb/content/mcm/images/column_1_bottom_bg.gif) bottom no-repeat #F6B800;}
.column_bgr_image02	{width:27%; height:150px;
					background:url(/masterweb/content/mcm/images/column_2_bottom_bg.gif) bottom no-repeat #ff871d;}
.column_bgr_image03	{width:28%; height:150px;
					background:url(/masterweb/content/mcm/images/column_3_bottom_bg.gif) bottom no-repeat #fb6c00;}
.column_bgr_image04	{height:150px; background:#fff1c1;}

TD.column_bgr_image01	{border:none;}
TD.column_bgr_image02	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
TD.column_bgr_image03	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
TD.column_bgr_image04	{border-top:none; border-right:none;
						border-bottom:none; border-left:solid 2px #ffffff;}
						
.footerlinks
 {
	color: white;
	font-size:12px;
	text-decoration:none}

.footerlinks a
 {
	font-size:12px;
	text-decoration:none}
 
.footerlinks a:hover
{ 
	color: white;
	font-size:12px;
	text-decoration:underline;
}
						
						
					
