@charset "UTF-8";
/* CSS Document */


* {margin: 0px; padding: 0px} 

body {font-size: 62.5%; line-height: 1.5em; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; color: #ffffff; background:#161735}

a {outline: none}

#wrapper {width: 1004px; margin: 0 auto; position: relative;  padding: 0 0 100px 0}

li a {display: block; height: 100%; width: 100%; }

body.home #header {height: 471px}

#header {position: relative; width: 1004px; height: 167px ;z-index:100}

#header li {text-indent: -9999px; display: block; }

body.home #header .headerIMG {background:url(images/home_headerIMG.jpg) no-repeat; height: 326px; }
body.home #header .headerIMG h1 { height: 326px;}
#header .headerIMG {background:url(images/headerIMG.jpg) no-repeat; height: 21px; width: 758px; float: right}
#header .headerIMG h1 { height: 21px; width: 758px; text-indent: -9999px; display: block;}
#header .headerIMG h1 a {display: block; height: 100%; width: 100%;}
*html body.home #header .headerIMG h1 {height: 250px}
*html body #header .headerIMG h1 {height:10px}

#donate {background:url(images/donateBK.png) no-repeat; height: 131px; width: 134px;position: absolute;  bottom:-50px; right:-50px; z-index: 100; text-indent: -9999px}
*html body #donate {position: relative; float: right; bottom:0; top: -50px; right: 0px; background:url(images/donateBK.gif) no-repeat;}
#donate h3 {height: 131px; width: 134px; }
#donate h3 a {display: block; height: 100%; width: 100%;}

/* ----- platform navigation ----- */

body.home #header .navPlatform {left:0px !important}
#header .navPlatform {width:246px; position: relative; float: left;  z-index:100;}
#header .navPlatform ul li {display: block; width: 246px; height: 54px;text-indent: -9999px; list-style: none;}

#header .navPlatform li.platform {background:url(images/navPlatform_platformBKG.jpg) no-repeat; height: 114px !important}
#header .navPlatform li.platform h3 {margin: 0px; padding: 0px; height: auto;}

#header .navPlatform li.crime{background:url(images/navPlatform_crime.jpg) no-repeat;}
#header .navPlatform li.reform {background:url(images/navPlatform_reform.jpg) no-repeat;}
#header .navPlatform li.beautification {background:url(images/navPlatform_beautification.jpg) no-repeat;}
#header .navPlatform li.ethics {background:url(images/navPlatform_ethics.jpg) no-repeat;}
#header .navPlatform li.economy {background:url(images/navPlatform_economy.jpg) no-repeat; height: 72px}
#header .navPlatform li.race {background:url(images/navPlatform_race.jpg) no-repeat; height: 71px}
#header .navPlatform li.bottom {background:url(images/contentLeft.jpg) no-repeat; height: 341px; text-indent:0 }
body.home #header .navPlatform li.race {background:url(images/home_navPlatform_race.jpg) no-repeat; height: 71px}
body.home #header .navPlatform li.bottom {display: none;}

#header .navPlatform li.crime a:hover {background:url(images/navPlatform_crime_on.jpg) no-repeat;}
#header .navPlatform li.reform a:hover {background:url(images/navPlatform_reform_on.jpg) no-repeat;}
#header .navPlatform li.beautification a:hover {background:url(images/navPlatform_beautification_on.jpg) no-repeat;}
#header .navPlatform li.ethics a:hover {background:url(images/navPlatform_ethics_on.jpg) no-repeat;}
#header .navPlatform li.economy a:hover {background:url(images/navPlatform_economy_on.jpg) no-repeat; height: 72px}
#header .navPlatform li.race a:hover {background:url(images/navPlatform_race_on.jpg) no-repeat; height: 71px}
body.home #header .navPlatform li.race a:hover {background:url(images/home_navPlatform_race_on.jpg) no-repeat; height: 71px}

/* ----- social navigation ----- */

#header .navSocial { height: 61px; width: 758px; float: right; }
#header .navSocial li {float: left; height: 61px;}

body.home #header .navSocial li.left {background:url(images/home_navSocial_left.jpg) no-repeat; }
body.home #header .navSocial li.youTube {background:url(images/home_navSocial_youTube.jpg) no-repeat;}
body.home #header .navSocial li.twitter {background:url(images/home_navSocial_twitter.jpg) no-repeat;}
body.home #header .navSocial li.facebook {background:url(images/home_navSocial_facebook.jpg) no-repeat;}

#header .navSocial li.left {background:url(images/navSocial_left.jpg) no-repeat; width: 504px}
#header .navSocial li.youTube {background:url(images/navSocial_youTube.jpg) no-repeat; width:81px}
#header .navSocial li.twitter {background:url(images/navSocial_twitter.jpg) no-repeat; width: 87px}
#header .navSocial li.facebook {background:url(images/navSocial_facebook.jpg) no-repeat; width: 86px}

body.home #header .navSocial li.youTube a:hover {background:url(images/home_navSocial_youTube_on.jpg) no-repeat;}
body.home #header .navSocial li.twitter a:hover {background:url(images/home_navSocial_twitter_on.jpg) no-repeat;}
body.home #header .navSocial li.facebook a:hover {background:url(images/home_navSocial_facebook_on.jpg) no-repeat;}

#header .navSocial li.youTube a:hover {background:url(images/navSocial_youTube_on.jpg) no-repeat; width:81px}
#header .navSocial li.twitter a:hover {background:url(images/navSocial_twitter_on.jpg) no-repeat; width: 87px}
#header .navSocial li.facebook a:hover {background:url(images/navSocial_facebook_on.jpg) no-repeat; width: 86px}

/* ------ sub navigation ----- */

#header .navSub {height: 44px; width: 758px; float: right;}
#header .navSub li {float: left; height: 44px; }

body.home #header .navSub li.left {background:url(images/home_navSub_left.jpg) no-repeat;s}
#header .navSub li.left {background:url(images/navSub_left.jpg) no-repeat; width: 267px}
#header .navSub li.bio {background:url(images/navSub_bio.jpg) no-repeat; width: 120px}
#header .navSub li.record {background:url(images/navSub_record.jpg) no-repeat; width: 162px}
#header .navSub li.philosophy {background:url(images/navSub_philosophy.jpg) no-repeat; width: 209px}

body.home #header .navSub li.left a:hover {background:url(images/home_navSub_left_on.jpg) no-repeat;s}
#header .navSub li.left a:hover {background:url(images/navSub_left_on.jpg) no-repeat; width: 267px}
#header .navSub li.bio a:hover {background:url(images/navSub_bio_on.jpg) no-repeat; width: 120px}
#header .navSub li.record a:hover {background:url(images/navSub_record_on.jpg) no-repeat; width: 162px}
#header .navSub li.philosophy a:hover {background:url(images/navSub_philosophy_on.jpg) no-repeat; width: 209px}

/* ----- main navigation ----- */

#header .navMain {width: 758px; float: right; background:url(images/navMain_REPEAT.jpg) top repeat-x; }
#header .navMain li {float: left; height: 42px}

body.home #header .navMain li.events {background:url(images/home_navMain_events.jpg) no-repeat;}
#header .navMain li.events {background:url(images/navMain_events.jpg) no-repeat; width:102px}
#header .navMain li.news {background:url(images/navMain_news.jpg) no-repeat; width:72px}
#header .navMain li.getInvolved {background:url(images/navMain_getInvolved.jpg) no-repeat; width:130px}
#header .navMain li.endorsements {background:url(images/navMain_endorsements.jpg) no-repeat; width:137px}
#header .navMain li.contact {background:url(images/navMain_contact.jpg) no-repeat; width:97px}
#header .navMain li.connect {background:url(images/navMain_connect.jpg) no-repeat; width:200px}

body.home #header .navMain li.events a:hover {background:url(images/home_navMain_events_on.jpg) no-repeat;}
#header .navMain li.events a:hover {background:url(images/navMain_events_on.jpg) no-repeat; width:102px}
#header .navMain li.news a:hover {background:url(images/navMain_news_on.jpg) no-repeat; width:72px}
#header .navMain li.getInvolved a:hover {background:url(images/navMain_getInvolved_on.jpg) no-repeat; width:130px}
#header .navMain li.endorsements a:hover {background:url(images/navMain_endorsements_on.jpg) no-repeat; width:137px}
#header .navMain li.contact a:hover {background:url(images/navMain_contact_on.jpg) no-repeat; width:97px}
#header .navMain li.connect a:hover {background:url(images/navMain_connect_on.jpg) no-repeat; width:200px}

/* ----- content section ----- */

body.home #content {background:url(images/home_contentBKG.jpg) no-repeat top; width: 1004px; min-height: 400px;height: 400px; float: none; font-family: Georgia, "Times New Roman", Times, serif;}
#content {background:url(images/inside_contentBKG.jpg) no-repeat top; width: 758px; min-height: 698px; float: right; font-family: Georgia, "Times New Roman", Times, serif; right:0; z-index:10}

*html body.home #content {position: relative; top: -140px}
*html body #content {height: 698px; position: absolute;top:167px;}

body.home #content #contentMain h3 {padding: 35px 0 10px 97px; }

body.home #content #contentMain p {width:570px;padding: 4px 0 4px 97px; }

#content #contentMain {font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 90; margin:0px 0 0 0; }
#content #contentMain h3 { width:570px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.8em; padding: 35px 0 20px 40px; float: left; font-weight: normal;}
#content #contentMain h4 {width:570px;float: left; clear: left; padding: 35px 0 7px 55px; font-size: 2.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:100;  }
#content #contentMain h5 {width:570px;float: left; clear: left; padding: 5px 0 10px 55px; font-size: 2em }
#content #contentMain p { width:570px;font-size: 1.6em; padding: 4px 0 4px 55px; line-height: 1.6em; float: left; }
#content #contentMain ul { clear: left; margin: 15px 0 10px 55px; list-style: none }
#content #contentMain ul li {margin: 10px 0 0 20px; font-size: 1.7em; list-style-type:disc; line-height:1.2em;}
a {color: #ffffff; text-decoration: none; } 
a:hover {color:#D6D6D6}

.mediaBar {background:url(images/mediaMiddle.jpg) repeat-y; width:301px; float: right; position: relative;z-index: 0}
.mediaBar .top {background:url(images/mediaTop.jpg) no-repeat; height: 231px; width:301px; position: absolute; top:0; left: 0; z-index:0}
.mediaBar .bottom {background:url(images/mediaBottom.jpg) no-repeat; height: 46px; width:301px; position: relative; z-index: 10}
.mediaBar .content {z-index: 100; position: relative}
.mediaBar .content h3 {height: 85px; text-indent: -9999px}
.mediaBar .content p {float: none; width: auto;}

/* ----- footer section ----- */

#siteInfo {width: 758px; float: right; font-size: 1.2em}
.copy {float: left; color: #8A8EAC; text-align: center; width: 246px; margin: 15px 0 0 0}
.credits {float: right; width: 40%; position: absolute; bottom: 15px; right: 0; text-align: right}
.credits a {color: #5A5E7F; text-decoration: none}
.credits a:hover {color: #666B95}

/* state rep site link */

.repSite {float: right; color: #8A8EAC; text-align: center; width: 100%; width: 300px; position: relative; top: 50px; font-size: 1.3em}
.repSite a {color: #5A5E7F; text-decoration: none}
.repSite a:hover {color: #666B95}

/* pull divs */

.clearRight {clear: right; height:0px}

/* slogan */

#slogan {background:url(images/sloganBKG.gif) no-repeat; height:51px; width:700px; position: absolute; bottom: 15px;  z-index: 9999; text-indent: -9999px}


form#involved {width:400px; float:left; clear:left; margin:0 50px 0;  }
form#involved td {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6em;  }

table#connect {width:200px; float:left; clear:left; margin:0 auto;  }

table#basic {width:650px; float:left; clear:left; margin:0 0 0 55px;  }
table#basic td {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6em;  }
table#basic td li p {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6em;  }