/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.2 (Oct 21, 2005)
Screen layout: */
body{
margin:0 auto;
padding:0;
font: 12px Arial, Verdana,Tahoma,sans-serif;
background-color:#ffffff;
color:#303030;
}
p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
tr, td {
text-align:justify;
}
#Search {
color:#ffffff;
padding-top:10px;
padding-left:10px;
font-weight: bold;
}
fieldset {
border:none;
}
#ajaxSearch_form {
padding-top:5px;
width:160px;
border: none;
}
#ajaxSearch_input {
width: 90px;
display: inline;
height: 17px;
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background: #fff url(images/input-bg.gif) repeat-x top left;
margin: 0 3px 0 0;
padding: 3px 0 0 0;
vertical-align: top;
}
#ajaxSearch_submit {
display: inline;
height: 23px;
line-height: 23px;
}
h1 {
margin: 0 0 5px 0;
font-size:16px;
font-weight:normal;
}
a:link {
color: #000000;
text-decoration: none;
font-weight:bold;
}
a:visited {
color: #000000;
text-decoration: none;
font-weight:bold;
}
a:hover {
text-decoration:underline;
color:#990000;
}
#wrapper {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 920px;
background-image:url(../images/shadowsides2.jpg);
background-repeat:repeat-y;
background-position:top;
}
#headernavleft{
width:10px;
height:20px;
float:left;
background-color:#ffffff;
}
#headernavright {
width:10px;
height:20px;
float:left;
background-color:#ffffff;
}
#headernav{
padding-top:5px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color: #990000;
text-align:right;
width:900px;
height:15px;
float:left;
background-color:#f1f1f1;
}
#headernav a:link {
padding-right:10px;
padding-left:10px;
color: #990000;
font-weight:normal;
}
#headernav a:hover {
color: #990000;
font-weight:normal;
}
#headernav a:visited {
color: #990000;
font-weight:normal;
}
/*headercontainer is the logo and image area at the top */
#headercontainer{
width:920px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
height:200px;
}
#headerleft {
float:left;
background:#ffffff;
width:570px;
height:200px;
background-image:url(../images/Advocates-Banner-Logo.jpg)
}
#zone1 { /* clickable area */
float: left;
position:absolute;
width : 570px;
height: 180px;
margin-left: 10px;
margin-top: 10px;
}
#headerright {
float:left;
background:#ffffff;
height:200px;
background-image:url(../images/Advocates-Banner-Image-Leaf.jpg);
width:350px;
}
#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}
#header h1{
width:250px;
margin:5px 20px 0;
float:left;
}
#header p{
width:700px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}
#frontphoto{
margin:0 0 10px 0;
border:0;
}
#avmenu{
clear:left;
float:left;
width:150px;
text-align:left;
padding:0;
font-size:0.9em;
}
.announce{
margin:10px 0 10px 0;
padding:10px;
width:120px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}
#extras{
float:right;
width:175px;
margin:0 10px 0px 0;
padding:0;
}
#extras p{
}
#quicklinks {
background-image:url(../images/quicklinks-bg.jpg);
width:175px;
height:225px;
}
#quicklink img{
text-align:center;
}
#breadcrumbs {
width:400px;
margin-bottom: 17px;
font-size:11px;
color:#666666;
}
#breadcrumbs a{
color:#666666;
}
#content{
margin:0 10px 20px 195px;
border-left:1px solid #dddddd;
width:660px;
min-height:610px;
padding:0px 20px 0 20px;
line-height:1.5em;
text-align:justify;
}
#content hr {
height: 1px;
color:#CCCCCC;
width:100%;
text-align: left;
}
#content p{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content h2{
font-size:12px;
margin:0 0 0 0;
font-weight:bold;
}
#content img{
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
#dittodate {
font-size:10px;
margin:0 0 0 0;
}
.date {
font-size:10px;
color:#666666;
line-height:8px;
padding-top:10px;
padding-bottom:0px;
margin:0 0 0 0;
}
.date p{
line-height:8px;
}
#contenthome{
margin:0px 185px 20px 195px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0px 10px 0 10px;
line-height:1.6em;
text-align:left;
}
#contenthome p{
margin: 5px 0 5px 0;
}
#contenthome h2{
font-size:14px;
margin:0 0 0 0;
}
#contenthome img{
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
#pagetitle {
font-family:Arial, Helvetica, sans-serif;
font-size:20pt;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
color:#990000;
float:left;
width:450px;
line-height:30px;
text-align:left;
}
#pagetitle18pt {
font-family:Arial, Helvetica, sans-serif;
font-size:19pt;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
color:#990000;
float:left;
width:450px;
line-height:30px;
text-align:left;
}
#longtitle {
font-family:Arial, Verdana, sans-serif;
font-size:15pt;
font-style:italic;
font-weight:bold;
color:#990000;
display:inline;
width:450px;
text-align:left;
}
#adright {
font-size:11px;
color:#990000;
text-align:center;
font-family:verdana;
line-height:18px;
}
#adright a:link {
font-size:11px;
color:#990000;
text-align:center;
font-family:verdana;
font-weight:bold;
}
#adright a:visited {
font-size:11px;
color:#990000;
text-align:center;
font-family:verdana;
font-weight:bold;
}
#fundraiser {
font-size:13px;color:#990000;
font-weight:bold;
}
#subsearchsize {
float:right;
width:150px;
margin:-40px 20px -15px 0;
padding:-40px 20px -15px 0;
font-size:90%;
text-align:right;
}
#sizer {
float:left;
width:50px;
font-color:#CCCCCC;
font-size:10pt;
margin:-10px 0 0 0;
padding: 0 0 0 0;
}
#sizer a {
font-color:#CCCCCC;
}
#sizer a:visited {
font-color:#CCCCCC;
}
#sizer a:hover {
text-decoration:none;
font-color:#CCCCCC;
}
h3{
font-size:1.3em;
margin:0 0 0px 0;
color:#990000;
}
h4 {
font-size:1.3em;
color:#990000;
margin:0 0 15px 0;
}
h5 {
font-size:1.12em;
color:#000000;
margin:0 0 15px 0;
}
a img{
border:0;
}
/*footer area */
#footer {
width:920px;
padding-top:17px;
height:28px;
background-image:url(../images/footer.jpg);
clear: both;
text-align:center;
}
/*copyright text */
.copyright {
font-family: Arial;
color: #ffffff;
font-size: 8pt;
}
/*site credit */
#credit {
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
text-align:right;
font-weight:normal;
width: 900px;
margin: 0px auto;
padding: 0px;
border:0;
padding-bottom:10px;
}
#credit a:link{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666666;
font-size: 10px;
font-weight:normal;
}
#credit a:hover{
font-family: Arial, Verdana,Helvetica, sans-serif;
color: #990000;
font-size: 10px;
font-weight:normal;
}
#credit a:visited{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666666;
font-size: 10px;
font-weight:normal;
}
hr {
size:1px;
font-size:smaller;
line-height:1px;
color:#CCCCCC;
width:100%;
}
.horizdivider {
size:1px;
line-height:1px;
color:#cccccc;
width:100%;
}
.left{
margin:0px 10px 5px 0;
float:left;
}
.right{
margin:10px 0 5px 10px;
float:right;
}
.textright{
text-align:right;
}
.center{
text-align:center;
}
.small{
font-size:0.8em;
}
.bold{
font-weight:bold;
}
.hide{
display:none;
}
/* side menu */
#sideMenu {
clear:left;
float:left;
width:155px;
text-align:left;
margin-left:10px;
list-style:circle;
}
#sideMenu ul {
list-style:none;
width:145px;
margin-left: 7px;
padding-left:7px;
margin-top:0px;
}
.margin1 {
padding-left:50px;
}
#sideMenu a {
font-weight:bold;
line-height:25px;
text-decoration:none;
color:#000000;
font-size:14px;
}
#sideMenu ul a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu ul a:visited {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu ul a:hover {
color:#990000;
}
#sideMenu ul li ul a:link {
font-weight:normal;
height:20px;
text-decoration:none;
margin-left: -3px;
padding-left:-3px;
color:#000000;
font-size:9pt;
}
#sideMenu ul li ul a:visited {
font-weight:normal;
line-height:25px;
text-decoration:none;
margin-left: -3px;
padding-left:-3px;
color:#000000;
font-size:9pt;
}
#sideMenu ul li ul a:hover {
font-weight:normal;
height:20px;
color:#990000;
text-decoration:none;
margin-left: -3px;
padding-left:-3px;
font-size:9pt;
}
#sideMenu ul li ul li a:link {
font-weight:normal;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu ul li ul li a:hover {
color:#990000;
}
#sideMenu ul li a:visited {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
}
#sideMenu ul li a:hover {
font-weight:bold;
height:20px;
text-decoration:none;
list-style:circle;
color:#990000;
}
#sideMenu li.here a {
color:#000000;
}
#sideMenu div.subdiv a {
color:#505050;
}
#sideMenu div.subdiv li.here a {
color:#3f729f;
}
#sideMenu a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover {
list-style:circle;
color:#990000;
}
#sideMenu ul li ul li a {
}
.poll {
width:100%;
font-size:1em;
margin:0;
padding:0;
}
.poll_container {
width:100%;
background-color:#f1f1f1;
color:black;
border:1px solid black;
padding-top:0.5em;
padding-bottom:0.5em;
margin-left:auto;
margin-right:auto;
}
.poll_question {
width:100%;
text-align:center;
}
.poll_row_container {
width:100%;
padding:.1em 0;
}
.poll_choice {
width:30%;
float:left;
text-align:left;
padding-left:0em;
}
.poll_votes {
width:15%;
float:left;
padding-right:.5em;
text-align:right;
}
.poll_bar_container {
width:35%;
height:.98em;
background-color:#c6c981;
border:1px solid black;
float:left;
margin:.1em;
}
.poll_bar {
height:.98em;
background-color:#961c01;
float:left;
margin:0;
padding:0;
}
.poll_percent {
text-align:right;
padding-right:1em;
margin-left:auto;
margin-right:auto;
}
.poll_totalvotes {
width:45%;
text-align:right;
}
.float_left_text_right {
width:50%;
float:left;
text-align:right;
margin:0;
padding:0;
}
.float_right_text_left {
width:50%;
float:right;
text-align:left;
margin:0;
padding:0;
}
.space_line {
clear: both; margin: 0; padding: 0; width: 90%;
}
/* menu */
.menu {
z-index:1000;
font-size:110%;
margin:0px 0 10px 10px; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:155px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#ffffff;
height:20px;
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:20px;
line-height:20px;
width:160px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:160px; w\idth:180px;}
/* style the link hover */
* html .menu a:hover {color:#fff;}
.menu :hover > a {
color:#fff;
background:#f1f1f1;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px;
width:155px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
width:155px;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}