@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;

}


.Layout #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #C8F966;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.Layout #header { 
	background: #ffffff; 
	/* padding: 3px 10px 3px 10px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.Layout #header a {
	border-bottom:none;
	outline: 0;
	padding-bottom: 0;
	line-height: 1;
}

.Layout #header a:hover {
	border-bottom:none;
	padding-bottom: 0;
	line-height: 1;
}
.Layout #navigation { 
	background: #ffffff; 
	/* padding: 3px 10px 3px 10px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.Layout #navigation a {
	border-bottom:none;
	outline: 0;
	padding-bottom: 0;
	line-height: 1;
}

.Layout #navigation a:hover {
	border-bottom:none;
	padding-bottom: 0;
	line-height: 1;
}
.Layout #leftSidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 154px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 15px 0px;
	background-color: #C8F966;
	background-image: url(Layout/LeftBottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.Layout #mainContent {
	margin: 0 0 0 154px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the navigation div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #navigation space when the content in #navigation ends. */
	padding: 15px 25px 5px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #ffffff;
	background-image: url(Layout/body.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 
.Layout #footer { 
	background: #C8F966; 
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
} 
.button {
	text-align: center;
	vertical-align: middle;
}
.button a {
	border-bottom:none;
	outline: 0;
	padding-bottom: 0;
	line-height: 1;
}

.button a:hover {
	border-bottom:none;
	padding-bottom: 0;
	line-height: 1;
}

p {
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	margin-right: 10px;
}
h1 {
	font-family: Impact, Verdana, Geneva, sans-serif;
	font-size: 36px;
	font-style: normal;
	color: #2C5E16;
	text-align: center;
	line-height: 1.0;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #2C5E16;
	text-align: center;
	line-height: 1.0;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #2C5E16;
	text-align: center;
	margin: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #2C5E16;
	line-height: 1.0;
	font-weight: normal;
	margin: 0;
}
a:link {
	color: #4F6329;
	text-decoration: none;
	padding-bottom: 0.1em;
	line-height: 1.5em;
}
a:hover {
	color: #739729;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #739729;
	padding-bottom: 0.1em;
	line-height: 1.5em;
	font-style: italic;
}
a:active {
	color: #739729;
	text-decoration: none;
	padding-bottom: 0.1em;
	line-height: 1.5em;
}
a:visited {
	color: #4F6329;
	text-decoration: none;
	padding-bottom: 0.1em;
	line-height: 1.5em;
}

li  {
	padding-top: 0.75em;
	line-height: 1.5;
}
.indentText{
	color: #6d6e70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-position: -20px;
	margin-left: 30px;
	margin-top: 0em;
}
ul li {
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 0px;
}
IMG.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}


.boldText {
	font-weight: bold;
}
.SubHeadBold {
	margin-bottom: 0em;
	color: #3E3935;
	font-size: 16px;
}
.SubHeadBoldCenter {
	margin-bottom: 0em;
	color: #3E3935;
	font-size: 16px;
	text-align: center;
}

.BoldBrownHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	text-align: left;
	color: #3E3935;
	font-weight: normal;
}

.BoldOrangeHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}
.BoldBrownPageHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #3E3935;
	text-align: left;
	line-height: 2;
	vertical-align: top;
}
.highlight {
	color: #6d6e70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2.5;
	background-image: url(images/Highlight.gif);
	width: 528px;
	height: 29px;
	background-repeat: no-repeat;
	font-weight: bold;
	background-position: left;
	text-indent: 8px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.Layout #footer a:link {
	color:#333;
}

.Layout #footer a:visited {
	color: #0D4488;
}

a img {
	 border: none !important; 
}
.Layout #imageLink a:hover {
	border-bottom:none;
}
.smallText {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: $333333;
} 

/* Table Borders */

table.AdminMenu, table.AgentMenu {
	border-collapse: collapse;
}
table.AdminMenu td, table.AgentMenu td{
	background: #6E8A3D;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

table.AdminMenu a, table.AdminMenu a:visited,table.AgentMenu a, table.AgentMenu a:visited {
	color: #ffffff;
	font-weight: bold;
}
table.AdminMenu a:hover,table.AgentMenu a:hover {
	color: #FACB6D;
	font-weight: bold;
	text-decoration: none;
}


table.adminTable {
	border-collapse: collapse;
}
table.adminTable td {
	border-width: 1px;
	padding: 4px 15px 4px 15px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #EAEAEA;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
	font-weight: 500;
	text-align: left;
}
.Header{
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	
	border-style: solid;
	border-color: #D9910C;
	width:950px;
	margin:auto;
}
.Menu, .Content{
	
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	
	border-style: solid;
	border-color: #D9910C;
	width:950px;
	margin:auto;
}
.Footer{
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	
	border-style: solid;
	border-color: #D9910C;
	width:950px;
	margin:auto;
}
table.ListingTable {
	border-collapse: collapse;
}
table.ListingTable tr {
	color: #6d6e70;
}

table.ListingTable td {
	border-width: 1px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #EAEAEA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

	vertical-align: top;
	text-align: left;
}
table.ListingTable th {
	border-width: 1px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
}

table.ReportTable td {
	border-width: 1px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #EAEAEA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
	vertical-align: top;
	text-align:center;
}

table.ReportTable td.rightAligned {
	border-width: 1px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #EAEAEA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
	vertical-align: top;
	text-align:right;
}

table.ReportTable th {
	border-width: 1px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
}
table.HomeListing {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #dddddd;
	background-color: #eeeeee;
}
table.HomeListing td {
	border-width: 0px;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	
	text-align: left;
}

table.HomeListing tr.even{
	background-color: #ffffff;
}

table.HomeListing tr.message{
	color:red;
}

table.HomeListing th {
	border-width: 0px;
	padding: 10px 5px 10px 10px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6e70;
}
.AdminWarning {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #6E8A3D;
	padding: 2px 10px 2px 10px;
	font-size: 14px;
	text-transform: capitalize;
	line-height: 1.4;
	color: #ffffff;
	text-align: center;
	font-weight:normal;
}
/*    Alternate Row colors    */ 
.row0 {
    background-color: #ffffff;
}
.row1 {
    background-color: #f0f0f0;
}
table.charityTable {
		border-collapse: collapse;
}
table.charityTable td {
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #cccccc;
	vertical-align: central;
}
table.charityTable th {
	border-width: 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #cccccc;
}
.general_div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #969;
}

