/* CSS Document */

/****************************************

			NORMALIZATION


****************************************/
.formlabel{color:#003168; font-weight:bold}
#toplinks{
	width:533px;
	float:right;
	position:relative;
}
#toplinks ul{
	
}

#toplinks ul li{
	float:left;
}
body, div, h2, h3, h4, h5, h6, form, input, textarea, label, p, td {


	margin: 0;


	padding: 0;


}


h1 {

	font-family:Arial;


	font-size:18px;


	color:#003168;


	margin:0 0 15px 0;


}

h2 {


	font-family:Arial;

	font-weight:bold;

	font-size:13px;

	text-transform:uppercase;



	color:#003168;


}



h3 {


	font-family:Arial;

	font-weight:bold;


	font-size:30px;


	text-transform:uppercase;


	color:#003168;


	margin:5px 0 15px 0;


}


h4 {

	background-color:#CCCCCC;

	font-size:15px;

	padding:5px;


	text-decoration:none;




	margin: 0 0 15px 0;


}

h4 a{


	text-decoration:none;


}

h5 {

	font-size:13px;

	padding:5px;


	text-decoration:none;




	margin: 0 0 15px 0;


}

#contentContainer a {
	color:#006699
}


html {


	font-size: 125%; /* normalizes font size for all child elements to 20px font */


}


html body {


	font-size: 50%; /* normalizes font size for all child elements to 10px font */


}


br.clearfix {


	height: 1px;

	display: hidden;

	clear: both;


}



/****************************************

			BODY


****************************************/


body {

	background:url(../images/gravelBG.jpg) repeat;

}


/****************************************

			CONTAINERS


****************************************/

#container {



	width: 900px;

	height: auto;


	margin: 0 auto; /* centers the div within browser window */


}


#contentContainer {


	background:url(../images/contentRepeat.jpg) repeat-y;


	width: 806px;

	display: table;


	margin: 0 auto; /* centers the div in the main container by adding 47px on each side */


}


/****************************************
		H1, H2, H3, H4, H5, H6


****************************************/


h4.locations {


	background: url(../images/tireBGForHeader.jpg) no-repeat;

	height: 37px;


	font-size: 12px;



	line-height: 15px;


	padding-left: 10px;


}


h4.locations span.headerLink {


	font-size: 10px;

	text-decoration: underline;

}















/****************************************







			FLASH HEADER & SMALL HEADER







****************************************/















#flash {















	width: 900px;







	height: 262px;







	float: left;

	position:relative;







	/*margin-left:51px;*/







}







#dejanaLogo {















	background: url(../images/dejanaLogo.gif) no-repeat;







	float: left;







	width: 367px;







	height: 102px;







}







#navWithLogos {






	float: left;




	width: 533px;



	height: 102px;


	


}







#smallHeader {















	background: url(../images/smallHeader.gif) no-repeat;







	width: 900px;







	margin:10px 0;







	height: 97px;







	/*margin-left:52px;*/







	clear: both;







}















#smallHeaderText{







	font-size:14px;







	font-family:Helvetica, sans-serif;







	text-transform:uppercase;







	color:#FFFFFF;







	font-weight:bold;







	padding:43px 0 0 85px;;







}















/****************************************







			NAVIGATION







****************************************/















.moduletable-mainNav{







	float:right;







	margin: 77px 45px 0 0;















}























#navWithLogos a{
	font: normal 11px  Arial,;
	float: left;
	display: block;
	text-decoration: none; /*padding inside each tab*/
	color: #ffffff;
	margin-right: auto;
	text-transform:uppercase;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 1px;
	padding-bottom: 8px;
	padding-left: 10px;







}















#navWithLogos a:hover{







	font: normal 11px Tahoma, Arial, sans-serif;







	color: #4aaee9;







	background: none; /*background of tabs for hover state */







	text-decoration: none;







	text-transform:uppercase;







}















#active_menu-mainNav {







	font: normal 11px Tahoma, Arial, sans-serif;







	color: #4aaee9;







	background: none; /*background of tab with "selected" class assigned to its LI */







	text-decoration: none;







	text-transform:uppercase;







}















#mainNavLinks {















	display:table;







}















.mainNavPush {







	







	margin: 72px 15px 0 0;







}















/****************************************







			SECONDARY NAV







****************************************/

