@charset "utf-8";


BODY  {
	font-family: "Times New Roman", Times, serif;
	background: #555555;
	margin: 5px 0 10px 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#container { 
	width: 753px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
    overflow: hidden; /* crops the extended sidebar float */
}


#header {
	background: #DDDDDD;
	margin: 0;
	padding: 0;
}
#header IMG {
	display: block;
	border: none;
}


#sidebar {
	background: #404146;
	float: left; 
	width: 167px;
	
	/* A minimum height fix for internet explorer */
	min-height: 800px;
  	height:auto !important;
	height: 800px;
	
	/* The following settings ensure an equal looking height of the sidebar to the scaled main content */
	padding-bottom: 4000px;
	margin-bottom: -4000px;
}
#sidebar DIV, #sidebar P {
	margin-left: 0px;
	margin-right: 0px;
}
#sidebar #sidebar_crown {
	margin-bottom: -20px;
	position:relative;
}
#sidebar UL {
	background-color: #C7CEC7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 4px 8px 4px;
	padding: 0;
	list-style:none;
}
#sidebar UL LI {
	padding: 0;
	margin: 0 15px 0 15px;
	font-size: .8em;
	border-bottom: solid 1px #888888;
}
#sidebar UL LI A {
	color: #201E1E;
	display: block;
	padding: 10px 0 10px 20px;
	text-decoration: none;
	letter-spacing: .05em;
	font-weight: 500;
}
#sidebar UL LI A:hover {
	color: #201E1E;
	background-color:#a0acb5;
}
#sidebar UL LI.menu_bottom {
	border-bottom: none;
}
#sidebar P {
	margin: 3px 0;
}


/* Tips for mainContent:
1. the space between the mainContent and sidebar is created with the left margin on the mainContent div.  No matter how much content the sidebar div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
/*  Also keep in mind conditional IE comments */
#mainContent { 
	margin: 0 20px 0 175px;
} 


#footer {
	padding: 0 6px;
	width: 745px;
	background:#5F6063;
		
	/* ensures that the footer appears on top of the extended sidebar */
	float:left;
	clear:both;
	font-size: .9em;
}
#footer DIV#logo {
	float: left;
	margin: -82px 0 -8px 0;
}
#footer DIV#mouse_shadow {
	float: right;
}
#footer P {
	color:#FFFFFF;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
	vertical-align: middle;
}
#footer SPAN#copyright {
	margin-right: 232px;
}
#footer SPAN#certified {
	font-size: .8em;
	font-style: italic;
}



/* Miscellaneous classes */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}