/*
	CSS for Ancestors On Board (www.ancestorsonboard.com). 
	(c) Title Research Ltd.
	(c) 1837online.com 
	Written by Matthew Finucane, September 2006.
*/


/*
	Remove default padding from all elements. * selects everything on
	the page from the main root level and applies these rules.
*/

*
{
	padding: 0;
	border: 0;
}

/*
	This CSS will centralise the layout of the page. The body centers the container below. 
	Everything in the container will be aligned left by default.
*/

body
{
	text-align: center;
}

/*
	This prevents IE from padding images. Prevents the 'Pixel Jog' problem.
*/
img 
{
	display: block;
}

/*
	The main layout containers
*/
div#container
{
	margin: 0px auto;
	text-align: left;
	width: 761px;
}

div#header
{
	display: block;
	float: left;
	width: 761px;
}

div#header img
{
	float: left;
	display: inline;
}

div#header a img
{
	text-decoration: none;
}

div#menubar
{
	padding: 0; 
	margin: 0;
	width: 761px;
	height: 20px;
	display: block;
	float: left;
}

div#container_upper_padding
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 761px;
	height: 30px;
	background-color: #FDE986;
	border-top: 1px solid #ccc;
}

div#leftnav
{
	display: block;
	float: left;
	padding: 0;
	margin: 0; 
	width: 225px;
	height: 235px;
	background-color: #FDE986; 
}

div#maincontent
{
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	width: 536px;
	height: 411px;
	background-color: #fde986;
	background-image: url('../images/default_template/content_bg.gif');
	background-repeat: no-repeat;
	overflow: auto;
	
	scrollbar-base-color: #FDE986;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #FDE986;

	scrollbar-shadow-color: #FDE986;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;

}

div#leftship
{
	display: block;
	float: left;
	padding: 0;
	margin: 0; 
	width: 225px;
	height: 176px;
}

div#content_footer
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 761px;
	height: 64px;
}

div#footer
{
	display: block;
	float: left;
	width: 761px;
	height: 20px;
	border-bottom: none;
}

p.bold_text
{
	padding-top: 0.5em;
	margin-left: 2em;
	margin-right: 2em;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #4a4a4a;
}

p.normal_text
{
	margin-left: 2em;
	margin-right: 2em;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	line-height: 1.25em;
}

/*
	Styling the top menu bar
*/

ul#topnav
{
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #fff;
	float: left;
	width: 100%;
}

ul#topnav li
{
	display: inline;
	padding: none;
	border: none;
}

ul#topnav li a
{
	color: #000;
	font-weight: bold;
	font-size: 13px;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	float: left;
	background-image: url('../images/yell.gif');
	background-repeat: no-repeat;
	width: 108px;
	height: 20px;
}

a, a:link, a:visited
{
	color: #3382b6;
}

ul#topnav a#activelink
{
	background-image: url('../images/yell_bright.gif');
	background-repeat: no-repeat;	
	color: #000;
	width: 113px;
}

ul#topnav li a:hover
{
	color: #ff2233;
	background-color: #fff;
}

ul
{
	list-style-type: disc;
	font-weight: normal;
	font-size: 12px;
	font-family: arial;
}