.moduletable-secondNav {
	float:right;
	margin: 0 55px 0 0;	
}
#secondaryNav {


	width: 900px;


	height: 20px;


	text-align: left;

	display: block;


	padding: 0 0 10px 0;


	clear: both;





}

.moduletable-secondNav a{







	font: normal 10px Arial;



	float: left;



	display: block;



	text-decoration: none;



	margin: 0;


	padding: 8px 12px; /*padding inside each tab*/


	color: #ffffff;


	margin-right: 2px;


	text-transform:uppercase;



}




.moduletable-secondNav a:hover{







	font: normal 10px  Arial;


	color: #4aaee9;


	background: none; /*background of tabs for hover state */



	text-decoration: none;




	text-transform:uppercase;


}

div.subnav{	
	margin-top:-60px;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	text-transform:uppercase;
	color:#004670;
	padding-bottom:10px;
	}
div.subnav ul{list-style:none;}
div.subnav ul li{
	float:left;
	width:130px;
}

/****************************************************************************************







								GLOBAL CONTENT STYLES







					==! styles for individual pages are below !==







****************************************************************************************/















#contentBG {







	







	background: url(../images/contentTop.jpg) no-repeat;







	width: 806px;	







	height: auto;







	float: left;







}







#contentBG2 {







	







	background: url(../images/contentTop2.jpg) no-repeat;







	width: 806px;	







	height: auto;







	float: left;







}







#contentBottom {















	background: url(../images/contentBottom.jpg) no-repeat;







	width: 806px;







	height: 47px;







	margin: 0 auto; /* centers the div in the main container by adding 47px on each side */







}







#contentColumn {


	width: 700px; /* 540px - 40px padding = 500px */


	height: auto;

	float: left;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;

	line-height: 19px;


	font-weight: normal;

	color: #000000;


	/*padding: 35px 15px 0px 25px;*/

	padding: 12px 15px 0px 8px;





}







#sideColumn {















	width: 232px; /* 250px - 18px padding = 232px */







	height: auto;







	padding: 38.5px 0px 0px 0px;







	float: left;







}







#listLeft {















	width: 200px;







	height: auto;







	float: left;







}







#listRight {















	width: 200px;







	height: auto;







	float: left;







}















/****************************************







			PAGES WITH ONE COLUMN







****************************************/















#oneColumnContent {















	width: 750px; /* 800px - 50px padding = 750px */







	height: auto;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	line-height: 19px;







	font-weight: normal;







	color: #000000;







	/*padding: 35px 25px 0px 25px;*/

	padding: 12px 15px 0px 8px;





	display:table;







	position: relative;







}















/****************************************************************************************







			PAGES WITH ONE COLUMN AND NAVIGATION IN THE CONTENT COLUMN







****************************************************************************************/























#columnNegativeMargin {















	margin-top: -35px;







}	















/****************************************************************************************







			PAGES WITH TWO COLUMNS AND 2 ROWS IN CONTENT COLUMN







****************************************************************************************/















#topLeft {















	width: 365px; /* 375px (actual width) - 10px (padding) = 365px */







	height: auto;







	float: left;







	padding-right: 10px;







	margin-bottom: 20px;







}







#topRight {















	width: 365px; /* 375px (actual width) - 10px (padding) = 365px */







	height: auto;







	float: left;







	padding-left: 10px;







	margin-bottom: 20px;







}







#bottomLeft {















	width: 700px; /* 375px (actual width) - 10px (padding) = 365px */







	height: auto;







	float: left;







	padding-right: 10px;







}







#bottomRight {















	width: 365px; /* 375px (actual width) - 10px (padding) = 365px */







	height: auto;







	float: left;







	padding-left: 10px;







}















/****************************************************************************************







			PAGES WITH TWO COLUMNS - 1 ROW IN LEFT COLUMN AND 2 ROWS IN RIGHT COLUMN







****************************************************************************************/















#leftColumn1 {















	width: 435px; /* 455px (actual width) - 20px (padding) = 435px */







	height: auto;







	float: left;







	padding-right: 20px;	







}







#rightColumn1 {







	







	width: 295px;







	height: auto;







	float: left;







	display:table;







}







#rightTop1 {







	







	width: 295px;







	height: auto;







	float: left;







	margin-bottom: 20px;







}







