/* 
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% }
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:0; 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;
		/*margin-top: 30px;*/
		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;
		/*border: 1px dashed gray*/
}
#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: 100px;
		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: 100px;
		background: #fffff2 url(../images/BoxBg.png) no-repeat top left;
		padding: 25px 0 0 0;
}
#box3 {
		width: 190px;
		height: 100px;
		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 }