/*CSS Document*/
/* Set Basic Parameters */
body, ul, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	font-size: 100%;
}
ul {
	list-style-type: none;
}
a {
	text-decoration: none;
}
img {
	border: 0;
	margin: 0;
	text-decoration: none;
	display: block;
}
img.center {
	margin-left: auto;
	margin-right: auto;
}

a:link {
	font-weight: bold;
	color: #006400;
}
a:hover {
	font-weight: bold;
	color: #ffffff;
}
a:visited {
	font-weight: bold;
	color: #006400;
}
/* Body Styling */
body {
	position: relative;
	width: 100%;
	background-color: #412300;
	color: #000000;
	font-family: Times New Roman, Helvetica, serif;
	text-align: right;
/*IE text align normalisation*/
	font-size: 16px;
}
div#wrapper {
	text-align: left;
}
div#content {
	position: relative;
	width: 973px;
	margin: 10px auto;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 10px;
	background-color: #a1e6fc;
	background-image: url(../genealogy/findex_files/backgrnd.gif);
	background-repeat: no-repeat;
}
/* Header */
/*Use this h1 for banner heading only*/
h1{
	margin-top: 25px;
	margin-left: 280px;
	color: #006400;
	font-style: italic;
	font-size: 200%;
	font-style:franklin gothic medium cond, toledo, opera sf;
}
/*Fergy's Website Logos */
div#fergylogo img {
	padding-top: 20px;
	margin-left: 200px;
}
#logo {
	position: absolute;
	top: 15px;
	right: 170px;
}
/* Main Navbar - great grandson of Suckerfish*/
#backcol {
	position: relative;
	clear: right;
	width: 973px;
	background-image: URL(../index_files/NavBlueBar.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #fff;
	height: 1.8em;
	z-index: 10;
}
#nav, #nav ul {
/* all lists */
	float: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 1.8em;
	z-index: 999;
}
#nav a {
	display: block;
	color: #fff;
	width: auto;
	padding: 0px 5px 0px 5px;
}
#nav li {
/* all list items */
	float: left;
	width: auto;
/* width needed or else Opera goes nuts */
}
#nav li ul {
/* second-level lists */
	position: absolute;
	background: #1E6D9F;
	width: 8.4em;
	left: -999em;
/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul{ /* third-level lists */
  margin: -1.8em 0 0 8.1em;
}

#nav li a:hover {
	background-image: URL(../index_files/NavGrayBar.jpg);
	background-repeat: repeat-x;
}
#nav li:hover > ul {
/* shows lists nested DIRECTLY under hovered list item */
	left: auto;
}	
#nav li:hover > ul a:hover { /* ensures hover colour is full width */
width: 7.8em;
}
#nav li:hover > ul ul a:hover { /* ensures hover colour is full width */
width: 7.8em;
}
#nav .soasfhover {
/*Split up for IE6 Compatability*/
	left: auto;
}
#nav li:hover {
/*Fix for IE7*/
	position: static;
}


/*Genes Content*/

p { margin: 0 5px 0 5px;}
.rndtop {
	background:url(./cornerTR.gif) no-repeat;
	background-position: right top;
}
.rndbot {
	background:url(./cornerBR.gif) no-repeat;
	background-position: right bottom;
}
.picmid {
	text-align: center;
	margin: 0 0 0 5px;
}

.piclhs {
	text-align: left;
	margin: 0px 0px 0px 5px;
}
.flftmar {
  margin-left: 30px;
}

.fmid {
  margin-left: auto;
  margin-right: auto;
}
.frght {
	float: right;
}
.flft {
	float: left;
}
/*Genes Content Links*/

.contnav
{
	font-weight: bold;
	font-size: 18px;
  margin-left: 27px;
}
.contnav a:link, .contnav a:visited
{
  color: #fff;
	text-align: center;
	padding-top: 8px;
	display: block;
	width: 162px;
	height: 40px;
	background-image: URL(./link_files/BlnkBlueBut.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
.contnav a:hover
{ 
	background-image: URL(./link_files/BlnkGreyBut.gif);
	background-repeat: no-repeat;
}

.contnav span.fontsize {font-size: 14px;}
/*Right Column*/

#vnav
{
  background-color: #6fc0f5;
	padding: 0px;
}
#vnav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#vnav li
{
	border-bottom: 1px solid #000000;
}
#vnav li A:link, #vnav LI A:visited
{
	font-size: 90%;
	font-weight: bold;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	background-image: URL(../index_files/NavBlueBar.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration: none;
}
#vnav li A:hover
{
	background-image: URL(../index_files/NavGrayBar.jpg);
	background-repeat: repeat-x;
}
#line
{
	width: 100%;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
#vwrap
{
	position: relative;
	text-align: left;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 5px;
}

#line
{
	width: 100%;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
#vwrap
{
	position: relative;
	text-align: left;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 5px;
}
#vleft
{
	margin-left: 5px;
	margin-right: 240px;
	padding: 5px 5px 0px 0px;
	border-bottom: 1px solid #000000;
}
#vright
{
	position: absolute;
	top: 176px;
	right: 0px;
	width: 180px;
	padding: 0px;
	background-color: #6fc0f5;
}
.vbox
{
	float: left;
	margin-left: 30px;
	text-align: justify;
	width: 700px;
}
.vbox img {
	display: block;
}
#rtcol
{
	text-align: justify;
	padding: 0;
	background-color: #6fc0f5;
}

.gensbox {
	float: left;
	background-color: #ffffff;
	border: 0px;
	margin: 0px 10px 15px 10px;
	width: 210px;
}
.rndTtop {
	background:url(./cornerTTR.gif) no-repeat;
	background-position: right top;
}
.rndtop {
	background:url(./cornerTR.gif) no-repeat;
	background-position: right top;
}
.rndbot {
	background:url(./cornerBR.gif) no-repeat;
	background-position: right bottom;}
	
h5 { text-align: center; }
/* footer */
div#footer {
	clear: both;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 973px;
	color: #fff;
	background-color: #380d11;
}
#license {
  float: right;
  margin-right: 15px;
  width: 103px;
}
div#footer p {
  clear: left;
  display: inline;
	text-align: left;
}
div#footer h6 {clear: both; font-size: 50%;}

/*Photo Album Background*/
div#famcontent {
	position: relative;
	width: 973px;
	margin: 10px auto;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: none;
	background-color: #7bc9f5;
	background-image: url(./fambackgrnd.gif);
	background-repeat: no-repeat;
}
@media (max-width: 400px) {div#content {width:250px;}}