/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-height: 101%;
	background-color: #617b9e;
}

html {
	height: 100%;
}
h1 {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #56719E;
	padding: 10px 0;
	margin: 0;
}
h2 {
	font: bold 14px Georgia, "Times New Roman", Times, serif; 
	color: #56719E;
	padding: 7px 0;
	margin: 0;
}
h3 {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	background: none;
	color: #56719E;
	padding: 5px 0;
	margin: 0;
}
h4 {
	background: none;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #56719E; 
	padding: 0;
	margin: 0;
}
h3 a {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	background: none;
	color: #56719E;
	text-decoration:none;
}
h3 a:hover {
	background: none;
	color: #18A7C7;
}
h4 a {
	background: none;
	color: #56719E;
	text-decoration:none;
}
h4 a:hover {
	background: none;
	color: #18A7C7;
}
p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 7px 0;
	margin: 0;
}
a {
	color: #464797;
	text-decoration: none;
}
a:hover {
	color:#18A7C7;
}
li {
	font: normal 12px/20px Georgia, "Times New Roman", Times, serif;
	padding: 0;
}
.borderwhite {
	background: url(gfx/hompg_dottedborder.gif) repeat-y;
	border-top: 20px solid #FFFFFF;
}
#contactus {
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:7px 3px 7px 0;
}
#contactus a {
	background: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}
#contactus a:hover {
	text-decoration:underline;
}
.dateheader {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #F7F7F7;
	text-align: center;
}
.date {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #F7F7F7;
	text-align: center;
}
/*----------------Forms CSS---------------------*/
.formfields {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0 0 10px 0;
	padding: 0;
}
.formfields select {
	margin: 0 7px 10px 0;
}
.formfields input {
	width: 250px;
	margin: 0 0 10px 0;
}

.formfields .radio {
	width: auto;
	margin: 0px;
}
.formfields #submit {
	width:auto;
}
.formfields textarea {
	width: 530px;
	padding: 0;
	margin: 0;
}
.formfields h2 {
	font: bold 13px Georgia, "Times New Roman", Times, serif; 
	color: #56719E;
	padding: 0;
	margin: 7px 0;
}
.formfields h3 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #56719E;
	padding: 0;
	margin: 7px 0;
}
.formfieldsnote {
	font-size: 11px;
	padding: 0;
	margin: 0;
}
#browsebtn{
	margin: 5px 0;
	padding: 0;
}
.loginformfields {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	width: 120px;
	height:20px;
	margin: 5px 0;
}
.questionfields {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	width: 300px;
	height:20px;
	margin: 5px 0;
}
.star {
	font-size: 10px;
	color:#AA83ED;
}
/*------------------------------------------Homepage starts here------------------------------------------*/
.flashhero {
	padding: 0;
	margin: 0;
}
.login {
	background-image:  url(gfx/login_header_backgrd.gif);
	background-repeat:no-repeat;
	background-color: #6c83ab;
	margin:0;
	padding: 5px 0 10px 15px;
}
.login h2{
	color: #FFFFFF;
	padding: 0 0 5px 0;
	margin: -0px;
}
.login a {
	font-size:11px;
	background-image: none;
	color: #FFFFFF;
	text-decoration:none;
}
.login a:hover {
	color:#CCCCCC;
}
.login p {
	color:#FFFFFF;
	padding: 5px 0;
	margin: 0;
}
.autologin p {
	font-size: 9px;
}
.autologin input {
	padding: 0;
	margin: 0 4px 0 0;
}
.content {
	background-image: url(gfx/leftcolhomepg_shadow.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.vertshadow {
	background-image: url(gfx/leftcolhomepg_shadow.gif);
	background-repeat:repeat-y;
	background-position:left;
}
.leftcolhomepg {
	padding: 20px 10px;
	margin:0;
}
.rightcolhomepg {
	padding: 20px 10px;
	margin:0;
}
/*----------------------News section page starts here------------------------*/
.itemdivider {
	background-image: url(gfx/news_dottedline.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 1px;
	margin: 5px 0;
}
.latestnews {
	padding: 0;
	margin: 0;
}
.latestnews h2 {
	background: #ECEFF3;
	color: #56719E;
	padding: 5px;
	margin: 0 0 10px 0;
}
.newsarchivelink  {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background: url(gfx/arrow_blue.gif) no-repeat right top;
	padding: 0 13px 0 0;
	margin: 0;
	color: #464797;
	text-decoration: none;
}

.newsarchivelinkleft  {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background: url(gfx/arrow_blue_left.gif) no-repeat left top;
	padding: 0 0 0 13px;
	margin: 0;
	color: #464797;
	text-decoration: none;
}


.newsarchivelinkfam {
	float: left;
	width: 253px;
	padding: 10px;
}

.newsarchivelinkfam  a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background: url(gfx/arrow_blue.gif) no-repeat right top;
	padding: 0 13px 0 0;
	margin: 0;
	color: #464797;
	text-decoration: none;
}

.newsarchivelinkfam  a:hover {
	color: #18A7C7;
}
.date {
	font-size:9px;
	color: #56719E;
}
.latestnewsthumb {
	float:left;
	margin: 9px 10px 5px 0;
}
/*----------------------Hui section page starts here------------------------*/
.hui h2 {
	color: #56719E;
	border: 1px solid #D6DAE8;
	padding: 5px;
	margin: 0;
}
.topicbackgrd {
	background:#DBDfec;
	padding: 7px;
}
.selectgallery {
	background: url(gfx/arrow_grey.gif) no-repeat right center;
	background-color: #F1F1F1;
	padding: 5px 20px 5px 5px;
}
.selectgallery a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background-image: none;
	color: #464797;
}
.selectgallery a:hover {
	color: #18A7C7;
}
/*----------------------------------Sub Level Navigation CSS starts here------------------------------------------*/
#secondarynav  {
	margin: 0 0 15px 0;
}
#secondarynav td {
	background: #8397BE url(gfx/subnav_backgrd.gif) no-repeat top;
	margin: 20px 0 0 0;
	padding: 0;
}
.subnavshadow {
	background-image:  url(gfx/subnav_shadow_bttm.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding: 0 0 5px 0;
}
#secondarynav .title{
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding: 10px 0 7px 15px;
}
#secondarynav a {
	background-image: none;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}
