@import url('/library/DropMenu/dropstyle.css');
@import url('/library/SexySlider/sexyslider.css');
@import url('/library/TinySlideshow/gallerystyle.css');
@import url('button.css');
@import url('library/baseline.base.css');
@import url('library/baseline.type.css');

/* Copyright 2010 Flint Hills Design, LLC
	Joel Gaeddert, David Gaeddert
	
	Custom creation for Brown Specialty Vehicles

*/

/*==============  Browser reset as recommended by Eric Meyer  ========== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%; 
	font-family: inherit;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: none; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ===========================  End of Reset  ==============================*/



body { /* font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;  */font-family: Verdana; color:#333; background: #333; background-image: url('images/Background-Texture.png'); background-repeat:repeat; font-size:12px; line-height:1.4em;}

a:link, a:visited { color:#333333; text-decoration:none; }
a:hover { color:black; }

#content-rightThirds a:link,#content-rightThirds a:visited {color: #990000;}
#content-rightThirds a:hover {color:#333;}


/*------------------ General Containers ------*/
#header {width: 960px; height: 45px; position: relative; z-index: 500; padding-top: 8px; margin-left: 1px;}

#container { width:960px; margin:auto; padding:0; }

#homecontent-main { margin: 20px; margin-right: 0px; width: 940px; overflow: auto;}

.contactInfo {float: right; font-size: 11px; margin-top: 13px; margin-right: 40px;}

#content { width:960px; border: 1px solid #000; min-height: 530px; position: relative; z-index: 0; background-color: white; overflow: auto;}
	#content.bgmed {background: white; background-image: url(/images/medical/bgmed.png); background-repeat: no-repeat; background-position: top; }
	#content.bgmed2 {background: white; background-image: url(/images/medical/bgmed2.png); background-repeat: no-repeat; background-position: top; }
	#content.bgcomm {background: white; background-image: url(/images/communications/bgcomm.png); background-repeat: no-repeat; background-position: 550px 40px;}
	#content.bgemer {background: white; background-image: url(/images/emergency/bgemer.png); background-repeat: no-repeat; background-position: 550px 40px;}
	#content.bglabs {background: white; background-image: url(/images/laboratories/bglabs.png); background-repeat: no-repeat; background-position: 515px 40px;}
	#content.bgother {background: white; background-image: url(/images/bgother.png); background-repeat: no-repeat; background-position: 515px 20px; }
	#content.bglaw {background: white; background-image: url(/images/law/bglaw.png); background-repeat: no-repeat; background-position: 600px 40px;  }
	#content-left {display:inline; float: left;min-height: 300px;width:340px; margin:8px 30px 30px; background-color: #333; border: 2px solid black;}
	#content-right {display:inline; float:right;min-height: 300px;width:480px; margin:0 30px 30px; }
	#content-right p {margin-bottom: 10px;}
	#content-main {margin: 0 0 20px 20px; width: 940px; overflow: auto; }
		.tri-column {width: 313px; float: left; }
	#content-leftThirds {float:left;min-height: 760px;width:290px; margin: 20px 20px 0px 0px; background-image: url(/images/Brown-mudflap.jpg); background-repeat: no-repeat; background-position: bottom left; border-right: 2px solid #eeeeee;}
		#content-leftThirds p {margin-bottom: auto;}
		.leftSection {border-top: 2px solid #eee; padding: 15px 0 20px 40px;}
		.leftSection p {margin-bottom:10px;}
	#content-leftThirdsCategory {float:left;width:350px; margin:0px; }
		#content-leftThirdsCategory #logo { float:left; width: 300px; margin:20px; }
		#content-leftThirdsCategory #VehiclePageHeader { font-size: 24px; color: #333; border-bottom: 1px solid #333; margin: 0 0 15px; padding: 0 0 5px; }
		#content-leftThirdsCategory .leftSection {padding: 20px 0 20px 40px;}
	#content-rightThirds {float:right; width:580px; margin:0 40px 0 0;}
		#content-rightThirds p {margin-top: 10px; }
		#content-rightThirds ul li {line-height: 20px;}
		
	#content-rightThirdsCategory {float:right; margin: 40px 40px 20px 20px;width: 550px;}
	#content-rightThirdsCategory a:link, #content-rightThirdsCategory a:hover, #content-rightThirdsCategory a:visited {color: white;}
		#content-rightThirdsCategory img { display: block; float: left; height: 185px; width: 250px; margin:0;}
		#content-rightThirdsCategory h6 { text-align: center; top: 0px !important;}
		#content-rightThirdsCategory h6 a { font-size:18px; line-height: 30px; color: white; font-weight: bold; display: block; height: 30px; }
		.vehicle { width: 250px; display:inline; float:left; margin-left: 19px; margin-bottom: 20px; border: 2px solid #ccc;}
		.vehicle:hover {border: 2px solid black;}
		.demovehicle { width: 250px; display:inline; float:left; margin-left: 19px; margin-top: 125px; border: 2px solid #ccc;}
		.demovehicle:hover {border: 2px solid black;}
		
	.option {min-height: 400px; margin-top: 20px; margin-left: 20px; float: left; border: 1px solid #ccc; background: #eee; padding: 20px; width: 238px;}
		.option h4 {margin-bottom: 15px; border-bottom: 2px solid #ccc; padding-bottom: 5px;}
		.option img {border: 1px solid #333; width: 236px;}	
	.customDescription {min-height: 475px;}
	.customText {font-size: 95%; width: 236px;}
	
.altOutline {border: 1px solid #ccc !important;}	
						
/*---------------- General Font Styles ---------*/		
h1 { margin-left:20px; margin-right:20px; font-size:24px; font-weight: bold; color:#5268A1; padding-top:8px;}
	h1.Header, h1.HeaderWithSub { background: #5268A1; color:white; display:block; margin: 0; padding:20px; }
	h1.HeaderWithSub { padding-bottom:10px;}
h2 { margin:10px 20px 10px 20px; font-weight:lighter; font-size:14px; color:#666; font-weight:100;}
h3 { font-size:14px; font-weight:bold; margin-top: 10px; }
h4 { color:#333;}
h5 { color: #990000; }




#content-top { height:130px; position: relative; }
	#content-top #logo { float:left; width: 300px; margin:20px; }
	a.logoTooltip {position: relative; z-index: 24;}
	a.logoTooltip:hover {z-index: 25;}
	a.logoTooltip span {display: none;}
	a.logoTooltip:hover span {display: block; position: absolute; left: -215px; top:56px;font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px; color: #990000;}

	#content-top #VehiclePageHeader { position: absolute; left: 430px; top: 62px; font-size: 34px; }
	.HeaderComm {color: #99ca3c;}
	.HeaderLaw {color: #990000;}
	.HeaderMed {color: #4A589F;}
	.HeaderEmer	{color: #990000;}
	.HeaderLabs { color: #99ca3c;}
	.HeaderOther {color: #990000; left: 340px !important;}
	


/*----------------------- Modules ----------------------*/
#modules {width: 963px; height: 165px; margin-top: 20px; overflow: auto; }

.moduleTitle { color: white; font-weight: bold; text-align: center; height: 30px; line-height:30px; border-bottom: 1px solid #ccc; }

.moduleContent { margin:15px; margin-top: 5px; font-size: 12px;}
	.moduleContent p {line-height: 1.2em;}
	.moduleContent li {font-size: 12px; line-height: 15px; margin-bottom: 4px;}
	.moduleImage {display:inline; float: left; }
	.Download_Sizes {color: #777777; font-size: 11px;}

.module {width: 223px; height: 163px; margin-left: 20px; float: left; border: 1px solid #000; background: white;}

#firstModule {margin-left: 0px;}

.emer-Title {background: #990000 !important;}
.law-Title { background: #990000 !important;}
.labs-Title {background: #99ca3c !important;}
.comm-Title { background: #99ca3c !important;}
.med-Title {background: #4A589F !important;}




.contactLeft {margin-top: 10px; margin-left: 5px; width: 81px; float: left;}
.contactRight {margin-top: 18px; margin-left: 7px; float: left; width: 90px;}
.eventLeft {float: left; width: 108px; margin: 6px 8px 0px 0px; }
.eventRight {width: 75px; margin-top: 10px; float: left;} 

/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:.25em;}
ul.BasicList li { list-style-type: disc; margin-left:2em;}
ul.BasicList ul { margin-left:1.5em; margin-bottom:1em;}
ul.BasicList ul li { list-style-type:square; }
ul.BasicList ul ul { margin-left:1.5em; margin-bottom:.5em;}
ul.BasicList ul ul li { list-style-type:square; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:square; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:square; }

#content-rightThirds ul li a:link, #content-rightThirds ul li a:visited {margin-left: 20px;margin-top: 15px;}
/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }


/*--------------------- Footer -----------------------*/
#Footer { font-size:10px; margin:auto; margin-top:20px; border: 1px solid #000; background: white; overflow: auto; width: 960px; }

#Footer .Homepage { background: #ccc !important;}

#homepageFooter {font-size: 10px; margin: 10px auto auto; color: #ffffff; width: 600px;}
#homepageFooter p {line-height: 1.4em;}

/*
#Footer #Column1 { width:90px; display: inline; }
#Footer #Column2 { width:160px; display: inline; }
#Footer #Column3 { width:190px; display: inline; }
#Footer #Column4 { width:180px; display: inline; }
#Footer #Column5 { width:180px; display: inline; }
*/

#Footer ul { float:left; margin:10px 10px 20px 20px; width:130px; border:none; color:#666; display: inline;}
#Footer li { margin:0; padding:0;line-height:16px;}

#Footer a:link, #Footer a:visited { text-decoration: none; color:#666;}
#Footer a:hover { text-decoration: underline; color:#5268A1;}