/* online collage CSS  */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
	background-color:#ffffff;
	font-size:12px;
}

.imgborder {
	border:10px solid #ffffff;
	}

#center{
	margin-left: auto;
	margin-right: auto;
	width: 905px;
}

#container {
	width:905px;
	background-image:url(/images/gradbg.gif);
	background-repeat:repeat-y;
	position:relative;
	text-align:left;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
a:link, a:visited {
	color:#b11e1f;
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#000000;
	text-decoration:underline;
	}

/*home page*/
	
#homeContainer {
	text-align:left;
	padding-top:10px;
	left:7px;
	position:relative;
	width:890px;
	padding-bottom:0px;
	margin-bottom:0px;
	overflow:auto;
	}	

#bottombg {
	background-image:url(/images/bottomgrad.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:0px;
	margin-top:0px;
	}
	
#homeContent {
	width:708px;
	margin-left:10px;
	height:404px;
	float:left;
	zoom:1;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
#section2 {
	width:323px;
	height:345px;
	float:left;
	}
	
#homeContentTop {
	}
	
#homeColumn {
	padding-left:11px;
	float:left;
	}
	
#news {
	width:236px;
	height:205px;
	overflow:auto;
	background-image:url(/images/green/homebox.jpg);
	background-repeat:no-repeat;
	}
	
#news p:first-child {
	margin-top:3px;
	}
	
#news :focus
{
  -moz-outline-style: none;
}
	
#section3 {
	width:236px;
	height:130px;
	padding-top:10px;
	}
	
#section4 {
	width:128px;
	height:345px;
	padding-left:10px;
	float:left;
	}
	
#simple {
	width:708px;	
	padding-top:10px;
	padding-bottom:0px;
	clear:both;
	bottom:0px;
	position:absolute;	
	}
	
/*for some reason ie6 pitches a fit without the negative margin on the inner pages*/	
#simpleInner {
	width:708px;	
	padding-top:10px;
	padding-bottom:0px;
	clear:both;
	bottom:0px;
	position:absolute;	
	margin-bottom:0px !important; 
	margin-bottom:-1px;
	}
	
/*inner pages*/

#innerContainer {
	text-align:left;
	padding-top:10px;
	left:7px;
	position:relative;
	width:890px;
	padding-bottom:0px;
	margin-bottom:0px;
	overflow:auto;
	}	
	
#innerTop {
	width:890px;
	position:relative;
/*	background-image:url(/images/navbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;*/
	}
	
#innerBottom {
	width:890px;
	position:relative;
	overflow:auto;
	margin-bottom:0;
	padding-bottom:0;
	zoom:1;
	}
	
#innerContent {
	width:674px;
	padding:0px 10px 10px 10px;
	}

	
#innerRightContainer {
	float:left;
	}
	
#grey {
	height:60px;
	width:694px;
	border-left:2px solid #e6e7e8;
	border-right:2px solid #e6e7e8;
	border-bottom:2px solid #e6e7e8;
/*	background-color:#e5e5e5;*/
	}
	
#homeTips {
	width:172px;
	height:109px;
	overflow:auto;
	background-image:url(/images/tipsbg.gif);
	background-repeat:no-repeat;
	font-size:10px;
	position:relative;
	margin-top:10px;
	padding-right:10px;
	float:left;
	bottom:0px;
	}
	
#homeTips #homeTipsLink {
	height:30px;
	width:109px;
	top:0px;
	left:0px;
	position:absolute;
	}
	
#homeTips div {
	top:28px;
	padding:10px;
	position:relative;
	}
	
#homeTips a {
	font-size:10px;
	}
	
.navbottom {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
	}

/*common*/

#header {
	width:905px;
	height:125px;
	text-align:left;
	background-image:url(/images/headergrad.gif);
	background-repeat:no-repeat;
	position:relative;
	}
	
#headerAll {
	position:relative;
	left:7px;
	width:890px;
	}
	
#headerContainer {
	width:505px;
	height:125px;
	float:left;
}
	
#headerNav {
	width:100%;
	height:20px;
	background-color:#b11e1f;
	text-align:right;
	}
	
#headerRotate {
	width:375px;
	height:125px;
	padding-left:10px;
	float:left;
	}
	
#footer {
	width:900px;
	position:relative;
	color:#b11e1f;
	text-align:right;
	font-size:10px;
	}
	
#footer a:link, #footer a:visited {
	color:#000000;
	text-decoration:none;
	font-size:10px;
	}
	
#footer a:hover, #footer a:active{
	color:#000000;
	text-decoration:underline;
	font-size:10px;
	}
	
#footerLinks {
	right:0px;
	position:absolute;
	text-align:right;
	}	
	
h1 {
	color:#a57a24;
}

h2 {
	color:#a57a24;
}

.pageTitle {
	color:#a57a24;
	font-size:14px;
	font-weight:bold;
	}

.tableAltDark {
	background-color:#CFCFCF;
	}

.breadcrumbs {
	color: #b11e1f;
	padding:5px;
	font-size:10px;
}

.breadcrumbs a:link, .breadcrumbs a:visited{
	color: #b11e1f;
	text-decoration: underline;
	font-size:10px;
}

.breadcrumbs a:active, .breadcrumbs a:hover {
	color: #000000;
	text-decoration: none;
	font-size:10px;

}

.buttons {
	color: #ffffff;
	background-color: #b11e1f;
	font-weight: bold;
	border:1px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

.button {
	color: #ffffff;
	background-color: #b11e1f;
	font-weight: bold;
	border:1px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}


a.button:link, a.button:visited, a.button:hover a.button:active {
	color:#ffffff;
	padding:3px;
	display:block;
	}
	
.button p {
	padding:0px;
	margin:0px;
	}

.Border {
	border: 1px solid #b11e1f;
}

.formheader {
	color: #ffffff;
	background-color:#b11e1f;
	font-weight:bold;
	padding:3px;
}

.formheader a {
	color: #ffffff;
	font-weight:bold;
}

#alertbox {
	border: 		1px solid #b11e1f;
	padding-left: 	5px;
	padding-right: 	5px;
	padding-top: 	1px;
	padding-bottom: 3px;
	display:		inline;
	color:			#a57a24;
	text-align:		center;
	font-size: 		10px;
	height: 		100%;

}

div.alertbox {
	border: 		1px solid #b11e1f;
	padding-left: 	5px;
	padding-right: 	5px;
	padding-top: 	1px;
	padding-bottom: 3px;
	display:		inline;
	color:			#a57a24;
	text-align:		center;
	font-size: 		10px;
	height: 		100%;
}

hr {
	height:1px;
}

.pagetitles {
	font-weight:bold;
	color:#a57a24;
	}

@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #F9DD81;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is used by the Public Dealer Locator Spry UI */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #F4E3AA;
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #F4E3AA;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #F4E3AA;
}


a:limk img, a:visited img, a:hover img, a:active img { 
	outline-style: none !important; 
}