#secondarynav a:hover {
	background: #5F79A4;
	color: #B5E0F3;
}
/*----------------------------------Sub Level Navigation CSS ends here------------------------------------------*/
.content-bg {
	background: #FFFFFF url(gfx/subpg_backgrd_content_rpt.gif) repeat-y left top;
	}

.stdcontent {
	margin: 20px 20px 0 20px;
}
.stdcontent h1 {
	background: #ECEFF3;
	color: #56719E;
	padding: 5px;
	margin: 0 0 5px 0;
}
.stdcontent h2 {
	color: #56719E;
	padding: 0;
	margin: 7px 0;
}
.stdcontent h3 {
	color: #56719E;
	padding: 0;
	margin: 7px 0;
}
.stdcontent h4 {
	color: #56719E;
	padding: 0;
	margin: 7px 0;
}
.backtotop {
	position:relative;
	left:380px;
}
/*----------------------Photo Gallery page starts here------------------------------*/
.photocaption {
	width: 178px;
	color: #56719E;
	border: 1px solid #D6DAE8;
	padding: 5px;
	margin: 5px 0 20px 0;
}
.enlrgephoto img {
	margin: 10px 0;
}
.nextandprev {
	margin: 30px 0 30px 0;
}
.nextandprev a {
	color: #AD9C3D;
	text-decoration: none;
}
.nextandprev a:hover {
	color: #000000;
}
/*-----------------------family homepage---------------------------*/
.familieslist {
	margin: 10px 0;
	background: #F9FAFE;
}
.familieslist div {
	padding: 10px;
	background: #F9FAFE;
}
/*-----------------family profile page-------------------*/
.familyprofile {
	margin: 10px 0 20px 0;
}
.familyprofile img {
	margin: 7px 10px 0 0;
}
.familypropglinks {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background-color: #BAC6D9;
	padding: 10px 0 10px 10px;
}
.familypropglinks a {
	margin: 0 10px 0 0;
}
/*----------------------------Family tree------------------*/ 
.familytree {
	background-image: url(gfx/famtree_tree.gif);
	background-repeat:no-repeat;
	background-position: top;
	position:relative;
	width: 633px;
	height: 200px;
	padding: 0;
}
.familyname1 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 123px;
	left: 0px;*/
	top: 110px;
	left: 0px;
	text-decoration:underline;
	text-align:center;
}
.familyname2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 145px;
	left: 43px;*/
	top: 142px;
	left: 33px;
	text-decoration:underline;
	text-align:center;
}
.familyname3 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 126px;
	left: 87px;*/
	top: 126px;
	left: 87px;
	text-decoration:underline;
	text-align:center;
}
.familyname4 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 150px;
	left: 118px;*/
	top: 157px;
	left: 118px;
	text-decoration:underline;
	text-align:center;
}
.familyname5 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 140px;
	left: 210px;*/
	top: 135px;
	left: 210px;
	text-decoration:underline;
	text-align:center;
}
.familyname6 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 128px;
	left: 287px;*/
	top: 120px;
	left: 280px;
	text-decoration:underline;
	text-align:center;
}
.familyname7 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 150px;
	left: 320px;*/
	top: 150px;
	left: 320px;
	text-decoration:underline;
	text-align:center;
}
.familyname8 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 138px;
	left: 380px;*/
	top: 135px;
	left: 380px;
	text-decoration:underline;
	text-align:center;
}
.familyname9 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 125px;
	left: 425px;*/
	top: 120px;
	left: 412px;
	text-decoration:underline;
	text-align:center;
}
.familyname10 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 140px;
	left: 500px;*/
	top: 140px;
	left: 500px;
	text-decoration:underline;
	text-align:center;
}
.familyname11 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 122px;
	left: 533px;*/
	top: 100px;
	left: 550px;
	text-decoration:underline;
	text-align:center;
}
.familyname12 {
	font:bold 12px Arial, Helvetica, sans-serif;
	position:absolute;
	/*top: 135px;
	left: 595px;*/
	top: 135px;
	left: 625px;
	text-decoration:underline;
	text-align:center;
}
.familymembername {
	padding: 10px 10px;
}
.familymembername p  {
	font-size: 10px;
}

