/*

	TITLE:	T & W Tire
	DATE:	6-13-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px Arial; color: #00151a;
}

#bg{width: 100%; float: left; background: #fff url('images/mainBg.png') repeat-x;}

/* links */
a{color: #f93f10; font-weight: bold; text-decoration: none;}
a:hover{text-decoration: none; background: #f93f10; color: #fff;}

/* heading */
h1{font: normal 2.0em 'Arial Black'; padding: 5px 0px; color: #00556a; text-transform: Uppercase;}
h2{font: normal 1.2em 'Arial Black'; padding: 3px 0px; color: #012f3a;}
h3{font: normal 1.1em 'Arial Black'; padding: 2px 0px; color: #00556a;}
h4{font: normal 1.0em 'Arial Black'; padding: 1px 0px; color: #00556a;}
h5{font: normal 0.9em 'Arial Black'; padding: 0px 0px; color: #00556a;}
h6{font: normal 0.8em 'Arial Black'; padding: 0px 0px; color: #00556a;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#frame{width: 758px; margin: 0 auto; background: url('images/shdw.gif') center top no-repeat;}

#mainNav{width: 750px; height: 82px; padding: 0 4px;}
#mainNav ul{text-align: right;}
#mainNav li{list-style: none; float: right; }
#mainNav li a{height: 34px;font-size: 14px; float: left; padding: 48px 15px 0 15px; text-transform: Uppercase; text-decoration: none; color: #00151a;background: url('images/mainNavSep.gif') bottom right no-repeat;}
#mainNav li a:hover, #mainNav li.selectedPage a{background-color: #c5e9f2;}

#header{width: 750px; height: 84px; float: left; position:relative; margin: 0 4px; display: inline; background: url('images/header.png') no-repeat;}
#header h1#title a{width: 200px; height: 65px; float: left; text-indent: -9999px;}
#header h1#title a:hover{background-color: transparent !important;}
#header #quote{width: 500px; position: absolute; right: 20px; bottom: 32px; text-align: right; color: #fff; text-transform: Uppercase; font: italic normal 1.3em 'Franklin Gothic Heavy';}

#container{width: 758px; float: left; background: url('images/container.gif') repeat-y;}
#containerStretch{width: 750px; float: left; padding: 0 4px 100px 4px; background: url('images/containerStretch.png') bottom no-repeat;}
#containerStretch ul{padding: 5px 15px;}

#subCol{width: 222px; float: left;}
#subCol ul{padding: 0;}
#subCol #sideImg{width: 222px; float: left;}

#subCol #sideNav{width: 222px; float: left;}
#subCol #sideNav ul{width: 186px; float: left; margin: 15px 17px; display: inline; background: url('images/sideNavSep.gif') top repeat-x ;}
#subCol #sideNav li{width: 186px; float: left; list-style: none;}
#subCol #sideNav li a{width: 166px; float: left; font-family: 'Arial Black'; padding: 8px 10px; color: #003f4f; text-transform: Uppercase; font-weight: normal; text-decoration: none; background: url('images/sideNavSep.gif') bottom repeat-x ;}
#subCol #sideNav li a:hover, #subCol #sideNav li.selectedPage a{color: #fff; background-color: #003f4f;}

#mainCol{width: 528px; float: right;}
#mainCol #bd{width: 498px; padding: 5px 15px 3px 15px; color: #00151a; background-color: #eee;}
#mainCol #content{width: 468px; float: left; padding: 10px 25px 0 25px; height: auto; min-height: 450px; _height: 450px;}

#flash{width: 750px; float: left; padding: 15px 4px 0 4px;}
#actions{width: 750px;; float: left; margin: -4px 0 0 0; padding: 0 4px;}
#actions #aLeft{width: 50%; float: left;}
#actions #aLeft .a1{width: 188px; float: left;}
#actions #aLeft .a2{width: 187px; float: right;}
#actions #aRight{width: 50%; float: right;}
#actions #aRight .a3{width: 188px; float: left;}
#actions #aRight .a4{width: 187px; float: right;}

#newsEvents{width: 758px; float: left; margin: -4px 0 0 0; background: url('images/newsEventsTile.png') repeat-y;}
#newsEvents h1{font: normal 1.6em 'Arial Black'; padding: 3px 0px; color: #00556a;}
#newsEventsTop{width: 718px; float: left; padding: 30px 20px 0 20px; background: url('images/newsEventsTop.png') no-repeat;}
#newsEvents #hLeft{width: 335px; float: left; padding: 0 0 0 10px;}
#newsEvents #hRight{width: 335px; float: right; padding: 0 10px 0 0;}

#partners{width: 758px; height: 215px; float: left; position: relative; background: url('images/partners.png') no-repeat;}
#partners li{list-style: none;}
#partners #gy{width: 160px; height: 32px; position: absolute; left: 30px; top: 63px; background: none;}
#partners #dt{width: 160px; height: 36px; position: absolute; left: 210px; top: 63px; background: none;}
#partners #yh{width: 140px; height: 32px; position: absolute; left: 388px; top: 63px; background: none;}
#partners #mn{width: 180px; height: 32px; position: absolute; left: 540px; top: 63px; background: none;}
#partners #bg{width: 160px; height: 32px; position: absolute; left: 170px; top: 106px; background: none;}
#partners #kt{width: 170px; height: 35px; position: absolute; left: 440px; top: 106px; background: none;}

#footer{width: 708px; float: left; padding: 0 25px; font-family: Verdana;} 
#footer ul{padding: 10px 0 0 0; margin: 0 0 -20px 0;}
#footer li{display: inline; list-style: none; padding: 0 5px 0 0;}
#footer li a{color: #999; font-weight: normal; text-transform: Uppercase; text-decoration: none;}
#footer li a:hover{background-color: #fff; text-decoration: Underline;}
#footer p#water a{width: 127px; height: 23px; float: right; text-indent: -9999px; background: url('images/water.gif') no-repeat;}
#footer p{font-size: .9em; color: #999;}

#adminContainer{width: 758px; float: left; background: url('images/admin.gif') 4px 0 repeat-y;}

.regionBoundary li a:hover{background-color: none !important; }
/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}