/* CSS Document */
/* Holly Laiveling */
/* October 2008 */

		html {
			height: 100%;
		}
		
		body {
			font-size: 10pt;
			font-style: normal;
			font-family: "Comic Sans MS";
			background-image:url(images/circlebgred.png);
			background-repeat:repeat-x;
			text-align:center;
		}
		
		#header		{
			text-align: center;
			background-color:black;
			margin:0 auto;
			width:920px;
			color:red;
			height:130px;
			}
			
			/*main container*/
		#wrap {
			background-color:white;
			margin:0 auto;
			width:750px;
			border: thin solid black;
			padding:10px;
			text-align:center;		
			}
			
			/*where the content goes*/
		#main   {
			background-color: white;
			padding: 10px;
			width:43em;
			min-height: 35em;
			margin:0 auto;
			text-align:left;
			}
		

		
		/*page footer*/
		#footer {
			clear:both;
			text-align:center;
			font-size: 9px;
			}
	
		a.nav:link, a.nav:visited, a.nav:active    {
			  /* Applies to unvisited links */
			  text-decoration:  none;
			  color:red;
		  } 
		  
		a.nav:hover   {
			  /* Applies to links under the pointer v */
			  text-decoration:  underline;
			  color: white;
		  } 


		/*** IE Fix ***/
		* html #left {
			left: 150px;            /* RC fullwidth */
		}

		
		.centerme /* Internet Explorer */ 
		{ 
		text-align: center; 
		} 
		
		.centerme /* Mozilla Firefox alignment */ 
		{ 
		text-align: -moz-center; 
		} 
		
		h1,h2 {
			text-align:center
		}
		
		.about  { 
			text-align: center;
			color:red;
			padding-bottom:20px;
		} 
		
		.childimage  { 
			float:right;
		} 
		
		/*menu container*/
		#navlist {
					background-color: black;
					width: 11em;
					float: left;
					padding-top: 3em;
					padding-left: .5em;
					height: 100%;
		}
				/*menus*/
		
		#nav, #nav ul { /* all lists */
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1.75;
				z-index: 100;
				font-size:
			}
			
		#nav li { /* all list items */
				float: left;
				/*width: 150px; can remove this*/
			}
						
		#nav li ul { /* second-level lists */
				position: absolute;
				width: 100px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
			
		#nav ul li a {  
			  position:relative;
			  left:0;
			  border-bottom: 1px solid black;
			  width: 270px;
			  
			}
			
		/* -- Begin IE 7 Only Hack -- */ 
		*:first-child+html #nav ul li a { 
			left:-50px;
			text-align:left;
		} 
		/* -- End IE 7 Only Hack -- */ 
				
		#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
					
			
		#nav li a {
				width: 135px;
				display : block;
				color : red;
				font-weight : bold;
				text-decoration : none;
				background-color : black;
				padding : 0 0.5em;
				border : 1px solid black;
			}
			
		#nav li a:hover {
				color : white;
			}
			
		
		
		/*Need this for IE7 or menus stick	*/
		/* -- Begin IE 7 Only Hack -- */ 
		*:first-child+html #nav li:hover, #menu li.hover  { 
			position: static;
		} 
		/* -- End IE 7 Only Hack -- */ 
		
		.pullquote {
			text-align:center;
			width: 20em;
			background: url(images/openquote.gif) top left no-repeat;
			color:black;
			font-size: 1.5em;
			line-height: 0.9;
			font-style: italic;
			padding: 0.5em;
			margin: 0;
			font-family:'Script MT';

			}
			
		.linkphoto  {
			clear:both;
			float:left;
			margin-top:10px;
			margin-right:10px;
			margin-bottom:10px;
		}