.tt {
	background: url(Layout/TableFrameT.jpg) 0 0 repeat-x;     
	display: block;
    margin-left: auto;
    margin-right: auto; 
}
/* .bt {
	background: url(Layout/TableFrameB.jpg) 0 100% repeat-x;
}
.lt {
	background: url(images/TableFrameL.jpg) 0 0 repeat-y;
}
.rt {
	background: url(images/TableFrameR.jpg) 100% 0 repeat-y;
}
.blt {
	background: url(images/TableFrameBL.jpg) 0 100% no-repeat;
}
.brt {
	background: url(images/TableFrameBR.jpg) 100% 100% no-repeat;
} */
.tlt {background: url(Layout/TableFrameTL.jpg) 0 0 no-repeat;
}
.trt {
	background: url(Layout/TableFrameTR.jpg) 100% 0 no-repeat; 
	padding:12px 10px 10px 10px;
	text-align: center;
}


.t {  
	background: #f0f0f0;
	display: block;
    margin-left: auto;
    margin-right: auto; 
}
.b {
	background: url(Layout/TableFrameB.jpg) 0 100% repeat-x #f0f0f0;
}
.l {
	background: url(Layout/TableFrameL.jpg) 0 0 repeat-y;
}
.r {
	background: url(Layout/TableFrameR.jpg) 100% 0 repeat-y;
}
.bl {
	background: url(Layout/TableFrameBL.jpg) 0 100% no-repeat;
}
.br {
	background: url(Layout/TableFrameBR.jpg) 100% 100% no-repeat;
}
.tl {
	}
.tr {
	padding:10px;
}
.clear {
	font-size: 1px; 
	height: 1px;
}
.box-t {  
	background: url(Layout/BoxFrameT.jpg) 0 0 repeat-x #ffffff;
	display: block;
    margin-left: auto;
    margin-right: auto; 
}
.box-b {
	background: url(Layout/BoxFrameB.jpg) 0 100% repeat-x;
}
.box-l {
	background: url(Layout/BoxFrameL.jpg) 0 0 repeat-y;
}
.box-r {
	background: url(Layout/BoxFrameR.jpg) 100% 0 repeat-y;
}
.box-bl {
	background: url(Layout/BoxFrameBL.jpg) 0 100% no-repeat;
}
.box-br {
	background: url(Layout/BoxFrameBR.jpg) 100% 100% no-repeat;
}
.box-tl {
	background: url(Layout/BoxFrameTL.jpg) 0 0 no-repeat;
	}
.box-tr {
	background: url(Layout/BoxFrameTR.jpg) 100% 0 no-repeat; 
	padding:10px;
}
table.formBorderTbl {
	border-width: 0px;
	border-style: none;
	border-color: white;
	border-collapse: collapse;
}
table.formBorderTbl td {
	border-width: 1px;
	padding: 3px 8px;
	border-style: solid;
	border-color:  #CCC;
	background-color: #ffffff;
}
table.formBorderTbl th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #ccc;
	background-color: #FFD58B;
	font-weight:normal;
	text-align: left;
}
P.breakhere {
	page-break-before: always;
	margin: 0;
}
input.btn { 
	color: #4F6329; 
	background-color: #DEFC99; 
	border: solid 1px  #999;
	font: bold 120%;
	padding: 5px;
}
#sign_in {
	color: #333;
 	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: normal;

	padding: 0 px;
	margin: auto;
        width: 350px;
}

#sign_in ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#sign_in input{
	width:150px;
}


#notes {
clear:both;
}

#notes textarea, #notes input{
width:900px;
}

textarea{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
}

.left{
clear:left;
float:left;
}

.center, .right {
float:left;
}

#vehicle, #donation, #financial, #donor, #tow{

width:280px;
padding:0px;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0 0 20px 20px;
border-width: 2px;
border-style: solid;
border-color: #dddddd;
}

#vehicle table, #donation table, #donor table, #financial table, #tow table{
background-color:#eeeeee;
cellpadding:4px;
cellspacing:0px;
width:280px;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
}

#vehicle .info,  #tow .info{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
width: 75%;
text-align: left;
}

#donation .info, #donor .info{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
width: 60%;
text-align: left;
}

#donation input{
float:left;
width:90px;
text-align:right;
}

#donation #submit{
width:245px;
text-align:center;
}

#vehicle .label, #tow .label{
width: 25%;
}

#donation .label, #donor .label{
width: 40%;
}


#financial td{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
}

#financial .label{
width: 60%;
}

#financial #submit{
width:275px;
text-align:center;
}

#financial input{
float:left;
width:100px;
text-align:right;
}

.even{
background-color:#ffffff;
}

.heading {
font-style: italic;
font-weight: bold;
text-align: left;
margin-top:0px;
margin-right:25px;
margin-bottom:0px;
margin-left:25px;
}
#sign_in {
	color: #333;
 	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: normal;

	padding: 0 px;
	margin: auto;
        width: 350px;
}

#sign_in ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#sign_in input{
	width:150px;
}