.dateofbirth {
	color: #999999;
	float:right;
	margin-top: -20px;
}
.widecontent .newsarchivelink {
	float: right;
	margin: -15px 0;
}
/*--------------------------------Photo Gallery Submit a Photo page starts here------------------*/
.radioboxes{
	padding: 0 0;
	margin: 0 0;
	width: 100px;
	height: 20px;
}
/*----------------------------audio page starts here--------------------------------*/
.audioclipitem {
	padding:7px 7px;
}
/*----------------------------Hui page starts here-----------------------------------------*/
.topicitem {
	padding:10px 10px;
}
.topicitemcomment {
	background: #DEF5F4;
	border: 10px solid #DEF5F4;
	padding:10px 10px;
}
/*--------------------------------Whakapapa page starts here------------------------------------*/
.widecontent {
	margin: 10px 15px;
}
.widecontent h1 {
	background: #ECEFF3;
	color: #56719E;
	padding: 5px;
	margin: 0 0 10px 0;
}
.widecontent h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}
.widecontent .familytree a {
	padding: 0px 13px 0 0;
	margin: 0px;
	font: bold 10px Georgia, "Times New Roman", Times, serif;
	color: #464797;
	text-decoration: none;
}
.widecontent .familytree a:hover {
	color:#000;
}
.widecontent p{
	/*color:#000000;
	padding: 0;
	margin: 0;*/
}
.famtreelist {
	margin: 10px 0 0 20px;
}
.famtreelist ul {
	list-style: none;
	margin:10px 0;
	padding: 0 0 0 20px;
}
.famtreelist li {
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}
.famtreelist em {
	font-size:11px;
	color: #000;
}
.famtreelist a {
	font: bold 12px Georgia, "Times New Roman", Times, serif; 
}