body { /* set everything to zero for a good cross-browser starting point */
	margin: 0;
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0;
	background-color: #999;
	color: #333;
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 800px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	background-image: url(images/BodyHeaderBack.gif);
	background-position: top;
	background-repeat: repeat-x;
}


a:link	{
	font-weight: normal;
	color: #0033FF;
	background: transparent;
	}
a:visited {
	font-weight: normal;
	color: #0033FF;
	background: transparent;
	}
a:hover	{
	font-weight: normal;
	color: #F58220;
	background: transparent;
	}
a:active {
	font-weight: normal;
	color: #F58220;
	background: transparent;
	}

img {border:0;}

#wrapper {
    width: 770px;
	margin: 10px auto;/* centers the wrapper. First value - 30px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#header
{
    margin-top:10px;
    position: relative;
    text-align: left;
    height:70px;
    z-index:2;
}
#header_mcsg
{
    position:absolute;
    left:300px;
    top:3px;
}
#header_logo1 {position:absolute;left:29px;top:25px;}
#header_logo2 {position:absolute;left:29px;top:70px;}
#menu
{
    position: relative;
    text-align: left;
	height:35px;
	z-index:1;
}
#menu_left 
{
    display:inline-block;
    width:299px;
    background-image: url(images/MenuYellowBack.jpg);
    background-repeat: repeat-x;
    height:35px;
}
#menu_right {display:inline-block;text-align:right;width:100%;}
#content_home
{
    font-size: 80%; /* set the font size for content, scaled from the body declaration */
	line-height: 140%;
	padding: 30px 30px 40px 40px;
	background: #FFF url(images/HomeMcsgWatermark.gif) no-repeat top left;
}
#content
{
    font-size: 80%; /* set the font size for content, scaled from the body declaration */
	line-height: 140%;
	padding: 30px 30px 40px 40px;
	background: #FFF url(images/InnerMcsgWatermark.gif) no-repeat 90% 30%;

}

/* Content Classes For Layout BEGIN */

h1 {
    font-size: 140%;
    margin: 40px 0 0 0;
    color: #F58220;
}
h2 {
    font-size: 120%;
    font-weight:bold;
    margin: 0;
    color: #F58220;
}
h3 {
    font-size: 100.01%;
    font-weight:bold;
    margin: 0;
    color: #F58220;
}

h5 {
    font-size: 90.01%;
    font-weight:normal;
	display:inline;
    margin: 0;
    color: #FF9933;
}

#content .img_left
{
	float:left;
	padding:10px 15px 10px 0;
}
#content .img_right
{
	float:right;
	padding:10px 0 10px 10px;
}
#content .highlight_right 
{
    float: right;
    background-color: #FFD88B;
    margin: 15px -30px 10px 20px;
    padding: 20px 30px 20px 20px;
    width: 330px;
}
#content .highlight_right p { margin: 10px 0 10px 0; }

#content .highlight_left
{
    float: left;
    background-color: #FFD88B;
    margin: 15px 20px 10px -40px;
    padding: 20px 20px 20px 40px;
    width: 330px;
	text-align:left;
}
#content .highlight_left_small {
	float: left;
	background-color: #FFD88B;
	margin: 15px 20px 10px -40px;
	padding: 20px 20px 20px 40px;
	width: 200px;
	text-align:left;
}
#content .highlight_left p { margin: 10px 0 10px 0; }


/* Content Classes For Layout END */

#footer
{
    font-size: 70%; /* set the font size for content, scaled from the body declaration */
	line-height: 90%;
    background-image: url(images/MenuYellowBack.jpg);
    padding:3px 10px 3px 10px;
    text-align:center;
    border-bottom: 5px solid #313031;
}
#footer a { color: #333; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: none; }
#footer p {
    padding: 4px 0 4px 0;
    margin: 0;
}