@charset "UTF-8";
/*
    CSS DIRECTORY
        __RESET
        __GLOBAL
        __BODY
        __SPLASHPAGE
        __HEADER
        __MARKET
        __MAIN
        __FOOTER
        __DIGISHOP
        __BLOG

    COLORS
        #000000 -- black

/*__RESET
==========================================================*/
    body {
    	margin: 0px;
    	padding: 0px;
    	color: #000000;
    	font-size: 0.626em; }
    body div, ul, ol, li, table, img, form, object {
    	margin: 0px;
    	padding: 0px; }
    body img {
    	border: none; }
    .display_none {
    	display: none; }
    .clear_div {
    	display: none;
    	height: 0px;
    	width: 0px; }
    body:last-child .clear_div {
    	display: block;
    	clear: both; }
    object:focus, a:focus{
    	outline:none; }
    a img {border:0}




/*__GLOBAL
==========================================================*/
    body {
        font: 14px/18px Tahoma,Geneva,sans-serif ;}

    a {
	   color: #456b9d;	}
    a:hover {
       color: #555; }

    h1, h2, h3, h4, h5, h6{
        color: #456b9d !important;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-weight: bold;
        margin: 0;
        padding: 0 0 1em 0;}
    h1 {
        font-size: 24px;
    	line-height:28px;
        padding: 0; }
    h2 { font-size: 22px;
            line-height: 24px; }
    h3 { font-size: 18px; }

    p{
        padding: 0;
        margin: 0 0 1em 0; }
    ol, ul{
        margin: 0 0 1em 0;}
    li ul{ margin: 0; padding: 10px 0 0 0; }
    li {
        list-style-image: url(images/blue-bullet.png);
        margin-left: 40px; }
    li li { list-style-image: url(images/blue-bullet-l2.png) !important; }
    li li li { list-style-image: url(images/blue-bullet-l3.png) !important; }
    .clearme {
        clear: both;
        display: block;
        height: 1px;}
    .hField{ display: none; }  /* used for anti-spam form stuff */
    img.alignleft {
        float:left;
        margin:0px 10px 5px 0px;}
    img.alignright {
        float:right;
        margin:0px 0px 5px 10px;}
    .center{ text-align: center; }





/*__BODY
==========================================================*/
    body {
        background: url(images/body-bg.jpg) top center fixed;
        margin:0 auto;
        width: 990px;}




/*__SPLASHPAGE
==========================================================*/
    body#splash{
        background: url(images/body-splash-bg.jpg) top center fixed;
        color: #456b9d;
        text-align: center;}
    body#splash a{
        color: #456b9d;
        text-decoration: none; }
    body#splash a:hover{ color: #EEE; }
    div#splashbox{
        background: url(images/splashbox-bg.jpg);
        margin: 0 auto 20px auto;
        position: relative;
        width: 640px;}
    div#splashshow{
        height: 207px;
        overflow: hidden;
        position: absolute;
        right: 59px;
        top: 43px;
        width: 155px;}
    div#splashshow div{
        left: 0;
        opacity: 0.0;
        position: absolute;
        top: 0;
        z-index: 8; }
    div#splashshow div.active{
        z-index: 10; }
    div#splashshow div.last-active{ z-index: 9; }
    div#splashbox form{ padding: 20px 0; }
    div#splashbox form table{ margin: 0 auto; }
    #inf_field_Email,
    #inf_field_PostalCode{
        height: 20px;
        padding: 5px; }






/*__HEADER
==========================================================*/
    div#header{
		height: 103px;
        position: relative;}
    #logo{
        background: url(images/logo.png);
        display: block;
        float: left;
        height: 100px;
        left: -30px;
        position: absolute;
        width: 277px;}
    div#nav{
        color: #92b6d0;
        font-size: 1.15em;
        position: absolute;
        right: -12px;
        text-align: center;
        top: 35px;}
    #nav a{
        color: #92b6d0;
        text-decoration: none;
		padding:0px 12px 0px 8px;
		background:url(images/nav-bg.png) no-repeat top right;}
	 #nav a.last{
		background:none;
	 }
    #nav a:hover{ color: #dcf9f9; }





/*__MARKET
==========================================================*/
    div#slideshow{
        height: 362px;
        position: relative; }
    div#slideshow div{
        height: 362px;
        opacity: 0.0;
        overflow: hidden;
        position: absolute;
        width: 974px;
        z-index: 8; }
    div#slideshow div.active{
        z-index: 10; }
    div#slideshow div.last-active{ z-index: 9; }
    div#slideshow #ss_prev,
    div#slideshow #ss_next{
        background: url(images/slideshow-buttons.png);
        height: 39px;
        position: absolute;
        top: 161px;
        width: 35px;
        z-index: 20; }
    div#slideshow #ss_prev{ background-position: -35px 0; left: 0; }
    div#slideshow #ss_prev:hover{ background-position: 0 0; }
    div#slideshow #ss_next{ background-position: -35px -39px; right:0; }
    div#slideshow #ss_next:hover{ background-position: 0 -39px; }






