@charset "utf-8";

/* This design copyrighted 2008 Lisa DeVoto and may not be reproduced. */ 

#container { 
	position: relative; /* adding position: relative allows you to position sidebars relative to this container */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* With only two specified, first is the top and bottom and second is the left and right side - the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header { 
	height: 50px;
	padding: 0 10px 0 20px;  
} 

#maincontent { 
	min-height: 450px; /* Prevents the need for extra breaks and padding on short content pages. */
	margin: 0 200px 0 0; /* the right margin on this div element creates the outer column on the right side of the page. No matter how much content the nav div contains, the column space will remain. */
	padding: 10px 10px 10px 20px;
	border-right: 3px solid black;
	background-image: url(images/main.jpg);
}

#nav {
	position: absolute;
	top: 50px;
	right: 0;
	width: 200px; 
	padding: 5px 0 0 0;
	margin: 0;
	min-height: 450px;
	background-color:#444111; 
}
		 
#footer { 
	margin: 0;
	padding: 0 10px 0 20px;
} 

.hide	{	/* Used with Skip navigation link to make it invisible in CSS-capable browsers */
	position: absolute;
	left: -9999px; }
	

#header h1	{  
	font-family: Georgia, "New Century Schoolbook", Times, serif;
	font-size: 24px;
	font-weight: bold;
	margin: 0; 
	padding: 10px 0 0 0;
	text-align: left; 
	text-decoration: none;
	color: #ebe7ad;
	}
	
body  {
	color: #444111;	
	font-family: "Lucida Bright", Georgia, "Times New Roman", serif;
	font-size: 14px;
	background: url(images/background.png) repeat center;
	background-position: top left;
	margin: 0; 
	padding: 0;
	text-align: center; 
}

p  {
	margin: 0 0 15px 0; 
}

h1  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left; 
	color: #444111;
}

h2  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0; 
	padding: 0;
	text-align: left; 
	color: #888322;
}

h3, h4, h5, h6  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0; 
	padding: 0 0 0 0;
	color: gray;
}

img	{	
	display: block;
	border: 0;
	}

img.inline {
	display: inline;
	border: 0;
	vertical-align: top;
	}
	
ul {
	list-style: disc url(images/bullet.jpg);
	padding: 0;
	margin: 0 0 20px 15px;
	}


ul li {
	margin: 0 0 10px 0;
	}

li.line:first-line 	{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	color: #888322;
}	

table tr td	{
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
}

#nav ul {	
	list-style-image: none;
	list-style-type: none;
	font-size: 14px;
	font-family: "Arial Black", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#nav ul li	{
	position: relative;
	margin: 0;
	}
	
#nav ul li a {
	display: block;	
	padding: 5px 5px 5px 10px;
	}
	
#nav li:hover ul  { 
	display: block;
 	}

/* Fix IE. Hide from IE Mac - Workaround for IE to make list items in menu stack closely \*/
* html ul li {float: left; height: 1%; }
* html ul li a {height: 1%; }

#header a:link	{	/* Values need to be listed in this order - link, visited, hover, active */
	text-decoration: none;
	color: #ebe7ad;
	background-color: #444111;
	}
 
#header a:visited	{
	text-decoration: none;
	color: #ebe7ad;
	background-color: #444111;
	}

#header a:hover	{
	text-decoration: none;
	color: #ebe7ad;
	background-color: #444111;
	}

#header a:active	{
	}

#nav a:link	{
	color: white;
	}
 
#nav a:visited	{
	color: white;
	}

#nav a:hover	{
	text-decoration: none;
	color: #444111;
	background: #ebe7ad;
	border-right: 15px solid black;
	}

#nav a:active	{
	}

#footer p {
	margin: 0; 
	padding: 3px 0;
	font-size: 10px;
	font-weight: bold;
	color: #d9d366; 
}

#footer a:link	{	/* Values need to be listed in this order - link, visited, hover, active */
	color: #d9666c;
	}
 
#footer a:visited	{
	color: #d9666c;
	}

#footer a:hover	{
	color: #CC333B;
	background: #ebe7ad;
	}

#footer a:active	{
	}

strong {
	font-weight: bold;
	font-style: normal;
}

em {
	font-weight: normal;
	font-style: italic;
}

a:link {font-weight: bold; text-decoration: none; color: #3388cc; background: none;}

a:visited {font-weight: bold; text-decoration: none; color: #3388cc; background: none;}

a:hover {font-weight: bold; text-decoration: underline; color: #882227; background: #ebe7ad;}

a:active {font-weight: bold; text-decoration: none; color: #882227; background: none;}

.fltlft { /* Class used to float an element left in the page. */
	float: left;
	margin-right: 8px;
}