@charset "UTF-8";

/* ---------- BODY/CONTAINER ------------- */

body  {
	font: 80% Arial, Helvetica, sans-serif;
	background: #9E5F98;
	margin: 0; padding: 0;
	text-align: center; 
	color: #000000;
}

#container { 
	width: 976px;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 30px auto 0 auto; 
	text-align: left;
	min-height: 800px;
	/* border: 1px solid black; */
	position: relative;
} 
* html #container { height: 800px; }




/* ---------- TEXT STYLES ------------- */

p { color: #5e278b; line-height: 1.7em; font-size: 0.95em; }

a { color: #3e42df; }

#mainContent p img { float: right; margin: 0 0 20px 20px; }

h1 { 
	font-size: 1.33em; 
	text-transform: uppercase; 
	color: #0507A2;
	font-weight: normal;
	margin: 0 0 -5px 0; padding: 25px 0 0 0;
	}
	
h2 { font-size: 1.2em;
	color: #9e3399;
	font-weight: normal;
	}
	
h3 { 
	font-size: 1.05em;
	color: #6f3366;
	margin-bottom: 0;
	}

#mainContent ul { list-style-image: url(images/bullet_list.gif); margin: 0 0 0 19px; padding: 0; line-height: 200%; }


/* ---------- HEADER ------------- */

#header { 
	background-image: url(images/masthead_sub.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 196px;
	padding: 0; 
	margin-left: 21px;
/*	border: 1px solid black; */
} 

#header select { margin-left: 760px; margin-top: 20px; color:#000; background-color:#fff;
	}



/* ---------- TOP NAVIGATION ------------- */

#topnav { 
	height: 18px; 
	margin: 123px 3px 0 3px; padding: 0;
	background-color: #774c9b;
	z-index: 10;
}
#topnav ul { 
	list-style-type: none; 
	margin: 0; padding: 0;
	float: right;
	}
#topnav ul li { float: left; }
#topnav ul a { 
	color: white; 
	font-size: 11px; 
	text-decoration: none; 
	padding: 4px 10px 3px 10px;
	height: 18px; 
	border-left: 1px solid white;
	}
#topnav ul a:hover, #topnav ul a:active { background-color: #0507A2; }




/* ---------- LEFT SIDEBAR ------------- */

#sidebar1 {           /* VARIES depending on page */
	width: 355px;
	height: 605px;
	float: left;
	margin: -13px 0 0 0;
	padding-top: 10px;
	background-image: url(images/leftnav-bg-catalog.jpg);
	background-repeat: no-repeat;
	z-index: 0;
} 


/* #sidebar1 ul { 
	list-style-type: none; }
	
#sidebar1 li { padding-bottom: 5px; }	
	
#sidebar1 a { 
	color: #774c9b;	
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;

 }

#sidebar1 ul.primary { 
	width: 113px;
	list-style-type: none; 
	margin: 0; padding: 0 0 0 60px; 
	text-align: right; 
		border: 1px solid red;
	
	}
#sidebar1 ul.primary a {  }

#sidebar1 ul.sub { border-top: 1px dotted blue; }
#sidebar1 ul.sub a {  color: #D20808; font-size: 0.8em; }

*/


/* ---------- CONTENT AREA ------------- */

#mainContent { 
	margin: 0 0 0 353px;
	padding: 0 52px 0 0;
	background-repeat: no-repeat;
	/* border: 1px solid red; */ 
	min-height: 500px;
	color: #664DA2;
} 
* html #mainContent { height: 500px; }




/* ---------- COLUMNS ------------ */

.column {
	float: left;
	width: 169px;
	margin-top: 0pt;
	margin-right: 20px;
	margin-bottom: 0pt;
	margin-left: 0pt;
}
.other {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	background-color: #c9ccea;
}




/* ---------- FOOTER ------------- */

#footer { 
	margin: 0 auto 30px auto; padding: 0;
	width: 1018px; 
	height: 293px;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	/* border: 1px solid black; */
} 
#footer p {
	margin: 0;
	padding: 100px 0 0 525px;
	text-align: left;
	color: white;
	font-size: 0.9em;
	line-height: 350%;
/*	border: 1px solid red; */
	 }