/* CSS Document */

* { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }

.clearer { clear: both; }

/* framework */

#frame { margin: 0px auto; width: 760px; }

#frame-top { width: 760px; height: 160px; background: url(../images/dirtbuster-logo.gif) no-repeat; }

#frame-nav { width: 160px; float: left; padding: 25px 30px 20px 10px; }
#frame-nav li { list-style: none; padding-bottom: 15px; }
#frame-nav a { text-decoration: none; color: #333333; font-weight: bold; }
#frame-nav a:hover { text-decoration: underline; color: #FF4900; font-weight: bold; }

#frame-content { width: 540px; float: left; padding: 20px 20px 20px 0px; color: #333333; }
#frame-content ul { padding: 0px 0px 10px 16px; }
#frame-content li { padding-bottom: 10px; font-size: 75%; }
#frame-content p { padding-bottom: 10px; font-size: 75%; line-height: 140%; }
#frame-content h1 { padding: 10px 0px; font-size: 140%; color: #333333; }
#frame-content h2 { padding: 10px 0px; font-size: 120%; color: #FF4900 }
#frame-content h3 { padding: 10px 0px; color: #FF4900; font-size: 90%; }
#frame-content img { padding-bottom: 10px; }

#frame-action { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0px; margin-top: 20px; }
#frame-action p { font-size: 120%; font-weight: bold;  color: #333333; padding: 0px; }
#frame-action a { text-decoration: underline; color: #333333; font-weight: bold; }
#frame-action a:hover { text-decoration: underline; color: #FF4900; font-weight: bold; }
.orange {
	font-size: 120%;
	color: #FF4900
}