/** STYLES FOR MCM.SE *****************************************************************/
/** CSS Template modified by COBBER MEDIA *********************************************/
/** 2009-01-21 ************************************************************************/
/**************************************************************************************/
ul, li, ol{
	MARGIN: 0px;
	PADDING: 0px;
}
.break{
 clear:both;
 float:none;
}

/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
html{ FONT-SIZE:x-small; height:101%;}
body{background-color: #333333; width: 100%; height: 100%; min-height: 100%; COLOR:#333333; FONT-SIZE:110%; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; MARGIN-TOP:0px; PADDING-TOP:0px; margin: 0px; padding: 0px; /*border-top:1px solid white;*/}
a:link, a:active, a:hover, a:visited{COLOR: #da2128; FONT-SIZE:110%;}
p{LINE-HEIGHT: 1.4em; MARGIN-TOP:0px; MARGIN-BOTTOM:15px; /*Required for same look in Firefox and IE*/}
ul, ol{FONT-SIZE:110%; LINE-HEIGHT: 1.4em; MARGIN-TOP:0px; MARGIN-BOTTOM:15px; padding-left:20px;}
hr {border: none; border-top: 1px solid #e0e0e0; height: 1px; margin-top: auto; margin-bottom: auto;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:200%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;}
.H2header{FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:160%; FONT-WEIGHT:normal; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE:140%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}

/** STYLES FOR THE HEADING TEXT ******************************************************/
/*************************************************************************************/
/*H1{FONT-SIZE:200%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
H2{FONT-SIZE:150%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
H3{FONT-SIZE:130%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial, Helvetica, sans-serif;}*/

h1{FONT-SIZE:200%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
h2{FONT-SIZE:150%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial, Helvetica, sans-serif;}
h3{FONT-SIZE:130%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial, Helvetica, sans-serif;}

.Pdf{
	background-image:url(../styles/images/pdficon.gif); 
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:4px;
	padding-left:20px;
	padding-bottom:4px;
}

/** STYLES FOR SPECIAL HEADERS *******************************************************/
/*************************************************************************************/
.H4RedBox{FONT-FAMILY: Arial, Helvetica, sans-serif; color:#FFFFFF; FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; padding-left:10px; padding-top:3px; padding-bottom:3px; background-color:#da2128; width:170px;}

.H4GrayBox{FONT-FAMILY: Arial, Helvetica, sans-serif; color:#FFFFFF; FONT-SIZE:100%; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px; padding-left:10px; padding-top:4px; padding-bottom:4px; background-color:#363636; }


/** STYLES FOR THE TOP MENU ***********************************************************/
/**************************************************************************************/


/** STYLES FOR THE BOX LAYOUT *********************************************************/
/**************************************************************************************/

#Wrapper{/*position: absolute;*/ top: 0px; height:auto; margin:auto; width:830px; background-image: url(images/bg_content_01.jpg); background-repeat: repeat-y;}

#Header{height:198px; background-image: url(images/header_01.jpg); background-repeat: no-repeat; background-position:center;}

#HeaderLeftArea {float:left; width: 320px; height: auto; padding-left:0px; padding-right: 0px; /*background-color:#99FFFF;*/}
#HeaderLogo {float:left; margin-top:75px; margin-left:35px; margin-bottom:0px; padding-bottom:0px; }
#HeaderLogo a { background-image:url(styles/images/pixel.gif);}

#HeaderRightArea {float:right; width: 450px; height: auto; min-height:10px; padding-left: 0px; padding-right: 0px; /*background-color:#66FF33;*/}
.WebHeaderAboutSite {float:right; margin-top:30px;; width:340px; padding-right:40px; /*background-color: #FF9900;*/}
.WebHeaderAboutSiteText{font-family:Arial,Helvetica,sans-serif; text-align:right;}
.WebHeaderAboutSiteText a{color: #FFFFFF; font-size:10px!Important;; text-decoration:none!Important;}

#HeaderMenu {float:left; position: absolute; top:160px; height: 28px; width:773px; padding-left:32px; padding-right: 25px; /*background-color:#FFFF00;*/}
/*#HeaderMenu .WebTopMenu {float: left; FONT-FAMILY: Arial, Helvetica, sans-serif; border-right: #616161 1px solid; padding-top:5px; padding-bottom:6px;   }
#HeaderMenu .WebTopMenu a, a:link, a:active, a:visited{ color: #FFFFFF; font-weight:normal; font-size:12px; text-decoration:none; margin-right:0px; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:6px; }
#HeaderMenu .WebTopMenu a:hover {text-decoration:underline;}*/

#TopMenu {margin-left:0px!important; font-family:Arial,Helvetica,sans-serif; font-size: 11px; text-decoration:none;}
#TopMenu ul{margin-top:5px; padding:0px;}
#TopMenu li{ display:inline; height:28px; list-style:none; padding-left:5px; padding-right:4px; margin-left:0px; padding-top:6px; padding-bottom:6px; border-right: #616161 1px solid;}
#TopMenu a, a:link, a:active, a:visited{color: #FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; margin-right:0px; padding-left:0px; padding-right:0px; background-image:none;}
#TopMenu a:hover{text-decoration:underline;}
#TopMenuLast li{ display:inline; height:28px; list-style:none; padding-left:5px; padding-right:4px; margin-left:0px; padding-top:6px; padding-bottom:6px; border-right:none!important;}

#Content{ height:auto; padding-left:25px; padding-right:25px; /*background-image: url(../Styles/Images/bg_content_startpage_01.jpg); background-repeat: repeat-y; background-position:center;*/}
#Content a, a:link, a:visited, a:hover, a:active{color: #da2128; font-size: 11px; font-weight:normal; text-decoration:underline; margin-right:0px; margin-top:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; /*background-color:#FFFFFF;*/ background-image:none;}
#Content ul, ol, li{font-size: 11px;}

#WebContentLeft {float: left; width: 180px; height: auto; min-height: 10px; margin-top:5px; padding-left:0px;; padding-right:10px; /*background-color: #FFFF99;*/}
.WebContentLeftBody { margin-left:10px; margin-right:10px; /*background-color:#CCCC33;*/}

#LeftMenu {margin-left:0px!important; background-color:#363636; font-family:Arial,Helvetica,sans-serif; font-size: 11px; line-height:140%; text-decoration:none; border-bottom:#FFF 1px solid;}
#LeftMenu ul{margin:0; margin-top:0px; padding:0;}
#LeftMenu li{list-style:none; padding-left:10px; margin-left:0px; padding-top:2px; padding-bottom:2px; border-top:#FFF 1px solid;}
#LeftMenu a:hover{color:#da2128; font-weight:bold; padding-left:12px; margin-left:0px; text-decoration:none; background-image: url(images/bullet_red.gif); background-repeat:no-repeat; background-position:left center;}
#LeftMenu a, a:link, a:active, a:visited{color:#FFFFFF; font-weight:bold; padding-left:12px; margin-left:0px; text-decoration:none; background-image: url(images/bullet_white.gif); background-repeat:no-repeat; background-position:left center;}

#LeftMenu_Level2 {margin-left:0px!important; background-color:#363636; font-family:Arial,Helvetica,sans-serif; font-size: 10px; line-height:100%; text-decoration:none; border-bottom:0px!important;}
#LeftMenu_Level2 ul{margin:0; margin-top:0px; padding:0;}
#LeftMenu_Level2 li{list-style:none; padding-left:10px; margin-left:0px; padding-top:2px; padding-bottom:2px; border-top:0px;}
#LeftMenu_Level2 a:hover{color:#da2128; font-weight:bold; padding-left:0px; margin-left:0px; text-decoration:none; background-image:none; }
#LeftMenu_Level2 a, a:link, a:active, a:visited{color:#FFFFFF; font-weight:bold; padding-left:0px; margin-left:0px; text-decoration:none; background-image:none; }

#WebContentMiddle {float: left; width:440px; height: auto; margin-top:5px; padding-left:10px;; padding-right:10px; /*background-color: #66FFFF;*/}

#WebContentRight {float: right; width:110px; height: auto; margin-top:5px; padding-left:0px;; padding-right:10px; /*background-color: #99CCCC;*/ }
.WebContentRightBody { padding-top:8px;/*background-color:#CCCC33;*/ }

#Footer{ width: 830px; height: 85px; margin: auto; background-image: url(images/footer_01.jpg); background-repeat: no-repeat; /*background-position:center;*/}
#Footer .WebFooter { /*border:#CCCCCC 1px dotted;*/ padding-top:25px;  text-align: center; color: #333333; font-size:100%;}
#Footer .WebFooterText {}
#Footer .WebFooterText div{margin-bottom:5px;}
#Footer .WebFooterText a{color:#cc3333!important; padding:0px!Important; font-weight:normal; text-decoration: underline; font-size:11px; background-image:none; /*background-color: #FFFFFF!important;*/}



/*.WebTopContainer {height: 120px;}
.WebHeaderContainer {background-image: url(../Styles/Images/Header_01.jpg); background-repeat: no-repeat; background-position:center;}

.WebHeaderLogo {float:left; margin-top:44px; margin-left:0px; margin-bottom:0px; padding-bottom:0px;}
.WebHeaderLogo a{}
.WebHeaderMenuContainer {position: absolute; top: 88px; width:420px; height: 22px;}
*/


/** STYLES FOR TEMPLATES *************************************************************/
/*************************************************************************************/
/*.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text a{font-weight:bold;}
.Normal{FONT-SIZE:110%;}*/

.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}


.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:0px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}



