@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;}

.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;}

.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:#f0f0f0; color:#666; 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 bottom; 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{margin:1em 0;}
.rightColumn ul{margin:1em;}
.rightColumn ol{margin:1em;}
.rightColumn li{margin:auto 1em;}

.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;}
.last{ margin-right:0;}
.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;}
.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;}
.last{ margin-right:0;}
.twoColumn ul {list-style: none;}
.twoColumn li{line-height:1.2em; margin-bottom:8px; font-size:11px;}
.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{}


.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:11px;}
.feature h2{font-size: 14px;}
.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;}


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

.hero{margin:0;}
.leftColumnHome{width:259px; float:left; padding: 0 25px 0 25px;}
.leftColumnHome ul {list-style: none;}
.rightColumnHome{width:671px; 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;}

.oneColumnHome{width:646px; float:left; margin:0px; border:solid 1px #dddddd; padding:0px;}
.oneColumnHome h3{font-size: 14px; margin-bottom:8px;}
.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 li{border-top:solid 1px #ddd; font-size:11px; padding:8px 0; list-style: none;}
.leftNav ul{border-bottom:solid 1px #ddd;}
ul li.subNav{border:none; margin:0; padding:0 0 5px 5px;}
ul li.subNavLast{border:none; margin:0; padding:0 0 8px 5px;}

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

.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  --------*/	

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

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

.scroller {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;}
.slide {width: 980px; height: 263px; float: left; background-color: #FFF; padding:0; margin:0;}




/*-------  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;}