#body
{
	background-color:white;
}

#wrap
{
	background-color:transparent;
	padding:0;
	margin:0;
	
	width:700px;
	
	position:relative;
	left:50%;
	margin-left:-350px;
}

#footer-wrap
{
	background-color:transparent;
	padding:0;
	margin:0;
	
	width:700px;
	
	position:relative;
	left:50%;
	margin-left:-350px;
	
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}

#page
{
	border:0px;
	padding:0px;
	margin:0px;
}


#header-block
{
	width:200px;
	height:60px;
	padding:0;
	margin:0;
	background-color:#336633;
}

#header-mast
{
	width:500px;
	height:60px;
	padding:0;
	margin:0;
	background-color:#CCFFCC;
	background-image:url('header.png');
	background-position:center;
	background-repeat:no-repeat;
	
	font-size:larger;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer-block
{
	width:200px;
	height:60px;
	padding:0;
	margin:0;
	background-color:#336633;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	vertical-align:middle;
}

#footer-block a
{
	text-decoration:underline;
	color:#000000;
}

#footer-block a:hover
{
	color:#FFFFFF;
	background-color:#330033;	
}

#footer-mast
{
	width:500px;
	height:60px;
	padding:0;
	padding-right:5px;
	margin:0;
	background-color:#CCFFCC;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:small;
	text-align:right;
	vertical-align:middle;
}

#side-menu
{	
	width:200px;
	background-color:#CCFFCC;
	text-align:left;
	vertical-align:top;
	padding:0;
	padding-top:20px;
	padding-bottom:270px;
	margin:0;
	
	background-image:url('sidebar.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#side-menu ul
{
	padding:0;
	margin:0;
	list-style:none;
	font-size:medium;
}

#side-menu ul ul
{
	display:none;
	padding:0;
	margin:0;
	margin-left:16px;
	list-style:none;
	font-size:small;
}

#side-menu ul:hover ul
{
	display:block;
}

#side-menu li
{
	padding:5px;
	margin:0;
	display:block;
}

#side-menu li:hover
{
	color:#FFFFFF;
	background-color:#330033;
}

#side-menu li:hover a
{
	color:#FFFFFF;
	background-color:#330033;
}

#side-menu a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	
	color:inherit;
	background-color:inherit;
}

.menu-normal
{
	color:#000000;
	background-color:transparent;
}

.menu-normal a
{
	color:#000000;
	background-color:inherit;
}

.menu-selected
{
	color:#FFFFFF;
	background-color:#330033;
}

.menu-selected a
{
	color:#FFFFFF;
	background-color:inherit;
}

#content
{
	max-width:500px;
	padding:10px;;
	padding-right:0;
	margin:0;
	
	background-color:transparent;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	
	vertical-align:top;
}

#content h1,h2,h3,h4,h5,h6
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#content a
{
	color:#000000;
}

#content a:hover
{
	color:#FFFFFF;
	background-color:#330033;
}

#content img
{
	border:none;
}

.imageCaption
{
	text-align:center;
	margin:0;
	margin-top:15px;
	margin-bottom:15px;
}

.imageCaption a
{
	font-size:small;
	font-style:italic;
	text-decoration:none;
}

.imageCaption span
{
	padding:3px;
}

.imageMenu
{
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	margin-top:15px;
	margin-bottom:15px;
}

.imageMenu a
{
	font-size:medium;
	font-style:italic;
	text-decoration:none;
}

.imageMenu span
{
	padding:3px;
}

.footer a
{
	color:#000000;
}

.footer a:hover
{
	color:#FFFFFF;
	background-color:#330033;
}


.center
{
	text-align:center;
}

.italic
{
	font-style:italic;
}

.bold
{
	font-weight:bold;
}

.underline
{
	text-decoration:underline;
}

.pedigree
{
	width:100%;
	border-collapse:collapse;
	/*border:1px solid black;
	border-right:none;*/
}

.pedigree th
{	
	font-weight:normal;
	height:80px;
	
	border:1px solid black;
	
	padding-right:10px;
	padding-left:10px;
	
	margin-left:15px;
}

.pedigree tr, td
{
	padding:0;
	margin:0;
}