/* ======================== */
/* == GENERAL FORMATTING == */
/* ======================== */

h1 {			
	color: #0A2972;
	text-transform: capitalize;			
	}
a:hover {
	text-decoration: none;
	}
.sample {	
	margin-top: 40px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	}
	ul.sample, ol.sample {
		list-style-position: inside;
		}


/* =========================================== */
/* == STRUCTURAL LAYOUT AND SPECIFIC DESIGN == */
/* =========================================== */

div#main {
	position: relative; /* Need this so properly position child tags */
	width: 645px;
	height: 483px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url(http://www.coopertire.com/html/images/frame_thirdparty.gif) no-repeat;
	}
	div#header {
		position: absolute;
		top: 45px;
		left: 187px;
		width: 407px;
		height: 30px;		
		overflow: hidden;
		}
	div#navigation {
		position: absolute;
		top: 21px;
		left: 17px;		
		width: 150px;		
		height: 443px;
		margin-right: 10px;		
		overflow: auto;
		background: #B8B6B6 url(http://www.coopertire.com/html/images/logos/CooperTires_white.gif) center 5px no-repeat; /* Logo */
		}
		ul.primary {
			list-style-type: none;			
			margin: 50px 0px 0px 0px;
			padding: 0px;
			}
			li.primary {							
				margin-top: 1px;									
				background-color: #8C8C8C;
				border-top: 1px solid #7A7A7A;
				border-bottom: 2px solid #333;
				}	
				a.primary {
					display: block;	
					width: auto;
					/* REM height: 20px; */					
					padding: 3px 10px 3px 10px;
					font-size: 11px;	
					font-weight: bold;
					color: #FFF;			
					text-decoration: none;					
					}
					a.primary:hover {
						background-color: #A7ABAC;
						}
					ul.secondary {
						list-style-type: none;						
						margin: 0px;
						padding: 1px 5px 2px 10px;
						background-color: #FFF;
						border: 1px solid #8C8C8C;
						display: none; /* Hide by default */						
						}
						li.secondary {											
							}
							li.secondary a {
								display: block;
								padding: 2px 0 2px 0;
								text-decoration: none;
								}
							li.secondary a:hover {
								text-decoration: underline;
								}
	div#content {
		position: absolute;
		top: 80px;
		left: 187px;
		width: 407px;
		height: 358px;
		padding-right: 10px;
		overflow: auto;		
		}