/* 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: 11px Verdana,Tahoma,sans-serif;
background-color:#ffffff;
color:#303030;
background-color:#111111;
}
#blogstyle {
margin: 0px 0 0 20px;
padding-top:30px;
font-size:10px;
width:200px;
height:500px;
color:#303030;
}
#feed {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:200px;padding-left:10px;}
#feed a{font-family:Verdana; font-size:10px; text-decoration:none; display:block;margin-top:11px;}
#feed .time{color:#303030; font-size:10px;}
#feed .snippet{}
p {
margin: 0 0 0 0;
padding: 0 0 0 0;line-height:23px;
}
tr, td {
text-align:left;
font: 11px Verdana,Tahoma,sans-serif
line-height:23px;
}
#Search {
color:#ffffff;
padding-top:10px;
padding-left:10px;
font-weight: bold;
}
.white {
color:#fff;
}
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 20px 0;
font-size:30pt;
font-weight:bold;
color:#ad2b2f;
font-family:"Century Gothic";
line-height:40px;
text-shadow: 3px 3px 3px #d6d6d6;
}
h2 {
margin: 0 0 10px 0;
font-size:16pt;
font-weight:bold;
color:#ad2b2f;
font-family:arial;
line-height:30px;text-shadow: 2px 2px 2px #d6d6d6;
}
h3 {
margin: 0 0 5px 0;
font-size:13pt;
font-weight:bold;
color:#ad2b2f;
font-family:arial;
line-height:28px;text-shadow: 2px 2px 2px #d6d6d6;
}
#greylinks a:link, a:visited {
color:#CCCCCC;
}
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-right:auto;
margin-left:auto;
width: 1000px;
background-color:#ffffff;
}
#slideshow {
background:#ffffff;
width:1000px;
height:350px;
background-image:url(../images/slideshow-bg.jpg);
clear:both;
z-index:-1000;
}
#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;
}
#breadcrumbs {
width:500px;
margin-bottom: 17px;
float:left;
font-size:11px;
color:#666666;
}
#breadcrumbs a{
color:#666666;
}
#subsearch {
vertical-align:top;
float:right;
width:213px;
margin:-30px 0 0 0;
padding: 0 0 0 0;
}
#content {
margin:0px 5px 20px 8px;
width:948px;
min-height:590px;
height:auto;
padding:0px 20px 0px 20px;
line-height:1.5em;
text-align:justify;
}
#contentsub {
height:auto;
margin:0px 40px 20px 40px;
width:880px;
min-height:400px;
padding:0px 20px 0px 20px;
line-height:1.5em;
text-align:justify;
}
#contentsubcontainer {
background-image:url(../images/flash-bg.gif);
background-repeat:no-repeat;
width:1000px;
}
#content hr {
height: 1px;
color:#CCCCCC;
width:100%;
text-align: left;
}
#headercontainer{
width:1000px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
height:160px;
background-image:url(../images/clutch-header.gif);
}
#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;
}
#contentsub img{
padding-right:20px;
float:left;
display:inline;
color:#303030;
border:0px solid #f0f0f0;
}
#dittodate {
font-size:10px;
margin:0 0 0 0;
}
#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;
}
#halfcolumn {
float:left;
width:460px;
text-align:left;
padding-left:25px;
}
#quartercolumn {
float:left;
width:249px;
text-align:left;
}
#halfsubcolumn {
float:left;
width:425px;
text-align:left;
}
#column1-home {
float:left;
width:487px;
height:400px;
background:url(../images/home-work-services.gif);
background-repeat:none;
}
#column1-home p {
width: 455px;
line-height:20px;
}
#column1-home img {
float:left;
padding: 0 10px 0px 0;
display:inline;
clear:both;
}
#column2-home {
float:left;
width:200px;
height:400px;
background:url(../images/home-new.gif);
background-repeat:no-repeat;
}
#column2-home p {
padding-right:5px;
text-align:right;
color:#999999;
font-size:11px;
}
#column3-home {
float:left;
width:255px;
height:500px;
background:url(../images/home-social-media.gif);
background-repeat:no-repeat;
}
#homesearch {
height:auto;
margin: 160px 0 0 20px;
font-size:10px;
width:220px;
}
#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;
}
#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;
}
#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;
}
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:1000px;
min-width:1000px;
margin-left:auto;
margin-right:auto;
height:260px;
background-image:url(../images/bottom-border.gif);
background-repeat:repeat;
line-height:18px;
text-align:left;
color:#999999;
text-align:center;
}
#bottom-border {
margin-left:auto;
margin-right:auto;
width:1000px;
height:30px;
vertical-align:middle;
}
/*copyright text */
#copyright {
padding-top:5px;
color: #999999;
font-size: 10px;
}
/*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 */
#ajaxSearch_form {
color: #444;
width: auto;
}
#ajaxSearch_input {
width: 110px;
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;
vertical-align: top;
}
#ajaxSearch_submit {
display: inline;
height: 22px;
line-height: 22px;
text-align:center;
vertical-align:middle;
}
#ajaxSearch_output {
border: 0px solid #444;
padding: 10px;
background: #fff;
display: block;
height: auto;
vertical-align: top;
}
.AS_ajax_result {
color: #444;
margin-bottom: 3px;
}
.AS_ajax_resultLink {
text-decoration: underline;
}
.AS_ajax_resultDescription{
color: #555;
}
.AS_ajax_more {
color: #555;
}
.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%;
}
#menubackground {
background-image:url(../images/nav-bg.jpg);
height:41px;
}
#menucontainer {
margin-left:60px;
}
/* menu */
.menu {
font-family: Times New Roman;
width:110px;
font-size:12pt;
z-index:1000;
text-align:left;
float:left;
font-weight:bold;
background-image:url(../images/nav-bg.gif);
background-repeat:repeat-x;text-shadow: 2px 2px 2px #d6d6d6;
}
.menu tr, .menu td {
text-align:left;
}
.menu ul {
padding:0 0 0 0px;
margin:0 0 0 0;
text-align:center;
list-style-type: none;
width:110px;z-index:1000;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
padding:0 0px 0px 0px;
height:41px;
color:#444;
line-height:3em;
font-weight:normal;
width:110px;
}
* html .menu ul li a, .menu ul li a:visited {
}
.menu ul li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
margin-top:0px;
left:0;
width:110px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:0px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}
/* 1st level sub */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background:#fff;
color:#000;
height:auto;
line-height:1.2em;
padding:5px 10px 5px;
width:180px;
letter-spacing:0px;
font-size:10pt;
text-align:left;
font-family: Times New Roman;
}
* html .menu ul li a:hover ul li a {
}
#ajaxSearch_output, #as2_ajaxSearch_output {
font-size:100%;
background-color:#EFEFEF;
border:1px solid #6F9303;
color:black;
width:450px;
z-index:1;
padding:5px;
margin:10px 0 15px 0;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#999 url(drop.gif) bottom right no-repeat;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background-color:#E5E5E5;
color:#000;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:180px;
top:0;
width:110px;
}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}