body {background:#efefef; text-align:center;/* IE hack to center page contents */ margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font-size:100%;} p {margin:0; padding:6px 10px 10px 0px; font-size:70%; line-height:140%;} p.thanks {color:#9E3E42 !important; padding-bottom:20px;} /*p.error {color:#f00; padding:2px 0 3px 0;}*/ p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) no-repeat; color:#de0000;} p.star {background:url(images/star.gif) 0 2px no-repeat; padding-left:20px !important;} ul {font-size:70%;} hr {text-align:left; height:1px; color:#C1D84A;; border:none; margin:6px auto; text-align:center;} /* For IE */ hr.home {margin-right:0;} /* note that hr's on home page should use this class */ html>body hr {background-color:#C1D84A; margin:12px auto;} /* For Gecko-based browsers */ html>body hr {border:0px solid #C1D84A;} /* For Opera */ /* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */ form {margin:0;} img {border:0;} .clearFloats {clear:both; line-height:1px; height:1px; font-size:1px;} .skiplink {display:none;} div#printlogo {display:none;} /* ---- links ----------------------------------------- */ a {color:#94A824; text-decoration:none;} a:visited {} a:hover {color:#4C412B; text-decoration:underline;} a:active {color:#94A824;} a.pdf {background:url(images/pdf.gif) 100% 3px no-repeat; padding-right:28px;} a.doc {background:url(images/doc.gif) 100% 3px no-repeat; padding-right:28px;} a.hslink {color:#4C412B;} a.hslink:hover {color:#94A824;} a.hslink:visted {color:#4C412B;} .hilite {background-color:yellow;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select {border:1px solid #ccc; font:normal 100% verdana,sans-serif; color:#666; margin:0;} input.button {border-color:#999;} /* ---- ids & classes ----------------------------------------- */ #frame { /* this centers the page & holds background shadow */ width:810px; background:url(images/bground_frame.jpg) center top repeat-y; margin:0 auto; padding:0 1px 1px;} #header {width:780px; height:255px; background:#fff; margin:0 auto 8px; position:relative; text-align:left;} #logo {position:absolute; top:3px; left:3px; width:190px; height:251px; background:url(images/logo.gif) no-repeat; text-indent:-4000px;} #logo a {display:block; width:190px; height:251px;} #topbar {position:absolute; top:0; left:196px; width:584px; height:26px; background:#4C412B url(images/bground_topbar.gif) 5px 4px no-repeat;} #tellafriend {float:right; margin:6px 5px 0 0; font-size:60%;} #tellafriend a {font-weight:bold; color:#ddd; padding-left:18px; background:url(images/icon_tellafriend.gif) 0 1px no-repeat;} #banner {position:absolute; top:26px; left:196px; width:584px; height:225px; background:#4C412B;} #banner img {display:block;} #banner h2 {position:absolute; top:70px; left:25px; color:#fff; font:bold 145%/100% verdana, sans-serif;} #banner h2 span {display:block; text-indent:40px;} #banner #tagline {position:absolute; top:125px; left:65px; height:19px; padding:0 5px;} #banner #tagline p {float:left; color:#036; background-color:#fff; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;} #banner #tagline p, #banner #tagline a {font:bold 70% verdana,sans-serif; line-height:19px; padding:0 5px;} #banner #tagline span {font-weight:normal;} #banner #tagline a {float:left; display:block; color:#4C412B; background-color:#C1D84A;} #banner #tagline a:hover {color:#fff; text-decoration:none;} #content {width:780px; background:#fff url(images/bground_content.gif) 0 10px repeat-y; margin:0 auto; text-align:left;} /* Left side column */ #sidebar {float:left; width:184px; padding:0 6px 20px; color:#666;} #sidebar p {font:normal 65%/130% verdana,sans-serif; padding:0 0 0 5px;} #mainnav {background-color:#C1D84A;} #mainnav ul {margin:0; padding:6px 0; list-style:none; color:#4C412B;} #mainnav ul li {line-height:22px; margin:0; display:inline;} /* display:inline for IE5+ bug */ #mainnav ul li a.on {color:#fff; background-color:#7B8C1E;} #mainnav ul li a {display:block; color:#4C412B; padding:0 11px; margin:0; text-decoration:none;} #mainnav ul li a:hover {color:#fff; background-color:#96AA24;} #mainnav ul#sub {padding:0; font-size:90%; padding-left:20px;} #mainnav ul#sub li {line-height:14px;} #mainnav ul#sub li a {padding:3px 0 3px 6px !important;} #contribute {text-indent:-4000px; width:184px; height:61px; margin-top:8px;} #contribute a {text-indent:-4000px; display:block; width:184px; height:61px; background:url(images/contribute.gif) no-repeat; text-decoration:none;} #contribute a:hover {background-position:0 -61px;} #emailyourrep {text-indent:-4000px; width:184px; height:54px; margin-top:8px;} #emailyourrep a {text-indent:-4000px; display:block; width:184px; height:54px; background:url(images/emailyourrep.gif) no-repeat; text-decoration:none;} #emailyourrep a:hover {background-position:0 -54px;} #getinvolved {background:url(images/getinvolved.jpg) no-repeat; padding-top:105px; margin-top:8px;} #getinvolved h3 {color:#eee; background-color:#4C412B; border-top:2px solid #C1D84A; font:bold 70% verdana,sans-serif; padding:5px 0 6px 5px; margin-bottom:7px;} #getinvolved form {margin-top:6px;} getinvolved label {display:none;} #getinvolved input {font:normal 65% verdana,sans-serif; color:#666; margin:4px 0 0 5px; width:165px;} #getinvolved input.button {width:30px; border-color:#999;} #info {} #info a {color:#666; text-decoration:underline;} #info a:hover {text-decoration:none;} /* Main content area */ #main {float:left; width:584px; color:#4C412B;} #main #bar {height:20px; background-color:#C1D84A; border-left:6px solid #4C412B; margin-bottom:12px;} #main h2, #main h4, #main p, #main li {margin:0 15px 0 12px;} #main h2 {font-size:130%; font-weight:normal; padding-bottom:4px;} #main h4 {font-size:90%; padding:6px 0 6px 0;} #main hr {width:90%; margin:6px auto 8px;} html>body #main hr {margin:12px auto 16px;} /* For Gecko-based browsers */ #main ul {margin:0 0 0 30px; padding:0 0 10px 0;} #main ul li {line-height:140%; padding-bottom:4px;} #main ul.nbList {list-style:none; margin-left:0;} #main ul.nbList li {line-height:230%;} #main ul#siteMap {margin:0 0 0 20px; padding:6px 0 0 0;} #main ul#siteMap li {line-height:190%;} #main ul.siteMapSub {font-size:100%; margin-left:20px; padding-bottom:0;} #main ul.siteMapSub li {} #main a {font-weight:bold; text-decoration:underline;} table#contactTable {margin:15px 0 5px 12px;} table#contactTable td {vertical-align:top; padding:4px; font-size:70%;} table#contactTable td label {color:#4C412B;} table#contactTable td.left {text-align:left;} table#contactTable td span {color:red;} table#contactTable td form {} table#contactTable td input {width:265px;} table#contactTable td textarea {width:265px; height:80px;} table#contactTable td input.button {width:60px;} table#emailRepTable {margin:15px 0 5px 12px;} table#emailRepTable td {vertical-align:top; padding:4px; font-size:70%;} table#emailRepTable td label {color:#4C412B;} table#emailRepTable td.left {text-align:left;} table#emailRepTable td span {color:red;} table#emailRepTable td form {} table#emailRepTable td input {width:265px;} table#emailRepTable td textarea {width:365px !important; height:200px; padding:3px;} table#emailRepTable td input.button {width:100px;} table#loginTable {margin:35px 0 0 100px; width:400px;} table#loginTable td {vertical-align:top; padding:4px; font-size:11px;} table#loginTable td.right {text-align:right;} .housesenateBox {margin-bottom:10px;} .housesenateBox p {padding:0; line-height:19px;} /* styles for democracyinaction template pages */ #diaWrap {text-align:left !important; padding:0; width:580px;} #diaWrap form {} #diaWrap input {font-size:11px;} #diaWrap h1 {font-size:22px; text-align:left !important; font-weight:normal; padding-bottom:4px; margin-left:10px;} #diaWrap h2 {font-size:12px; margin:10px 0; padding:0; font-weight:bold;} #diaWrap h4 {font-size:12px; text-align:left !important;} #diaWrap p {font-size:11px !important; text-align:left !important;} #diaWrap table {margin-left:10px;} #diaWrap table td {font-size:11px; text-align:left !important;} table#diaTable {margin:0 !important; width:570px; /*DEBUG border:1px solid #ccc; */} table#diaTable td {padding:0; text-align:left !important;} table#diaTable input {margin-left:12px;} /* styles for Home page Alert box */ #alertBox {background-color:#C1D84A; padding:8px 2px; margin:0 9px 10px 4px;} #alertBox p {padding:0 !important; font-size:70%; line-height:160%;} /*#alertBox a {color:#333;}*/ #alertBox a {background-color:#E6EF1E; color:#333; padding:1px 6px 1px 6px; font-weight:normal; text-decoration:none;} #alertBox a:hover {background-color:#7B8C1E; color:#fff;} #homeTop h3, #homeBottom h3 {color:#eee; background-color:#4C412B; border-top:2px solid #C1D84A; font:bold 70% verdana,sans-serif; padding:5px 0 6px 5px; margin-bottom:3px;} a.learnMore {float:left; display:block; padding:3px 4px; margin:6px 0 0 3px; background-color:#C1D84A; color:#4C412B; text-decoration:none !important; font-size:70%;} a.learnMore:hover {color:#fff;} a.learnMore span {font-weight:normal;} #homeTop img, #homeBottom img {display:block;} #homeTop p, #homeBottom p {margin:0; padding:0 7px; font-size:65%; line-height:130%;} #homeTop {float:left; width:576px; margin-bottom:18px; padding-left:4px;} #topL {float:left; width:276px; margin-right:20px} #topR {float:left; width:276px;} #homeBottom {float:left; width:576px; padding-left:4px; padding-bottom:15px;} #bottomL {float:left; width:276px; margin-right:20px} #bottomR {float:left; width:276px;} /* Footer styles */ #footer {width:780px; margin:0 auto; border-top:4px solid #C1D84A;} #footer p {text-align:left; font:normal 65% verdana,sans-serif; margin:0; padding:6px 10px 4px;} #footer p.info {color:#999; float:left;} #footer p.info a {color:#999;} #footer p.props {color:#ccc; float:right;} #footer p.props a {color:#ccc;} #footer a {text-decoration:underline;} #footer a:hover {text-decoration:none;} #bottom {width:810px; height:21px; background:url(images/bground_bottom.jpg) center top no-repeat; margin:0 auto;} /* ---- "Tell a Friend" & "Forgot Password" popups ----------------------------------------- */ #popupFrame {padding:20px; text-align:left; color:#4C412B;} #popupFrame h2 {font-size:130%; font-weight:normal; padding-bottom:4px;} #popupFrame a {text-decoration:underline;} table#tafTable {margin:10px 0;} table#tafTable td {vertical-align:top; padding:4px; font-size:70%;} #popupFrame form {margin:0;} #popupFrame input, #popupFrame textarea {font:normal 100% verdana,sans-serif; color:#666; margin:0; width:240px;} #popupFrame textarea {height:80px;} #popupFrame input.button {width:60px; border-color:#999;} /* admin panel styles */ #adminmenu {font-size:10px; margin:10px auto 10px;} #adminmenu table {text-align:left; background-color:#fff; margin:0 auto; border:1px solid #ccc;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;} /* ESCAL Calendar styles --------------------------- */ /* Main Table Setup Including Date Number Fonts, Size and Color */ #calBox {float:right; width:200px; text-align:center; margin:0 0 10px 10px;} table#calTable {width:175px; margin:0 auto 0; color:#333; font-size:11px; background:#efefef;} table#calNav {width:175px; margin:0 auto;} table#calNav td {padding:3px 0; font-size:10px;} table#calNav td a {} table#calNav td a.arrows {font-weight:normal !important; text-decoration:none !important;} table#calNav td a:hover {color:#4C412B; text-decoration:none;} /* Month and Year table header Text Setup */ .headertext {text-align:center; color:#fff; font:bold 15px Verdana,Arial, sans-serif; background:#4C412B; margin:0; padding:5px 0;} /* Day Name Setup */ .daynamestext {font-weight:bold; color:#4C412B; text-align:center; font-size:11px; padding-top:3px;} /* Alignments, Font Face, Size and Color for Date Numbers and Row Height */ .rows {line-height:15pt; text-align:center; vertical-align:middle;} /* Color of Today's Date */ .today {color:#000; font-weight:bold;} /*--------------------------------------------------------------------------- The classes below determine how the calendar background markings will look. --------------------------------------------------------------------------- Remove the "background-image..." lines to remove graphics as table cell background images. If you do use images, change the "background-color..." to a similar color to that of your image. This will help persons with slow connections to see the event markings. You can optionally remove the "background-color..." lines to only use graphics. */ /* Normal Cell Background (date number with no event markings) */ .s2 { } /* Empty Cell Background (empty cells with no date numbers) */ .s20 { } /* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */ .s21 {background-color:#C1D84A;} /* Mark Solid Cell Background (solid marked event date background) */ .s22 {background-color:#C1D84A;} /* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */ .s23 {background-color:#C1D84A;} /* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */ .s24 {background-color:#C1D84A;}