/* COLORS: Brown #1A0701, Lighter Brown #280d04, Green #184620, Blue #516F91, Orange #C30 */ 

body {
	background-color:#1a0701;
	margin:5px 0px;
	padding:0px;
	text-align:left;
	color:#516f91;
	font-family: Helvetica, Arial, sans-serif;
}

#header_home {
	float:right;
	margin:0px 0px 5px 0px;
}
		
/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 {
	font-size:24px;
	padding:10px;
	color: #280d04;
	background-color: #516f91;
	border-bottom: solid #c30 3px;
}

h2 {
	font-size:18px;
	}
	
h3 {
	color:#516f91;
	font-size:20px;
	padding-top:10px;
	padding-bottom:20px;
	}

p.note {
	font-size: 11px;
	padding: 10px 5px;
	border: dashed #c30 1px;
}

p {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	margin:10px;
	margin-bottom:15px;
	
	}

/* general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
	width:900px;
	margin:0px auto;
	background-color:#280d04;
	
	/*border: solid #c30 1px;*/
}

#header {
	width:900px;
	background-image:url(../i/g/johnritterbush_trucking_sm.jpg);
	background-repeat:no-repeat;
	height:140px;
}

	#navigate {
		background-color: #526f91;
		float:right;
		min-width:150px;
		padding: 10px 7px;
		}
		
		#navigate ul li {
			display:inline;
			font-size:13px;
			}
			
		#navigate ul li a {
			border-right: solid 2px #280d04;
			text-decoration:none;
			color:#280d04;
			padding-right:5px;
			padding-left:2px;
			line-height:15px;
			}
			
		
		
		#navigate ul li a:hover {
			color:#c30;
			border-right: solid 2px #c30;
			padding-right:5px;
			padding-left:2px;
			line-height:15px;
			}
			
		#navigate ul li a#firstchild {
			padding-left:0px;
			}
		
		#navigate ul li a#lastchild {
			border: 0 none;
			padding-right:0px;
			}



#main {

}

#content {
	float:left;
	width:700px;
	padding-bottom: 10px;
	}
	
	#content p {
		/* font-size:13px; */
		color:#ccc;
		}
	

#side {
	float:left;
	width:200px;
	margin-left:0px;
	border-bottom: solid #c30 3px;
	}
	

	#side div {
		width:200px;
		background-color: #516f91;
		padding-bottom: 100px;
		}
		
		#side img {
			padding:10px 10px 25px 10px;
			}
		
		#side h1 {
			text-align:right;
			border-bottom:0 none;
			}
		
		#side div p, #side div ul li {
			text-align:right;
			font: normal 14px/16px Helvetica, Arial, sans-serif;
			margin-right:10px;
			color:#666;
			padding-bottom:10px;
			}
		
		#side div p a, #side div li a {
			color:#280d04;
			text-decoration:underline;
			}
			
		#side div p a:hover, #side div li a:hover {
			text-decoration:none;
			color:#c30;
			}
	
		#side div p {
			padding-top:25px;
			}


#footer {
	text-align:center;
	background-color: #516f91;
	margin:0px auto;
	width:900px;
	border-bottom: solid #c30 3px;
	padding:5px 0px;
}

	#footer p, #footer a {
		font-family: "Times New Roman", Times, serif;
		font-size:12px;
		line-height:14px;
		color:#280d04;
	}
	
	#footer a:visited, #footer a:active, #footer a:hover {
		color:#C30;
	}
	
	#footer br {
		line-height:16px;
		}

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
}

#links {
	padding:10px 10px 30px 10px;
	}
	
	#links p {
	padding:0px 25px 10px 25px;
	}

/*Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	text-decoration:none;
	color:#930;
	}

a:visited {
	text-decoration:none;
	color:#999;
	}

a:active {
	text-decoration:underline;
	color:#C30;
	}

a:hover {
	text-decoration:underline;
	color:#C30;
	}

/* Show Yourself Widget Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



#showyourself {
	font-family: Helvetica, Arial, sans-serif; /*"Trebuchet MS", arial, sans-serif;*/
	width: 190px;
	border: 1px solid #A8A8A8;
	list-style: none;
	margin: 0;
	padding: 0;
}
#showyourself h2 { 
	color:#1a0701;
	background-color: #cc3300;
	text-align: center;
	padding: 1px 5px;
	font-size: 18px;
	margin: 0;
	font-weight: normal;
}
ul#showyourself li {
	margin: 0px;
	padding: 1px 0px;
	list-style: none;
	display: block;
}
#showyourself li+li { 
	border-top: 1px solid #A8A8A8;
}
#showyourself li a { 
	background: #E8E8E8;
	display: block;
	color: #000000;
	font-size: 11px;
	padding: 1px 3px;
	border: 0;
	text-decoration: none; 
}
#showyourself li a img { 
	border-width: 0;
}
#showyourself li a:hover {
	background: #FFFFFF;
}
#showyourself strong {
	font-size: 15px;
	font-weight: normal;
}
#showyourself .footer {
	background-color: #cc3300;
	font-size: 10px;
	text-align: center;
}
#showyourself li a:hover.footer {
	background-color: #cc3300;
		text-decoration: underline;
}