@charset "UTF-8";

/* nav.css © Factor of 4, 2012*/
/* AAA website*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://www.cssstickyfooter.com
*/

/*** page area ***/
/*   ---------   */

* { /* Clear default margins & padding */
	margin: 0;
	padding: 0;
	}
	
html, body {
	color: black;
	font-family: helvetica, "helvetica neue", arial, sunsans-regular, sans-serif;
	font-size: 12px;
	line-height: 120%;
	/* background: url(../images/MRC-layout2b.jpg); */
	/* text-align: center; */
	background-repeat: no-repeat;
	background-color: #686868;
	top: 0px;
	/* height: 100%;	/* sticky footer code */
	}
	
#page-container {
	margin: 10px auto 10px auto;
	width: 960px;
	height: 100%;/* 	sticky footer code */
	/*min-height: 800px; 	sticky footer code */
	background-color: white;
	/* border: solid blue 1px;   */
}

/*** header area ***/
/*   -----------   */

#header { 
	top: 0; 
	left: 0; 
	width: 640px; 
	height: 120px; 
	display: block;
	/* background-color: #ccc; */
	/* border: solid red 1px;  */ 
}

#head-left { 
	margin: 10px 0 0 10px;
	position:relative;
}

#head-center { 
	margin: 10px 0 0 0;
	float: right; 
	position:relative;
}

#menu { 
	width: 320px; 
	position:relative;
	/* background-color: yellow;  */
}

#mainnav {
	font-family: helvetica, "helvetica neue", arial, sunsans-regular, sans-serif;
	letter-spacing: 0.1em;
	font-size: 14px;
	line-height:1.5em; 
	width: 310px; 
	height: 30px;
	margin: 0 0 0 10px; 
	padding: 0px; 
	top: 0px; 
	z-index: 25;
	overflow: visible;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}



/*** main content area ***/
/*   -----------------   */

div#main-strut-vertical { width: 0;  height: 580px; float: left }

#right-sidebar { 
	float: right; 
	width: 310px;
	min-height: 680px;
	background-color: white; 
	margin: -110px 0px 0px 0px;
	z-index: 30;
	/* border: solid orange 1px; */
}

.right-side-head {
	border-bottom: solid white 10px;    
}

#right-sidebar-content { 
	min-height: 530px;
	width: 300px;
	background-color: #d9d9d9; 
	padding: 10px 0 10px 0;	
	/* border: solid orange 1px; */
}

#main-content   { 
	top: 168px; 
	left: 0px; 
	padding: 0 0 10px 0;  
	width: 960px;  
	/* height: 800px;  */
	/* border-bottom: solid orange 1px; */  
	margin-right: 0px;  
	float: left;
	background-color: white; */
	text-align: left; 
	/* overflow:auto;	sticky footer code */
}

#center-content { 
	width: 610px; 
	float: left;
	margin: 10px;
	min-height: 540px;
	background-color: #f4f4f4;
	padding: 10px; 
	/* border-left: solid orange 1px; */  
}

#center-content img { 
	margin: -10px 0px -10px -10px; 
	/* border-left: solid orange 1px; */  
}

#center-content .gallery-image  {  
	margin: -10px -10px 10px -10px; 
	}
	
#right-image { 
	padding-left: 10px; 
	width: 550px; 
	float: right; 
	}

.white-rule {
	color:white;
	padding-left: 10px;
	padding-bottom: 20px;  
	}

div#clear-main-area { clear: both; margin: 0; width: 100% } /*** width for IE 6 ***/



/*** footer area ***/
/*   -----------   */

#footer {
	height: 50px;
	width: 300px;
	background-color: #d9d9d9; 
	margin: 0px 0px 10px 0px; 
	position: relative; /* sticky footer code */
	/*border: solid red 1px;  */
	}

#footernav {  
	width: 300px;
	/* float: right; */
	margin: 0px; 
	padding: 0px 0px 10px 0px; 
	text-align: center;
	/*border: solid black 1px;  */
}