/*body
----------------------------------------------------------------------*/

Body {

/*background-color: brown;*/

background-image: url(sitePix/background.jpg);
background-attachment: fixed
}

/*Container
----------------------------------------------------------------------*/
#container {
	background-color: white;

	border: 1px solid black;
	
	width: 600px;
		
	margin: auto;
	padding: 0px;
			
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
}

/*Header
----------------------------------------------------------------------*/

#header {
	padding: 0;	
	margin: 0;
}

/*Main Links / Footer Links
----------------------------------------------------------------------*/

ul#mainlinks,
ul#footlinks { 
	padding: 0;
	margin: 0;
	
	list-style-type: none; 
	
	width: 100%;
	height: 32px;
	
	background-image: url(http://www.ageafter.com/cse/navbar.png);
	
	background-repeat: repeat-x;
	
	padding: 0;
	margin: 0;
	
	
}

ul#mainlinks li,
ul#footlinks li { display: inline; }

ul#mainlinks li a,
ul#footlinks li a
{
	margin: 0;
	padding: 0 7px;

	display: block;
	height: 32px;
	float: left;
	font-weight: 800;

	color: #000;
	text-align: center;
	text-decoration: none;
	line-height: 220%;
	
	border-right: 1px solid #000;

}

ul#mainlinks li a:hover,
ul#footlinks li a:hover
{
	color: #FFF;
	background-color: #69C;
	background-image: url(http://www.ageafter.com/cse/navbarHover.png);
	font-weight: 800;
}


/*Content
----------------------------------------------------------------------*/


#content { 
	margin: 0;
	padding: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 130%;
}

/*Misx.
----------------------------------------------------------------------*/
 .dropcap
{
float: left;
width: .7em;
font-size: 4em;
line-height: 90%;
}

.thumbnail{
	width: 200px;
	height: 150px;
}
.box{
	padding:10px;
	border: 1px solid gray;
}
/*Footer
----------------------------------------------------------------------*/

#footer { 
	

}

.left {float: left;}
.right {float: right;}