/*__MAIN
==========================================================*/
    div#main{
        background: url(images/main-bg.png);
		clear: both;
        padding: 0 8px 0 8px; }
    div#main li{ padding-bottom: 10px; }
    #left{
        float: left;
        margin-left: 30px;
        padding-top: 25px;
        width: 617px; }
    #right{
        float: right;
        margin-right: 30px;
        padding-top: 25px;
        width: 267px; }
    .smalldivider{
        background: url(images/divider-small.png) center center no-repeat;
        height: 25px;
        width: 100%;}
    #sidesearchform{
        background: url(images/search-box.png) no-repeat;
        height: 31px;
        margin-bottom: 20px;
        width: 267px; }
    #sidesearchform #s{
        background: none;
        border: none;
        left: 5px;
        padding: 0 5px;
        position: relative;
        width: 225px; }

    /* make a difference */
    #makediff{
        background: url(images/make-a-diff-bg.png) no-repeat;
        height: 165px;
        padding: 40px 0 15px 17px;
        width: 600px;  }
    #makediff a{
        background: url(images/make-a-diff-ctas.png);
        display: block;
        float: left;
        height: 154px;
        width: 145px; }
    #makediff a#md-donate{ background-position: 0px 0; }
    #makediff a#md-volunteer{ background-position: -145px 0; }
    #makediff a#md-declare{ background-position: -290px 0; }
    #makediff a#md-incumbents{ background-position: -435px 0; }
    #sidediff a{
        background: url(images/make-a-diff-ctas.png);
        display: block;
        height: 154px;
        margin: 0 auto;
        width: 145px; }
    #sidediff a#md-donate{ background-position: 0px 0; }
    #sidediff a#md-volunteer{ background-position: -145px 0; }
    #sidediff a#md-declare{ background-position: -290px 0; }
    #sidediff a#md-incumbents{ background-position: -435px 0; }

    /* social icons */
    div#socialicons{
        height: 50px;
        margin: 0 auto;
        width: 260px; }
    div#socialicons a{
        background: url(images/social-icons.png);
        display: block;
        float: left;
        height: 42px;
        margin: 5px 5px 0 5px;
        width: 42px; }
    div#socialicons a#facebook{ background-position: 0 0 ;}
    div#socialicons a#twitter{ background-position: -42px 0;}
    div#socialicons a#rss{ background-position: -84px 0;}
    div#socialicons a#linkedin{ background-position: -126px 0;}
    div#socialicons a#youtube{ background-position: -168px 0;}

    /* youtube stuff */
    div.youitem{
        clear: both;
        margin: 10px 0; }
    div.youimg{
        float: left;
        margin-right: 8px; }
    div.youtitle{ margin-bottom: 5px; }
    div.youdesc{
        max-height: 144px;
        overflow: hidden; }
    div.youreadmore{ text-align: right; }
    div.youtitle,
    div.youdesc,
    div.youreadmore{
        float: right;
        width: 159px; }
	a.more {
	display:block;
	width:54px;
	height:24px;
	background:url(images/more-btn.jpg) top left;
	float:right;
	}
	a.more:hover {
	background-position:bottom left;
	}
	a.watch {
	display:block;
	width:54px;
	height:24px;
	background:url(images/watch-btn.jpg) top left;
	float:right;
	}
	a.watch:hover {
	background-position:bottom left;
	}

    /* contact form */
    #contact_form{  }
    #contact_form label,
    #contact_form select,
    #contact_form input{
        color: #000;
        display: block;
        margin: 0; }
    #contact_form input,
    #contact_form textarea{ width: 100%;}

    /* Misc */
    #support-table{
        margin: 0 auto;
        width: 500px; }
    #support-table th{ text-align: left; }
    #support-table tbody tr:hover{ background: #c0ffcd; }
    #support-table label {
        color: #000 !important;
        display: block;
        padding: 5px;  }
    #support-table input { margin: 0 !important; }
    .supportlist{
        margin: 0 auto;
        width: 500px; }
    .supportlist label{
        color: #000 !important;
        padding: 0 10px; }





/*__FOOTER
==========================================================*/
    div#footer{
        margin-bottom: 10px;
        padding: 40px 20px 0 20px; }
    #fleft{ float: left; }
    #fright{ float: right; }
    #disclaimer{
        border: 1px solid #456B9D;
        clear: both;
        color: #456B9D;
        font-size: 8pt;
        margin-top: 8px;
        padding: 2px;
        text-align: center; }



/*__BLOG (word press)
==========================================================*/
    .index .post{
        background: url(images/divider-big.png) bottom center no-repeat;
        margin-bottom: 20px;
        padding-bottom: 20px;  }
    .entry-content{ padding: 0!important; }
    .post{ clear: both; }
    .hentry{ margin: 0 0 20px 0 !important; }
    .newsdivider{ padding: 20px 0; }
    div.postimg{
        float: left;
        height: 209px;
        overflow: hidden;
        padding: 0 10px 10px 0;
        width: 280px; }
    div.posttitle a{ text-decoration: none; }
    div.posttitle{
        color: #456b9d;
		font:bold 20px/20px Palatino Linotype,serif;
		height: 40px;
		overflow: hidden;
        margin-bottom: 10px;
        text-transform:uppercase }
    div.postdata{
        height: 155px;
        overflow: hidden;}
    div.readmore{
        padding: 20px 0 0 5px;
        text-align: right; }
    .xoxo li{ list-style: none; }
    .xoxo li ul{ margin: 0;}
    .xoxo li li{ list-style: disc; }
    div.hasbanner{ padding: 0 20px; }