@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;*/
	/*font-style: inherit;*/
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
/* :focus {
	outline: 0;
}*/

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* end reset file ----------------------------------------------------------------------*/

<!-- Layout -->

body {
	font: 62.5% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	}




/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

.mcc #container { 
	width: 100%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
    overflow: hidden;
	} 

.mcc #header{
	width: 100%;
	height: 120px;}

.mcc #logo { 
	float: left;
	width: 100%;
	height: 120px;
	margin:0;	
	padding:0;
	background-image:url(navigation/logo.gif);
	background-repeat:no-repeat
	}
	
.mcc #photobar
	{
	float: auto;
	width: 100%;
	height: 120px;
	margin: 0 0 0 219px;
	padding: 0 0 0 219px;
	background-image: url(navigation/header-half3.jpg);
	}

.mcc #sidebar1 {
	display: block;
	float: left; 
	height: 100%;
	width:175px;
	background: #ffffff;
	padding: 0;
	margin: 0 3em 0 0;
	}

.mcc #mainContent { 
	display: block;
	float: left; 
	width: 70%;
	margin: 2em 0 2em 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: normal;
	} 
	
.mcc blockquote {
	border: 1px solid #660000;
	background-color: #ffff99; 
	width: 20em; 
	padding: 1em; 
	font-style: italic; 
	float: right; 
	font-size: 0.8em;
	line-height:1.5em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 1em;
	}

.mcc #footer { 
	clear: both;
	margin: 10em 2em 2em 13em;
	background:#ffffff;
	border-top: 1px solid #CCC;
	font-size: 0.7em; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
} 

#spotlight {
	float: right;
	width: 280px;
	margin: 50px 1.5em 1.5em 1.5em;	
	background: url(navigation/spotlight2.gif);
	background-repeat:no-repeat;
	background-color:#ffff99;
	color:#000;
	font-size: 0.9em; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	font-weight: normal; 
	overflow-x: hidden; 
	padding: 10px; 
	}
	
	
#spotlight h4 {
	margin: 4em 1em 1em 1em;
	}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

<!-- Text / Lists -->

a     			{ color: #952e47; text-decoration: none; }
a:link     		{ color: #952e47; text-decoration: none; }
a:hover      	{ color: #952e47; text-decoration: underline; }
a:visited 		{ color: #952e47; text-decoration: none; }

h1  {
	font-size: 1.3em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	margin-top:0.5em;
	color:#2c2626;
	}

h2	{
	font-size: 1.2em;
	line-height: 1.3em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: bold;
	margin: 0.8em;
	color:#2c2626;

	}

h3	{
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: bold;
	margin: 0.8em;
	color:#2c2626;
	}

h4	{
	font-size: 1em;
	line-height: 1.2em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: bold;
	margin: 0.8em;
	color:#2c2626;

	}

h5 	{
	font-size: 0.9em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: bold;
	margin: 0.8em;
	color:#2c2626;

	}

hr {
	border: 0;
	height: 2px;
	width: 100%;
	text-align: left;
	color: #660000;
	background-color: #660000;
	}

#mainContent p 		
		{
		font-size: 0.8em;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: normal;
		line-height: 1.5em;
		margin: 1em 1em 1.5em 1em;
		padding: 0;
		}
		
#mainContent ul 		
		{
		list-style-image: url(navigation/bullet2.gif);
		font-size: 0.8em;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: normal;
		line-height: 1.5em;
		margin: 1em 1em 1.5em 3em;
		padding: 0 0 0 20px;
		
		}

#mainContent ul li		
		{	
		margin: 1em;
		}
		
#mainContent ul ul li		
		{	
		font-size: 1.2em;	
		}
		
#rtsidebar		
		{	
		float:right;
		width:150px;
		background:#FFC;
		border: 1px solid #CCC;
		padding:1em;
		margin:1.5em;
		font-size: 0.9em;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: normal;
		line-height: 1.5em;
		}
		
#mainContent #rtsidebar ul

		{
		list-style:circle;
		margin: 1em 0.7em 0.8em 1em;
		padding: 0 0 0 10px;
		
		}

#mainContent #rtsidebar ul li		
		{	
		
		margin: 1em;
		}

.photo
		{	
		margin: 1em;
		float:right;
		padding:7px;
		border:1px solid #CCC;
		}

select,input    { font-size: 10px; font-family: Verdana, Arial, Helvetica, SunSans-Regular }


<!-- sidebar menus -->

div#MCCmenu {

}

div#MCCmenu ul {
list-style: none;
margin: 0;
padding: 0;
width: 140px;
background-color: #660000;
}

div#MCCmenu a {
font: bold 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#FFF;
display: block;
background-color: #660000;
margin: 0;
padding: 8px 4px 8px 20px;
text-decoration: none;
}

div#MCCmenu a:hover {
color: #fbe496;
background: #660000;
}

div#MCCmenu li {position: relative;}

div#MCCmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 150px;
background: #660000;
}

div#MCCmenu ul ul ul,
div#MCCmenu ul ul li:hover ul ul
{display: none;}

div#MCCmenu ul ul li:hover ul,
div#MCCmenu ul ul ul li:hover ul
{display: block;}

<!-- Miscellaneous -->