/* CSS Document */

html {height:100%;  margin: 0; }
body {width:100%; height:100%; margin:0; padding:0; background-color:#2f0e00; font-family:Verdana, Arial, Helvetica, sans-serif;color:#2d0d00;font-size:13px; }

bodyCopy {font-family:Verdana, Arial, Helvetica, sans-serif;color:#2d0d00;font-size:13px;}

h1{ margin:0px; margin-bottom:-5px; font-family: Arial, Helvetica, sans-serif;color:#2d0d00;font-size:22px;}

li{ padding-top:15px;}
a{color:#2d0d00; }

#bg {position:fixed; top:0; left:0; width:100%; height:100%;  }

#content { padding-top:40px; position:relative; z-index:1;}

#container {width:895px; text-align:left; position:relative; margin:0 auto;}

div#topNav{text-align:right; margin-bottom:3px; margin-right:2px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px; color:#ece6e4;}

div#mainContentContainer {float:right; padding:20px; background-image:url(../images/bg-15.png); background-repeat:repeat;}
div#mainContentContainer {font-family:Verdana, Arial, Helvetica, sans-serif;color:#2d0d00;font-size:13px; }

div#logoContainer{ width:265px; background-image:url(../images/bg-15.png); background-repeat:repeat; padding-bottom:20px; padding-top:20px; }
div#logoBg{ background-image:url(../images/bg-15.png); width:225px; padding:5px;}
div#logo{ background-color:#FFFFFF; z-index:999; width:215px;}

div#imgPlaceholder{position:relative; width:580px; }
img#imgHeader{border-style: solid; border-color:#b7a298; border-width:1px;}

div#navContainer{ width:265px; background-image:url(../images/bg-15.png); background-repeat:repeat; margin-top:10px; }
div#nav{ position:relative; text-align:right; padding-right:20px; padding-top:15px; padding-bottom:15px; }
div#nav a{ font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:15px; line-height:35px; }

div#bodyContent{ position:relative; z-index:999; width:550px; background-color:#FFFFFF; margin-top:20px; padding-left:15px; padding-right:15px;  padding-top:10px; padding-bottom:10px; font-size:13px;}

div#ctl00_ContentPlaceHolderSubMain_EmailForm{position:relative; z-index:1000;}

div#banner1{position:relative; z-index:999; padding-top:15px; padding-bottom:15px;  }



/*calendar*/
calenday-daytop{ background-color:#006600; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:10px;}
calendar-skedtext {}
.calText {
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #000000;
}
a.calText {
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #000000;
}
.calTextSmall {
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #000000;
}
.calDay {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.calTime {font-size: 10px; color: #000000; font-family: Tahoma, Arial; }

a.calTime {font-size: 10px; color: #000000; font-family: Tahoma, Arial; }

.calNext {
	font-size: 14px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.calClassText {
	font-family: Tahoma, Arial;
	font-size: 12px;
}
.calClassInfo {
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	line-height:19px;
	color:#2d0d00;
}

a.calClassInfo {
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	line-height:19px;
	color:#2d0d00;
}

.calClassTitle {font-family: Tahoma, Arial;font-size: 20px; line-height:28px;}






div#footer{width:895px; text-align:right; margin-right:2; margin-top:5px; padding-bottom:25px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:10px; color:#9e7463; display:inline; }

.bodytxt {
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #5B2915;
}
.footer {
	font-family: Tahoma, Arial;
	color: #DAEDD8;
	font-size: 11px;
}


/* Here's my gecko preserving code \*/

/******************************/
Now, all I do is fiddle with the code to get IE to look right, and place the corresponding gecko proper value in the commented area:

#mainContentContainer{
}


/* Here's my gecko preserving code \*/

div#mainContentContainer > div#bodyContent{
width: 530px;
}

.center {
	text-align: center;
	}
.center-b {
	margin: 0 auto;
	display: block;
	}
.green {
	color: #b8d346;
	}
.medium-3 {
	font-size: 18px;
	}
.medium-2 {
	font-size: 30px; 
	}
.medium-22 {
	font-size: 22px;
	}
.medium-33 {
	font-size: 15px;
	}
h2, h3 {
	margin: 0 0 .3em 0;
	}
.header-sub {
	margin: 0 0 .3em 0;
	font-size: 16px; 
	font-weight: bold;
	}
.georgia {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	}
.italic {
	font-style: italic;
	}
p.orange a, .orange {
	color: #ff9900 !important;
	}
p.d-red a, .d-red {
	color: #881e05 !important;
	}
.nomtop {
	margin-top: 0;
	}
.separator {
	border-bottom: 1px solid #000;
	margin: 30px auto;
	width: 95%;
	clear: both;
	}
.bold {
	font-weight: bold;
	}
.blue-l {
	color: #1e4dad;
	font-weight: bold;
	}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns].clearfix{display:block;}
* html .clearfix{height:1%;}