/* this stylesheet was crafted with a whole hell of a lot of 
help from bluerobot.com.  Go check it out if you want some
good stylesheet help. */

body
{
background-color: #ffffff;
background-image: url('images/top.jpg');
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 0px;
line-height: 17px;
font-family: Arial, sans-serif;
font-size: 14px;
}

#header
{
margin: 2px 80px 0px 20px;
height: 50px;
line-height: 22px;
background-color: transparent;
}

#content
{
position: relative;
width: 750px;
min-width: 300px;
margin: 0px 80px 40px 210px;
padding: 0px;
}

#menu
{
position: absolute;
top: 70px;
left: 20px;
width: 170px;
padding: 10px;
line-height: 17px;
}

p
{
color: #000;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
text-align: justify;
line-height: 17px;
}

hr
{
border: 0;
background-color: #00f;
color: #00f;
width: 100%;
height: 1px;
}


.title
{
font-size: 20px;
text-align: left;
}

.date
{
font-size: 14px;
text-align: right;
}


.inner
{
border: 1px solid #00f;
padding: 7px;
margin-bottom: 20px;
font-size: 14px;
width: 140px;
}

#menu a:link
{
display: block;
text-decoration: none;
color: #000000;
font-size: 14px;
}

#menu a:active
{
display: block;
text-decoration: none;
color: #000000;
font-size: 14px;
}

#menu a:visited
{
display: block;
text-decoration: none;
color: #666666;
font-size: 14px;
}

#menu a:hover
{
display: block;
color: #000;
text-decoration: none;
font-size: 14px;
background-color: #ccf;
}

.overlayTitle
{
position: relative;
top: -17px;
font-size: 17px;
background-color: #fff;
color: #000;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}


#content a:link
{
text-decoration: underline;
color: #000000;
font-size: 14px;
}

#content a:active
{
text-decoration: none;
color: #000000;
font-size: 14px;
}

#content a:visited
{
text-decoration: underline;
color: #666666;
font-size: 14px;
}

#content a:hover
{
color: #000000;
text-decoration: none;
font-size: 14px;
background-color: #ccf;
}

#gallery
{
width: 640px;
}

#gallery a:hover
{
background: transparent;
}

#directories a:hover
{
background: #ccf;
}


#prev, #next
{
display: block;
padding: 2px 5px 2px 5px;
border: 1px solid #ddd;
background: #fff;
text-decoration: none;
margin: 0px 0px 10px 0px;
}

div #prev:hover, div #next:hover
{
padding: 2px 5px 2px 5px;
border: 1px solid #00f;
background: #ccf;
}

#prev
{
float: left;
}

#next
{
float: right;
}


.imgwrapper
{
float: left;
margin: 0 0 15px 25px;
padding: 2px;
}

.imgwrapper span
{
display: block;
font: 9px verdana, sans-serif;
text-align: center;	
}

.imgwrapper img
{
background-color: #fff;
border: 1px solid #ddd;
padding: 4px;
}

.imgwrapper a:hover img
{
background-color: #ccf;
}

.th
{
height: 20px;
font-weight: bold;
background-color: #fff;
border: 0;
margin: 0;
padding: 0;
}

th
{
background-color: #ccf;
border: 0;
padding: 0 2px 0 2px;
margin: 0;
}

.pagename
{
font-weight: bold;
font-size: 21px;
line-height: 26px;
}


.tbl_even
{
background-color: #ddddff;
}

.tbl_odd
{
background-color: #eeeeff;
}

.tbl_female
{
background-color: #fee;
}

.tbl_male
{
background-color: #eef;
}

.restrict {
color: red;
}

.vert {
background: url('family/images/vert.png') no-repeat center;
}

.outer {
background: url('family/images/outer.png') no-repeat center;
}

.br {
background: url('family/images/br.png') no-repeat center;
}

.tr	{
background: url('family/images/tr.png') no-repeat center;
}

.rb {
background: url('family/images/rb.png') no-repeat center;
}

.rt	{
background: url('family/images/rt.png') no-repeat center;
}