@import 'reset.css';

body{font: 12px/16px Helvetica, Arial, sans-serif; color: #666; background-color: #f7f7f7; 
	background-image: url('/images/nav/bg.gif'); line-height:1.7em;}
.container{width: 980px; margin: 0 auto; padding:0 10px; background-image: url('/images/nav/shadow.png'); background-repeat:no-repeat;}

.logoMobile, .logoPrint, .footerPrint{display:none}

a, a:active{color: #3366cc; text-decoration:none;}
a:visited{color: #3366cc; text-decoration:none;}
a:hover{color: #666; text-decoration:underline;}

h1{margin-bottom:15px; color: #333; font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height:1.3em;}
h2{margin-bottom:8px; color: #666; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}
h2 a, a:active{color: #666; text-decoration:none;}
h2 a:visited{color: #666; text-decoration:none;}
h2 a:hover{color: #3366cc; text-decoration:underline;}
h3{margin: 10px 0; color:#0066CC; font-size:17px; line-height: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;}
h4{font-weight: bold;}
h5{font-weight: bold; font-size:15px; margin: 0 0 15px 0px; padding-left: 0;}

strong{font-weight:bold;}
b{font-weight:bold;}
em, i{font-style:italic}

.header{width: 100%; height: 118px; background: #fff;}
.header ul {list-style: none;}
.logo{float: left; padding:21px 0 21px 25px;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.floatRight{ float:right; text-align:right;}
.imageRight{ float:right; padding:0 0 25px 25px;}
.imageLeft{ float:left; padding:0 10px 5px 0;}

.featuredClientBox{float:left; width:210px; height:180px; text-align:center; padding:0 20px 20px 0;}

.menu{float: right; margin: 11px 5px 0 0;}
.menu li{float: left; padding:0 10px 2px 10px; line-height: 10px; border-right: 1px solid #ccc;}
.menu li.last{border-right: none;}
.menu li a{color: #666666; text-decoration: none; font-size: 10px; text-transform:uppercase;}
.menu li a:hover{text-decoration: underline;}

/*-------  main menu  --------*/
.mainNav{clear: left; width:100%; height: 25px; background-image:url('/images/nav/menu_bg.gif'); background-repeat: repeat-x;}
.mainNav li{float: left; height: 25px; padding: 0px 15px 0 13px; text-align:center;	line-height: 25px;}
.mainNav li.active{color: #3366cc;}
.mainNav li.active a{color: #3366cc;}
.mainNav li a{height: 25px; color: #666; font-size: 12px; text-decoration: none;}
.mainNav li a:hover{color: #3366cc;}
.mainNav li a:visited{color: #666;}
.mainNav li.active a:visited{color: #3366cc;}

.search{float:right; display:block; padding:0px;}
.search .inputText {width:100px; height:11px; font-size:11px; padding:2px; margin:0; color:#666; border:solid 1px #bfbfbf; 
	border-collapse: separate; line-height:1em; background-color:Transparent;}
.search input[type=image] {width:57px; height:17px; padding:0; margin:0;}
.search table {border-collapse: inherit; border-spacing: 0;}
.search td { vertical-align:middle; padding:1px 5px 0 0;}


/*-------   Content  --------*/
.content{clear:both; width: 100%; overflow: hidden; background-color:#fff; padding:0 0 25px 0;}
.content th{ background-color:#ccc; color:#000; font-weight:bold; padding:2px 5px;}
.content td{ background-color:#fff; padding:2px 5px;}
.content td.row1{ background-color:#fff;}
.content td.row2{ background-color:#f0f0f0;}

.bullet{background-image:url('/images/nav/bullet2.gif'); background-repeat:no-repeat; background-position:left center;
	padding:6px 0 6px 10px; line-height:1.2em; font-size:11px; margin-top:10px;}
.innerFade{margin:0; border:solid 3px #fff; padding:9px 12px 5px 12px; background-image:url('/images/nav/3c_bg.gif'); 
	background-position:left top; background-repeat:repeat-x;}
div.clear{clear: both; width:0px; height: 0px; overflow: hidden;}

.leftColumnBody{width:494px; float:left; margin:0;}
.rightColumnBody{width:180px; float:right; margin:0; border-left:dotted 1px #ccc; padding:0 0 25px 25px; margin:0 0 25px 25px;}


.oneColumn{width:100%; float:left; margin:0 20px 20px 0; border:solid 1px #dddddd; padding:0px;}
.oneColumn ul{margin:0 1em;}
.oneColumn ol{margin:0 1em;}
.oneColumn li{margin:0 1em;}
	
.leftColumn{width:180px; float:left; padding:15px 0 0 25px;}
.rightColumn{width:725px; min-height:420px; float:right; padding:15px 25px 0 0;}
.rightColumn p,
.leftColumnGenealogy p,
.rightColumnGenealogy p{margin:1em 0;}
.rightColumn ul,
.leftColumnGenealogy ul,
.rightColumnGenealogy ul{margin:1em;}
.rightColumn ol,
.leftColumnGenealogy ol,
.rightColumnGenealogy ol{margin:1em;}
.rightColumn li,
.leftColumnGenealogy li,
.rightColumnGenealogy li{margin:auto 1em;}

.fourColumnContainer{width:100%; float:right; margin:1em 0;}
.fourColumnContainer ul {list-style: none; margin:0;}
.fourColumnContainer li{margin:0;}
.fourColumn {width:350px; float:left; margin:0 20px 20px 0; border:solid 1px #dddddd; padding:0px;}
.fourColumn ul {list-style: none;}
.fourColumn li{line-height:1.2em; margin-bottom:8px; font-size:12px;}
.fourColumn h2{font-size: 16px;}
.fourColumn h2 a, a:active{color: #3366cc; text-decoration:none;}
.fourColumn h2 a:visited{color: #3366cc; text-decoration:none;}
.fourColumn h2 a:hover{color: #666; text-decoration:underline;}
.fourColumn .innerFade{min-height:310px;}


.threeColumnContainer{width:100%; float:right; margin:1em 0;}
.threeColumnContainer ul {list-style: none; margin:0;}
.threeColumnContainer li{margin:0;}
.threeColumn {width:226px; float:left; margin:0 20px 20px 0; border:solid 1px #dddddd; padding:0px;}
.threeColumn ul {list-style: none;}
.threeColumn li{line-height:1.2em; margin-bottom:8px; font-size:11px;}
.threeColumn h2{font-size: 16px;}
.threeColumn h2 a, a:active{color: #3366cc; text-decoration:none;}
.threeColumn h2 a:visited{color: #3366cc; text-decoration:none;}
.threeColumn h2 a:hover{color: #666; text-decoration:underline;}
.threeColumn .innerFade{height:310px;}

.twoColumnContainer{width:100%; float:right; margin:1em 0; font-size:12px;}
.twoColumnContainer ul {list-style: none; margin:0;}
.twoColumnContainer li{margin:0;}
.twoColumn {width:350px; float:left; margin:0 20px 20px 0; border:solid 1px #dddddd; padding:0px;}
.twoColumn ul {list-style: none;}
.twoColumn li{line-height:1.2em; margin-bottom:8px; }
.twoColumn h2{font-size: 16px;}
.twoColumn h2 a, a:active{color: #3366cc; text-decoration:none;}
.twoColumn h2 a:visited{color: #3366cc; text-decoration:none;}
.twoColumn h2 a:hover{color: #666; text-decoration:underline;}
.twoColumn .innerFade{background-image:url('/images/nav/2c_bg.gif'); background-position:left top;}
.twoColumn .innerFade.tall{min-height:310px; background-image:url('/images/nav/3c_bg.gif');}

.last{ margin-right:0;}


.featureContainer{padding:0 0 20px 20px; float:right; width:200px;}
.feature{width:100%; margin:0px; border:solid 1px #dddddd; padding:0px;}
.feature ul {list-style: none; margin:0; padding:0;}
.feature li{line-height:1.2em; margin:0 0 8px 0; padding:0; font-size:12px;}
.feature h2{font-size: 14px; color: #3366cc;}
.feature h2 a, a:active{color: #3366cc; text-decoration:none;}
.feature h2 a:visited{color: #3366cc; text-decoration:none;}
.feature h2 a:hover{color: #666; text-decoration:underline;}
.feature .innerFade{height:auto;}

.featureBlue{color:#fff; background-color:#003399; padding:15px; margin:25px 0 0 0; text-align:center;}
.featureBlue h2{font-size: 14px; color: #fff;}
.featureBlue a{color: #fff;}
.featureBlue p{margin-bottom:1em;}



.genealogyContainer{background-image:url("/images/pics/genealogyOnline_bg.jpg"); background-repeat:no-repeat; background-position:left top;
	width:980px;}
.leftColumnGenealogy{padding:250px 0 0 25px; width:605px; float:left;}
.rightColumnGenealogy{padding:25px 25px 0 0; width:300px; float:right;}
.bottomGenealogy{}
.awardNote{color:#fff; font-size:11px; line-height:1.2em; text-align:right; height:111px; width:130px; padding:0 0 70px 40px;}
.awardNote a{color: #fff;}
.genealogyFloatRight{width:250px; text-align:center; float:right; padding:5px 0 20px 20px;}

/*-------   Home  --------*/

.hero{margin:0; width:980px !important; height:263px !important; overflow:hidden;}
.leftColumnHome{width:190px; float:left; padding: 0 25px 0 25px;}
.leftColumnHome ul {list-style: none;}
.rightColumnHome{width:740px; float:right; margin:0;}
.rightColumnHome ul {list-style: none;}

.threeColumnHomeContainer{padding:0 20px 20px 0; width:201px; float:left;}
.threeColumnHome{width:100%; margin:0px; border:solid 1px #dddddd; padding:0px;}
.threeColumnHome li{line-height:1.2em; margin-bottom:8px; font-size:11px;}
.threeColumnHome h2{font-size: 14px;}
.threeColumnHome h2 a, a:active{color: #3366cc; text-decoration:none;}
.threeColumnHome h2 a:visited{color: #3366cc; text-decoration:none;}
.threeColumnHome h2 a:hover{color: #666; text-decoration:underline;}
.threeColumnHome .innerFade{height:180px;}

.fourColumnHomeContainer{padding:0 20px 20px 0; margin:0;}
td.fourColumnHome{width:25%; border:solid 1px #dddddd; border-right:none; padding:0px !important; margin:0 !important; 
	background-image:url('/images/nav/3c_bg.gif'); background-position:left top; background-repeat:repeat-x;}
.fourColumnHome.last{border-right:solid 1px #dddddd;}
.fourColumnHome li{line-height:1.2em; margin-bottom:8px; font-size:11px;}
.fourColumnHome li.last{margin-bottom:0px;}
.fourColumnHome h2{font-size: 12px;}
.fourColumnHome h2 a, a:active{color: #3366cc; text-decoration:none;}
.fourColumnHome h2 a:visited{color: #3366cc; text-decoration:none;}
.fourColumnHome h2 a:hover{color: #666; text-decoration:underline;}
.fourColumnHome .whiteBorder{padding:10px; border:solid 3px #fff; min-height:200px;}


.oneColumnHome{width:720px; float:left; margin:0px; border:solid 1px #dddddd; padding:0px;}
.oneColumnHome h3{font-size: 14px; margin:0 0 8px 0;}
.oneColumnHome p{margin-bottom:5px;}


.newsHome{ line-height:1.2em;}
.newsHome ul li{border-top:solid 1px #ddd; font-size:11px; padding:8px 0;}
.newsHome ul li.votecal{border-top:solid 1px #ddd; font-size:13px; padding:8px 0 8px 60px; background-image:url("/images/pics/VoteCalLogo_sm.gif"); background-repeat:no-repeat; background-position:left center;}
.newsHome ul li.familyTree{border-top:solid 1px #ddd;  padding:8px 0 8px 60px; background-image:url("/images/pics/familyTreeLogo_sm.gif"); background-repeat:no-repeat; background-position:left center;}

/*-------  Nav  --------*/	

.leftNav{ line-height:1.2em;}
.leftNav h2{ text-transform:uppercase; font-size:11px; font-weight:bold;}

.leftNav ul{border-bottom:solid 1px #ddd; padding:0;}
.leftNav ul li{border-top:solid 1px #ddd; font-size:11px; padding:8px 0; list-style: none;}
.leftNav ul ul{border:none; padding:8px 0 0 0;}
.leftNav ul ul li{border:none; margin:0; padding:0 0 5px 8px;}
.leftNav ul ul ul{border:none; padding:8px 0 0 0;}
.leftNav ul ul ul li{border:none; margin:0 0 0 20px; padding:0 0 5px 0; list-style-type:disc;}

.leftNav li.last{padding-bottom:0;}

.leftNav li.active a{color:#cc0000;}
.leftNav li.active a:visited{color: #cc0000;}
.leftNav li a.active{color:#cc0000;}
.leftNav li a:visited.active{color: #cc0000;}

.leftNav li.active li a{color:#3366CC;}
.leftNav li.active li a:visited{color: #3366CC;}
.leftNav li a.active li{color:#3366CC;}
.leftNav li a:visited.active li{color:#3366CC;}


.leftNav .normal a{color:#3366cc;}
.leftNav .normal a:visited{color: #3366cc;}
.leftNav a.normal{color:#3366cc;}
.leftNav a:normal.active{color: #3366cc;}


.breadcrumb{ padding-bottom:1em; font-size: 10px;}
.breadcrumb p{margin:0; padding:0;}


/*-------  Hero  --------*/	

.heroScroller {width:980px; margin:0; padding:0;}
.heroScroller-menu { display:none;}
.heroScroller-buttons{position:relative; z-index: 102; padding: 0px; left: 900px; top: -31px; width: 59px; height: 21px;}

.heroScroller a {text-decoration:none;}
.heroScroller a:hover {text-decoration:none;}
.heroScroller a:active, .heroScroller a:focus {outline: none;}

.hScroller {width: 980px; height: 263px; overflow: hidden; margin:0px;}

.ico {padding:0; margin:0;}
.ico-prev {width: 23px; height: 19px; background-image: url('/images/hero/paginate-prev2.gif'); background-repeat:no-repeat;}
.ico-next {width: 24px; height: 19px; background-image: url('/images/hero/paginate-next2.gif'); background-repeat:no-repeat;}

.left { float: left; }
.right { float: right; }

#content-1 {width: 10000px;}
.hSlide {width: 980px; height: 263px; float: left; background-color: #FFF; padding:0; margin:0;}



/*-------  Featured Project  --------*/	

.projectScroller {width:722px; margin:0; padding:0;}
.projectScroller-menu { display:none;}
.projectScroller-buttons{position:relative; z-index: 102; padding: 0px; left: 650px; top: -31px; width: 59px; height: 21px;}

.projectScroller a {text-decoration:none;}
.projectScroller a:hover {text-decoration:none;}
.projectScroller a:active, .projectScroller a:focus {outline: none;}

.pScroller {width: 722px; height: 197px; overflow: hidden; margin:0px;}

#content-2 {width: 10000px;}
.pSlide {width: 722px; height: 197px; float: left; background-color: #FFF; padding:0; margin:0;}








/*-------   Home Page Promo Object  --------*/

.slideShowContainer{padding:0px; width:727px !important; height:200px !important; overflow:hidden !important;}
.slideShow ul, 
.slideShow li {list-style-type: none; margin:0px; padding:0px; width:727px; height:200px;}
.slideShow {padding: 0px; display: table; clear: both; margin:0; width:727px; height:200px;}

.slideShow .navigationOuter{display:none;}
/*
.slideShow .navigationOuter{display:none; position:relative; top:-219px; left:0px; width:727px; height:auto; text-align:right;}
.slideShow .navigationOuter ul.navigation{float:right; display: block; padding:0; margin:0;}
.slideShow .navigationOuter ul.navigation li{float:left; text-align:center; margin:0; padding:0; height:25px;}
.slideShow .navigationOuter ul.navigation a
	{margin:0; padding:4px 8px 4px 8px; width:5px; height:19px; color: #666666; display: inline-block; text-decoration: none; 
	background-image:url("images/nav/pagerBG.png"); background-repeat:repeat-x; font-size:13px;}
.slideShow .navigationOuter ul.navigation li.pl a{background-image:url("images/nav/pagerLeft.png"); background-position:left top;}
.slideShow .navigationOuter ul.navigation li.pr a{background-image:url("images/nav/pagerRight.png"); background-position:right top;}
.slideShow .navigationOuter .navigation a:hover, 
.slideShow .navigationOuter .navigation a.selected
	{color: #666666; font-weight:bold; background-image:url("images/nav/pagerActive.png"); background-repeat:no-repeat;}
*/

/** slides with more than an image in it **/
ul.slides li img {}
ul.slides li h1 {position: absolute; background-color: #ffffff; left: 0px; top: 0px;}

/** slides with text over images **/
ul.slides li p {margin: 1em; position: absolute; background-color: #000; color: #fff; z-index: 1000; padding: 0.2em 0.8em;}
ul.slides li p a {color: #fff;}

/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {background-color: #ffffff;}
.navigation.white a {border: 1px solid #ffffff; padding: 0px; line-height: 0.8em;}
.navigation.white a:hover, .navigation.white a.selected {background-color: #ffffff; border: 1px solid #999;}





/*-------   Home Page Carousel Object  --------*/

.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item {float: left; list-style: none; width: 85px; height: 75px;}

.jcarousel-next {z-index: 3; display: none; }
.jcarousel-prev {z-index: 3; display: none;}



.jcarousel-norotate{margin-bottom:0;}
ul.jcarousel-norotate {list-style:none; padding:0; margin:0; width: 686px;}
ul.jcarousel-norotate li{float:left; list-style:none; width:118px; height:150px; padding:0; margin:0; text-align:center;}



.jcarousel-skin-promo .jcarousel-container {margin:0; width:980px; height:263px;}
.jcarousel-skin-promo .jcarousel-container-horizontal{width:980px; height:263px; padding:0;}
.jcarousel-skin-promo .jcarousel-clip-horizontal {width:980px; height:263px;}
.jcarousel-skin-promo .jcarousel-item {width:980px; height:263px; padding:0; margin:0; text-align:center;}
.jcarousel-skin-promo .jcarousel-item-horizontal{}

.jcarousel-skin-promo .jcarousel-item-placeholder{background:#fff; color:#000;}


.jcarousel-skin-promo .jcarousel-next-horizontal {position:absolute; top:230px; right:15px; width:24px; height:19px; cursor: pointer;
	background-image:url("/images/hero/paginate-next2.gif"); background-position:0 0; background-repeat:no-repeat;}
	
.jcarousel-skin-promo .jcarousel-next-horizontal:hover {background-position: 0 0;}
.jcarousel-skin-promo .jcarousel-next-horizontal:active {background-position: 0 0;}
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal,
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-promo .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-96px 0;}

.jcarousel-skin-promo .jcarousel-prev-horizontal {position: absolute; top:230px; right:39px; width:23px; height:19px; cursor: pointer;
	background-image:url("/images/hero/paginate-prev2.gif"); background-position:0 0; background-repeat:no-repeat;}
	
.jcarousel-skin-promo .jcarousel-prev-horizontal:hover {background-position: 0 0;}
.jcarousel-skin-promo .jcarousel-prev-horizontal:active {background-position: 0 0;}
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-promo .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-96px 0;}


.jcarousel-skin-promo .jcarousel-container img {padding:0px;}
















/*-------  print/email links  --------*/
.share{margin: 20px 25px 0 25px; text-align:right;  text-transform:uppercase; font-size: 10px;}
a.print, a.email{height: 11px; padding-left: 17px; color:#666666;}
a.print{background-image: url('/images/nav/print.gif'); background-position: left center; background-repeat: no-repeat;}
a.email{margin-left: 20px; background-image: url('/images/nav/email.gif'); background-position: 0px 2px; background-repeat: no-repeat;}
a:visited.print, a:visited.email{color: #666666;}

/*-------   Footer  --------*/

.footer{padding: 20px 10px 30px 10px; margin: 0 auto; color: #666666; font-size: 10px; text-transform:uppercase; border-top:solid 1px #e8e8e8;
	background-image:url('/images/nav/logo_footer.gif'); background-repeat:no-repeat; background-position:20px 20px; background-color:#fff;}

.copyright ul {list-style: none;}
.copyright{float: left; padding:0 0 0 80px;}
.copyright li{float: left; padding:0 10px 2px 10px; line-height: 10px; border-right: 1px solid #ccc;}
.copyright li.last{border-right: none;}
.copyright li a{color: #666666; text-decoration: none; }
.copyright li a:hover{text-decoration: underline;}
.copyright li a:visited{color: #666666;}