/* i and r dev site */
/* basic elements */

/* color palette for this site is:

#071653 (navy blue) header
#586e98 (dusty blue) background
light blue
#dd1709 (bright, deep red)
gray

*/

html {

}

body { 
	
	background: #9193AC url(images/potomaccrop.jpg) no-repeat;
	font-family: rockwell, "times new roman", serif;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 40px;
	background-attachment: fixed;
	}

p { 
	
	
	}

h1 { 
font-family: rockwell;
font-size: 200%;
	color: #071653;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	/* text-transform: small caps; */
	}

	
h2 { 	
color: #071653;
font-size: 125%
	
	
	}
	

a:link { color: #573720; font-weight: bold; }
a:visited {color: #573720; font-weight: bold; }
a:hover, a:active {color: #071653;}

#navigation a:link { color: #573720; display: block; font-weight: bold; text-decoration: none; }
#navigation a:visited {color: #573720; display: block; font-weight: bold; text-decoration: none; }
#navigation a:hover, a:active {color: #3e2a1a; display: block;}

	
ul {
	list-style-type: square;
	}
	
lu.navigation {


	}
	
li.navigation { 

width: 140px;
margin-left: -19px;
margin-bottom: 10px;
padding-left: 10px;
font-size: 150%;
font-family: verdana;
font-variant: small-caps;
	list-style-type: none;
	border-right: medium solid #4a4132;
	border-bottom: medium solid #4a4132;
	border-left: medium solid #857f55; 
	border-top: medium solid #857f55;
	background-color: #706946;

 }


/* specific divs */

#container {
	background: #ffffff;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000000;
	 
	}
	
#pageHeader {
	z-index: 1000;
	background: #554c3c url(images/delawarered.gif) top right no-repeat;
	width: 800px;
	height: 160px;
	
	
	}
	
#intro {
	float: right;
	font-size: 20px;
	width: 350px;
	padding: 20px;
	
}

#mythsintro {
	
	font-size: 20px;
	
	
}


#motto {
background: #b8bb83 url(images/smallmead.png)  center no-repeat;
	width: 602px;
	height: 110px;

	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 30px;
	font-style: oblique;
	border-bottom: thin solid #000000;
	border-top: thin solid #000000;
}

 #motto span  {
display: none;
} 


#maincontent { 
	
	width: 530px;
	height: auto;
	margin-top: -470px;
	margin-left: auto;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	/* border: thin solid #000000; */
	}
	
#navigation {

background: #908f60;
width: 188px;
height: 600px;

margin-top: -172px;

margin-left: 0px;
padding-right: 10px;
padding-top: 30px;
border-right: thin solid #000000;

border-top: thin solid #000000;

}