/* 
Filename: avaStyle.css
Author:   Jim Gillespie
Purpose:  Stylesheet for Accident Victims Association / Law Finders website
Created:  30 August 2006
Revised:  19 Sep, 2 Oct, 12 Dec, 10 Jan 2007
*/

HTML body { margin: 0; border: 0; background: #ebece4; text-align: center; font-size: 70% }
html { min-height:101%; height:auto; margin-left:0; margin-bottom:1px; }
p { font-family:Verdana, Arial, sans-serif; line-height:1.5em }
h1 { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:150%; line-height:1.4em; color:#5c89b2 }
h2 { font-family:Verdana, Arial, sans-serif; font-weight:bold; font-size:100%; line-height:1.4em; color:#a52121 }
h3 { font-family:Verdana, Arial, sans-serif; font-style:italic; font-weight:bold; font-size:100%; line-height:1.4em; color:#a52121 }
.strong {font-weight: bold }
.red { color: #a52121 }
.strongred { font-weight:bold; color:#a52121 }
.bigblue { font-size:150%; font-weight:bold; color:#5c89b2; line-height:1.4em }
.bigblack { font-size:120%; font-weight:bold; color:#000000; line-height:1.4em }

#container { width:700px; margin:10px auto; background:#fffff2; border-left:1px solid white; border-top:1px solid white; border-right:1px solid gray; border-bottom:1px solid gray; color:#333; text-align:left; line-height:130% }

#header { padding-top:0; border-bottom:5px solid #ffffff; }
#banner { padding-top:0; }
#chart { padding-left:0; font-size:110%; line-height:157% }
#login { padding-top:30px; margin-left:80px; margin-right:80px }
#login h1 { font-family: Arial, sans-serif; font-size: 200%; color:#939393 }
#login h2 { font-family: Arial, sans-serif; font-size: 140%; color:#a52121 }
.bullet { font-family: Arial, sans-serif; font-size: 130%; color:#c0c0c0 }
#login a { text-decoration: none }
#login a:active { color: #a52121 }
#login a:link { color: #a52121 }
#login a:visited { color: #a52121 }
#login a:hover { color: #185f90; border-bottom: #185f90 1px dotted }

#content { margin-left:25px; margin-top:-6px; padding:1em }
#content a { text-decoration: none; font-weight: normal }
#content a:active { color: #a52121 }
#content a:link { color: #a52121 }
#content a:visited { color: #a52121 }
#content a:hover { color: #185f90; border-bottom: #185f90 1px dotted }
#content table tr td { font-family: Verdana, Arial, sans-serif; font-size: 70%; line-height: 1.5em }
#content ul, li { display: block; background: url("../images/BrownBullet.gif") no-repeat; list-style-type: none } 
.headline { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 110%; line-height: 120%; color: #a52121 }

#main { float: left; margin-top: 0; width: 380px }
#content > #main { margin-top: -30px }
#details { clear: both; background-color: #feff8b; padding: 10px 0 10px 0; margin-left: 0px; border-top: 1px solid #eee5de; border-right: 2px solid #cdc5bf; border-bottom: 2px solid #cdc5bf; border-left: 1px solid #eee5de; font-size: 115%; text-align: center; }
#freecall { padding: 8px 0px 5px 0; }
.text { font-size: 120%; font-weight: bold; color: gray; }
.number { font-size: 120%; font-weight: bold; color: #2f2f4f; }
#panel {}
#panel { margin-left: 410px; margin-right: 10px; margin-top: 0; padding: 0 12px 0 18px; background-color: #eeeee0; }
#panel a { text-decoration: none; font-weight: normal }
#panel a:active { color: #185f90 } /*a52121*/
#panel a:link { color: #185f90 }
#panel a:visited { color: #185f90 }
#panel a:hover { color: #185f90; border-bottom: #a52121 1px dotted }
#content > #panel { margin-top: -25px; padding: 20px 5px 5px 18px }

#notice {}
#notice { clear: both; margin: 0; padding-top: 0; padding-bottom: 0; position: relative; font-size: 80%; text-align: center }
#content > #notice { padding-top: 15px; padding-bottom: 5px }
#base { clear: both; width: 700px; background:#feffef; }		
#footer {}
#footer { clear: both; color: gray; margin-top: -12px; padding-top: 0; padding-bottom: 7px; text-align: center; font-size: 100%; font-weight: normal; line-height: 15px }
body > #footer { padding-top: 1px }
#footer p { font-family: Verdana, Arial, sans-serif; line-height: 1em }
#footer a { text-decoration: none }
#footer a:active { color: #727664 }
#footer a:link { color: #727664 }
#footer a:visited { color: #727664 }
#footer a:hover { color: #185f90 }

.menu {
		color: #ffffff;
		font-family: Tahoma;
		font-size: 8pt;
		font-weight: bold;
		letter-spacing: normal;
		/*border-top: 1px solid white;*/
		border-right: 1px solid white;
		text-decoration: none;
		background-color: #4f94cd; /*#9ab2fc; /*#8db6cd; /*#a52121; /*#bbb3b3;*/
		padding: 5px;
}
.menu:hover {
		background-color: #36648d; /*#5068b9 /*#607b8b; /*#8aa4c2 /*#5a8ec6*/
}
#toolbar {
		width: 700px;
		background-color: #4f94cd;
		padding: 5px 0px 5px 0px;
		/*border-top: 3px solid #ffffff;*/
		border-bottom: 1px solid white;
		margin-top: -3px;
		margin-right: -2px
}
#box1 {
		width: 190px;
		height: 70px;
		background: #fffff2 url(../images/BoxBg.png) no-repeat top left;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		font-size: 11pt; /*80%;*/
		line-height: 16pt;
		color: #8b1a1a;
}
#box2 {
		width: 320px;
		height: 70px;
		background: #fffff2 url(../images/BoxBg.png) no-repeat top left;
		padding: 25px 0 0 0;
}
#box3 {
		width: 190px;
		height: 70px;
		background: #fffff2 url(../images/BoxBg.png) no-repeat top left;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		font-size: 11pt; /*80%;*/
		line-height: 16pt;
		color: #8b1a1a;
}
#box3 a#popup:visited {color:#8b1a1a; text-decoration:none;}
#box3 a#popup {color:#8b1a1a; text-decoration:none; position:relative; left:0; font-weight:bold;}
#box3 a#popup span {display:none;}
#box3 a#popup:hover {color:#8b1a1a; cursor:default;}
#box3 a#popup:hover #popbox {
		display:block; 
		position:absolute; 
		top:90px;; 
		left:-35px;; 
		width:245px; 
		background-color:#fcfcdc; 
		color:#000000; 
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid gray;
		border-bottom:1px solid gray; 
		text-align:left; 
		font-family:verdana; 
		font-size:11px;
		font-weight:normal;
		line-height: 11pt;
		padding:3px 3px 3px 8px; 
		filter:shadow(color:gray, strength:10, direction:135)
}
#whattodo { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 14pt; /*80%;*/ line-height: 44pt; color: #8b1a1a }
#whattodo a { text-decoration: none }
#whattodo a:active { color: #8b1a1a }
#whattodo a:link { color: #8b1a1a }
#whattodo a:visited {color: #8b1a1a }
#whattodo a:hover { color: #8b1a1a; border-bottom: #a52121 1px dotted }

.billcontent { width: 100%; display: block; text-align: center; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: bold; font-size: 16pt; /*130%;*/ line-height: 150%; color: #5c89b2; }
#faces { width: 193px }
#printinfo { font-size: 105%; line-height: 120% }
#papers { font-size: 105%; line-height: 180% }
#papers a:active { color:black }
#papers a:link { color:black }
#papers a:visited { color:black }
#papers a:hover { color: #185f90 }

#printheader, #copyright { display: none }
		
#aboutprinting { background: #fdfdf0; padding-left: 20px; padding-top: 1px; padding-right: 10px; color: black }
#imagelinks { clear: both; padding-top: 15px; text-align: left }
#imagelinks a { text-decoration: none }