a
{
    font-weight: bold;
    color:#333333;
    text-decoration:none;
    }
a:hover
{
    text-decoration:underline;
    }

body 
{
    font-family: verdana,sans-serif;
	font-size: 9px;
	margin-top:0px;
	margin-bottom:0px;
	color:Black;
	background-image:url("images/bg.gif");
	background-repeat: repeat;
	background-color:#333333;
	
}
td{font:10px verdana;}
        input{border:1px solid #999; font:9px verdana;}
.header 
{
    padding: 0;
	margin: 10 auto;
	height: 300px;
	width: 100%;
}
.headerRight{background: url("images/bannerbg.jpg") no-repeat center;width:900px;height:300px;}
.page 
{
	margin: 0px auto;
	padding: 0;
	width: 900px;
	border: 1 px solid #ffffff;
	text-align: left;
    }
.content 
{
    display:block;
    float:left;    
    width:860px;
    background-color:white;
    padding-left:20px;
    padding-right:20px;
	font-size: 1.2em
	}
.sectionTitel{
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0px;
}

.sectionText
{
	font-family:verdana;
	font-size:11px;
	color:#666666;
	width:850px;
	border:0px solid black;
	padding:5px;
	text-align:left;

}
.sectionText img.pixie{margin-bottom:5px;margin-left:60px;margin-top:0px;}

.sectionText td

{

	font-family:verdana;

	font-size:11px;



	/*text-align:left;*/

}

.pedigreeTable
{
    border-top:1px solid #333333;
    border-left:1px solid #333333;
    height:280px;
    }
 .pedigreeTable td
{
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    }  
.footer 
{
    background: url("images/footer.jpg") no-repeat bottom; border: none;
    background-color: #333333;
    color:#FFFFFF;
    font-family:verdana;
	font-size:11px;
	
	margin: 0 auto;
	width: 900px;
	clear: both;
	}

.footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
.menu
{
  width:900px;
  background-color:#EEE;  
    }
.newsBox

{
    color:#333333;
    font:11px verdana;
    width:200px;
    }
.newsBox legend
{
    font-weight:bold;
    color:#333333;
    }
.mhtop{
	font-family:verdana;
	font-size:11px;
	color:#6F6A54;
	background-color:#FFF;
	}
legend
{
    font-weight:bold;
    color:#333333
    }
.mhtop td
{
    font-family:verdana;
	font-size:11px;
	color:#6F6A54;
    text-align:left;
}
.mh{
	font-family:verdana;
	font-size:11px;
	color:#6F6A54;
	background-color:#FFF;
	border-top:1px solid gray;
	border-left:1px solid gray;
}
.mh td
{
    font-family:verdana;
	font-size:11px;
	color:#6F6A54;
    text-align:left;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.mh td.tazza{
	background:#D7D3C4;
}
.randomImage
{
    margin-top:0px;
    }
 /* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 900px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  float:left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding-left: 20px;
  padding-right: 20px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #6E6E6E;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #656565;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:-300px;
	position:absolute;
	width:280px;	/* Width of tooltip content */
	height:360px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:2px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:hidden;	/* Hide overflow content */
	z-index:1000001;
}

    .m_label{width:70px;padding-left:10px;font-weight:bold;}
    .m_input{width:120px;}
    .m_table{width:450px;height:300px;border:1px solid #999;padding:5px;}
    
.blogText
{
    width:600px;
    
    padding:10px;
    display:block;
    float:left;
    }

.blogText img
{
	margin-top: 10px;
}
.blogRight
{
    width:200px;
    height:800px;
    padding:5px;
    display:block;
    float:right;
    }
.blogRight fieldset
{
    padding-left:10px;
    padding-bottom:15px;
}
.loginBox
{
    margin: 50px auto;
    width:300px;
    padding:10px;
    border:1px solid gray;
    background-color:#eee;
 }
 .loginBox td
 {
    font:bold 10px verdana;
    text-align:right;   
 }
.commentbox{
background-color: #ececec;
width: 580px;
padding: 10px;
}

.commentfooter{
background: url(images/commentarrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px ).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	/*height: 300px;*/
	height:100%;
	overflow: hidden;
	border:1px solid #cccccc;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
	height:100%;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		background:#666666;
		color:#ffffff;
		}
#pTable
{

    
}
#pTable td .photoYear
{
    font:bold 14px verdana;
    color:#716c55;
    margin-top:5px;
}
#pTable td .photoMonth
{
    font:bold 12px verdana;
}
.photo
{
    display:block;
    float:left;
    margin:5px 5px 0px 0px;
    }