/* MCL Det. 597 CSS Document */

html {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../graphics/background1.jpg);
	background-repeat: repeat;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

#content-wrapper {
	width: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Hack for IE5.* which misinterprets the width */
* #content-wrapper {
	width: 100%;
	w\idth: auto;
}

.content {
	margin-right: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	margin-top: 20px;
}

#wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003399;
	text-align: left;
}

#homemenu {
	font-weight: bold;
	font-size: .8em;
	margin-right: 5px;
	float: right;
	display: inline;
}

#topband {
	background-color: #0000FF;
}

#header-margins  {
	margin-right: 5px;
	margin-left: 5px;
}

#header-box  {
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	height: 155px;
}

#header-mcllogo {
	float: left;
	width: 150px;
	position: relative;
	height: 175px;
}

#header-rightlogo {
	float: right;
	width: 150px;
	height: 175px;
}

#navcenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.center {
	text-align: center;
}

.sponsor_box {
	font-size: 80%;
	text-align: center;
	float: right;
	width: 190px;
	margin-top: -5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 4px double #CC0000;
	padding: 5px;
	background-color: #DDDDDD;
	position: relative;
}

#sidebar {
	font-size: 80%;
	color: #CC0000;
	width: 190px;
	padding-right: 5px;
	padding-left: 5px;
	left: 0px;
	padding-top: 3px;
	float: left;
	/*	background-color: #000066; */
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
	/*	height: 400px; */
	border: 4px double #CC0000;
	background-color: #FFCC33;
	display: inline;
}

/*#sidebar h2 {
	font-size: 1.1em;
} */

#sidebar h3  {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFCC33;
	margin-top: 0px;
	text-align: center;
	background-color: #003399;
}

.sidebar-shift {
	margin-left: 205px;
}

#sidebar a:visited {
	color: #cc0000;
	text-decoration: underline;
}

#sidebar a:link {
	color: #003399;
	text-decoration: underline;
}

#sidebar a:hover {
	color: #003399;
	text-decoration: underline;
	background-color: #ffffff;
}
#sidebar a:active {
	color: #ffffff;
	text-decoration: underline;
	background-color: #003399;
}

#sidebar #title {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #FFCC33;
	margin-top: 0px;
	text-align: center;
	background-color: #003399;
}

#leftimage {
	position: absolute;
	top: 40px;
	width: 150px;
	left: 0px;
	float: left;
}

#rightimage {
	position: absolute;
	top: 40px;
	width: 150px;	
	right: 0px;
	float: right;
}

.superscript {
	vertical-align: super;
	font-size: .7em;
}

h1.pageheading {
	color: #CC0000;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h1.overline_heading {
	color: #CC0000;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-decoration: overline;
}

h2.pageheading {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	margin-top: 0px;
	text-align: center;
}

h2.overline_heading {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	margin-top: 0px;
	text-align: center;
	text-decoration: overline;
}

h2.overline_heading_left {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	margin-top: 0px;
	text-align: left;
	text-decoration: overline;
}

.overline {
	text-decoration: overline;
}

h3.section {
	font-size: 1.1em;
	font-weight: bolder;
	margin-top: 0px;
	margin-bottom: 0px;
}

.bold-text {
	font-weight: bold;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear  {
	clear: both;
}	

/* .style3 {
	font-size: 1.0ems;
}
.style7 {
	font-size: 1.1ems;
	font-weight: bold;
}
.style9 {
	font-size: 1.0ems;
} */

.red10 {
	font-size: 1em;
	color: #008000;
	font-weight: bold;
}
.small {
	font-size: .7em;
}
.standardfont {
	font-size: .9em;
}
/* .blueishfont {
	font-size: 0.9em;
}
.blueishfont16bold {
	font-size: 1em;
	font-weight: bold;
} */
.bold11 {
	font-size: 1.1em;
	font-weight: bold;
}
.larger10 {
	font-size: 1em;
}
.larger10bold {
	font-size: 1.0em;
	font-weight: bold;
}
h2.blackpageheading {
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	margin-top: 0px;
	color: #000000;
}

h2.blueish18 {
	font-size: 1.2em;
	color: #003399;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
}

a:link {
	color: #CC3300;
	text-decoration: underline;
}
a:visited {
	color: #009900;
	text-decoration: underline;
}
a:hover {
	color: #CC3300;
	text-decoration: underline;
	background-color: #F5D46D;
}
a:active {
	color: #000000;
	text-decoration: underline;
	background-color: #F5D46D;
}

.smallbold {
	font-weight: bold;
	font-size: .7em;
}

h2 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	margin-top: 0px;
}

/* .smallbluish {
	font-size: .7em;
	font-weight: bold;
} */

hr {
	border: none;
	color: #003399;
	background-color: #003399;
	background-position: center;
	height: 2px;
	width: 50%;
	margin-bottom: 5px;
}
.hr_red {
	color: #CC0000;
	border: none;
	background-color: #CC0000;
	background-position: center;
	height: 2px;
	width: 100%;
	text-align: center;
}

.hr_red_50 {
	color: #CC0000;
	border: none;
	background-color: #CC0000;
	background-position: center;
	height: 2px;
	width: 50%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.ulmoveleft {
	margin-left: 0px;
	padding-left: 15px;
	list-style-type: disc;
}

.textleft {
	margin-left: 0px;
	text-align: left;
}

.textcenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.textright {
	margin-left: 0px;
	margin-right: 0px;
	text-align: right;
}
.topmargin {
	margin-top: 20px;
	margin-bottom: 10px;
}

.topspacing {
	margin-top: 10px;
}

.photo-caption-left-120 {
	font-size: 0.7em;
	text-align: center;
	float: left;
	width: 120px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #cc0000;
	padding: 2px;
}

.photo-caption-left-160 {
	font-size: 0.7em;
	text-align: center;
	float: left;
	width: 170px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #000066;
	padding: 5px;
}

.photo-caption-left-170 {
	font-size: 0.7em;
	text-align: center;
	float: left;
	width: 170px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #000066;
	padding: 5px;
}

.photo-caption-right-170 {
	font-size: 0.7em;
	text-align: center;
	float: right;
	width: 170px;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #000066;
	padding: 5px;
}

.columns-big-box {
/*	background-color: #FFFFFF;  */
	width: 84%;
	margin-bottom: 15px;
	margin-left: 8%;
	border: thick double #CC0000;
	padding-top: 10px;
}

.column-2-left {
	float: left;
	width: 47%;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1%;
	padding-right: 1%;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #CC0000;
}

.column-2-right {
	width: 47%;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 3px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 3px;
	margin-left: 50%;
}

.three-column-center {
	width: auto;

}

.google-box {
	margin-left: 200px;
	margin-right: 200px;
}	

.footer-big-box {
	width: 96%;
	margin-left: 2%;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003399;
	margin-right: 2%;
	padding-bottom: 5px;
}

.footer-left {
	float: left;
	width: 47%;
	text-align: center;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1%;
	padding-right: 1%;
}

.footer-right {
	width: 47%;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 3px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 3px;
	margin-left: 50%;
}
.columns-generic-box {
	width: 100%;
}

.column-generic-2-left {
	float: left;
	width: 47%;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1%;
	padding-right: 1%;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #CC0000;
}

.column-generic-2-right {
	width: 47%;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 3px;
	margin-left: 50%;
}