#rightBottom1 {















	width: 295px;







	height: auto;







	float: left;







}







table.locationChart {















	font-size: 10px;







	font-weight: normal;







}







table.locationChart tr.titleRow td {















	background: #004ea4; 







	color:#ffffff;







	font-weight:bold;







	padding-right: 5px;







}







table.locationChart td.leftColumn {















	background: #cccccc;







	color: #000000;







	padding-left: 5px;







}







table.locationChart td.middleColumn, table.locationChart td.rightColumn {















	color: #000000;







	padding-right: 5px;







}















/**************************************************************************************************







			PAGES WITH TWO COLUMNS - NAV IN TOP CONTENT, PICS IN LEFT AND CONTENT IN RIGHT







**************************************************************************************************/















#leftColumn2 {















	width: 262px; /* 277px (actual width) - 15px (padding) = 258px */







	height: auto;







	float: left;







	padding: 12px 0 0 15px;







	







}







#rightColumn2 {















	width: 453px; /* 473px (actual width) - 20px (padding) = 457px */







	height: auto;







	padding: 28px 0 0 20px;







	float: left;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	line-height: 19px;







	font-weight: normal;







	color: #000000;







}







#contentNav {
	background: url(../images/contentNavBG.jpg) no-repeat 46px 0px;
	width: auto;
	height: 76%; /* 46px (actual width) + 10px (padding) + 20px (makes up for negative margin) = 76px */
	/*margin: -20px 0 -41px -15px;*/


	margin: 0px 0 0px -45px;
	padding: 10px 0 0 40px;






}







#contentNavLinks {
	margin-left: 30px;
	padding-bottom: 10px;
	padding-right:5px;
	margin-top:-5px;
	font-family: Helvetica,sans-serif;
	text-decoration: none;
	font-size: 10px;
	text-transform: none;
	color: #004670;
}

#contentNavLinks ul{
	list-style:none;

}
#contentNavLinks ul li{
float:left;width:150px;

}

#contentNavLinks ul li a{
text-decoration:none;padding-bottom:10px;

}


.moduletable-thirdNav{
margin-top:10px;
}

.moduletable-thirdNav a {








 






	margin: 0 15px 0 0 ;







	padding: 0;







	display:inline;







	font-family: Helvetica, sans-serif;







	text-decoration: none;







	font-size: 10px;







	text-transform:uppercase;







	color:#004670;







}















ul.backgroundColor {















	background: #b5b5b5;







	padding: 10px 10px 10px 25px;







}















/****************************************







			CONTACT FORM







****************************************/















br.clearfix {















	display: block;







	height: 1px;







	display: hidden;







}







form#contact label {















	display: block;







	float: left;







	margin-bottom: 12px;







}







form#contact input, select, textarea {















	font-family: Helvetica, Arial, sans-serif;







	font-size: 13px;







	font-weight: normal;







	color: #031b31;







}







form#contact input {















	width: 415px;







	background: #ffffff;







	border: #828282 solid 1px;







	margin-top: 3px;







	padding: 3px;







}







form#contact input.csz {
	width: 130px;
	margin-right: 12px;







}







form#contact label.checkbox {















	margin-bottom: 0;







}







form#contact input.checkbox {















	margin: 0 8px 0 12px;







	width: auto;







	border: none;







}







form#contact textarea {















	width: 415px;







	background: #ffffff;







	border: #828282 solid 1px;







	margin-top: 3px;







	height: 125px;







	padding: 3px;







	font-family: Helvetica, Arial, sans-serif;







	font-size: 13px;







}







form#contact input.button {

















	border: #828282 solid 1px;







	background: #004670;







	color: #ffffff;







	padding: 5px 25px;







	width: auto;







}















/****************************************







			COPYRIGHT







****************************************/















#copyright {















	width: 800px;







	height: 35px;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 11px;







	line-height: 35px;







	font-weight: normal;







	color: #ffffff;







	margin: 0 auto; /* centers the div in the main container by adding 50px on each side */







}

#logo345{
	background-image:url(../../../images/navWithLogos.gif);
	background-repeat:no-repeat;
	padding-bottom:-22px;
	width:330px;
	float:right;
	margin-right:-50px;
	margin-top:28px;
	height: 50px;
}