*{margin:0; padding:0;}
body {text-align: center; font: 62.5% Verdana, Arial, Helvetica, sans-serif; background-image: url(http://webimages.chiefmfg.com/educationCenter/background.gif);} 
img {border: 0;}
p {font-size: 1em; margin-bottom: 15px;}
h1 {font-size: 1.9em; margin-bottom: 10px;}
h2 {font-size: 1.6em; margin-bottom: 5px; border-bottom: 2px solid #f6b446;}
h3 {font-size: 1.3em; margin-bottom: 5px;}
h4 {font-size: 1.2em; margin-bottom: 5px;}
ul, ol {margin-left: 30px; margin-bottom: 15px; font-size: 1.1em;}
li a {text-decoration: none;}
li a:hover {text-decoration: underline;}
 
#pagewidth {width:900px; text-align:left;  margin-left:auto; margin-right:auto; margin-top: 30px; background: #fff;}
#wrapper {margin-top: 5px;}
#content {border: 1px solid #999;}
.left {float: left; padding: 0 15px 15px 0;} 
.right {float: right; padding: 0 0 15px 15px;}

/* HEADER */

#logo {background-image:url(http://webimages.chiefmfg.com/educationCenter/WhiteCorner_UL.gif); background-repeat:no-repeat; background-position:left top; padding: 20px;}
#rightCorner {float: right; width: 10px; background-image:url(http://webimages.chiefmfg.com/educationCenter/WhiteCorner_UR.gif); background-repeat:no-repeat; background-position:right top;}
#loginContainer {float: right; position: relative; width: 310px; height: 85px; margin-bottom: 30px;}
#login {position: absolute; right: 10px; bottom: 5px; text-align: center;}
#login2 {position: absolute; right: 10px; bottom: 5px; text-align: center;}
.loginBox {float: left; padding: 5px 5px; text-align: left;}
.loginBox input {width: 100px; margin: 2px 0;}
#nav {float: left; padding: 10px 0 5px 15px; font-size: 1.2em; color: #ccc; clear:both;} 
#nav a {text-decoration: none; padding: 5px 10px;} 
#nav a:active {background: #bfbfbf;} 
a.chief, a.welcome, a.productTraining, a.events, a.multimedia, a.tools, a.news, a.aboutChief {color: #000;} 
a.chief:hover, a.welcome:hover, a.productTraining:hover, a.events:hover, a.multimedia:hover, a.tools:hover, a.news:hover, a.aboutChief:hover {background: #E1E1E1;} 
body.welcome a.welcome, body.productTraining a.productTraining, body.events a.events, body.multimedia a.multimedia, body.tools a.tools, body.news a.news, body.aboutChief a.aboutChief {color: #fff; background: #666;}
/* CONTENT */

#topcontent {background: #666;}
#topImage {float: left; padding: 10px 20px;}
#topVideo {float: left; padding: 10px 0px 10px 20px}
#topVideo p {width: 300px; color: #fff; text-align: center; padding-top: 10px;}
#topVideo p a {padding: 0 4px; color:#f6b446;}
#topText {float: left; color: #fff; width: 498px; margin: 30px 20px;}
#topText p {font-size: 1.4em;}
.top3items {float: left; width: 146px; padding: 10px 10px; text-align: center;}
.top3items img {margin-bottom: 4px;}
.top3items a {color: #f6b446;}
.top2items {float: left; width: 229px; padding: 10px 10px;}
.top2items img {margin: 0 8px 4px 0; float: left;}
.top2items a {color: #f6b446; font-size: 1.3em;}
.top2itemsImg {margin: 0 8px 4px 0; float: left;}
.top2itemsLink {color: #f6b446; font-size: 1.3em;}


.bottom3items {float: left; width: 240px; padding: 20px 30px; display: inline;}
.bottom2items {float: left; width: 390px; padding: 20px 30px; display: inline;}
.listedItem {padding: 6px 0;}
.listedItem img {float: left; padding: 0 10px 10px 0;}
.listedItem p {margin-left: 50px; margin-bottom: 0;}
.listedItem ul {list-style-position: inside; padding-top: 10px;}
.listedItemBig {padding: 6px 0;}
.listedItemBig img {float: left; padding: 0 10px 10px 0;}
.listedItemBig p {margin-left: 80px; margin-bottom: 0;}
.scrollBox {height: 200px; overflow: auto; border:1px solid #ccc; padding: 8px;}
.scrollBox p {font-size: 1.2em;}
.scrollBox h3 {color: #003366}
.calendarDate {float: left; width: 38px; height: 34px; background-image: url(http://webimages.chiefmfg.com/educationCenter/grey_roundbox.gif); background-repeat: no-repeat; color: #fff; text-align: center; padding-top: 3px;}

/* BLOG */

#blogLinks {float: left; width: 150px; padding: 30px 20px 20px 20px;}
#blogLinks ul {margin: 0 0 15px 0; padding: 0;}
#blogLinks li {list-style-type:none; font-size: 1em; padding: 4px 0;}
#blogContent {margin-left: 200px; padding: 30px 20px 20px 20px; font-size: 1.2em; line-height: 1.6em;} 
#blogContent H1 {margin-bottom: 20px;}
#blogContent H2 {margin-bottom: 10px;}
#blogAuthor {font-style: italic; margin-top: 0; padding-top: 0;}

/* ADMIN */

#adminLinks {float: left; width: 140px; padding: 10px 20px;}
#adminLinks ul {margin: 0; padding: 0;}
#adminLinks li {list-style-type:none; font-size: 1.3em; padding: 4px 0;}
#adminContent {margin-left: 200px; padding: 10px 20px;}

/* FOOTER */

#footer {background: #666; color: #fff; text-align: center; padding-bottom: 10px;}
#footer a {color: #fff;}
#footerRule {background: #f6b446; padding: 8px 0; margin-bottom: 10px; color: #000;}

/* DEALERS */
#dealerLoggedIn {background: url(../images/dealer_bg.gif) repeat-y;}
#dealerLoggedOut {margin: 0 20px; width: 650px;}
#dealerForm td {text-align: right; vertical-align: top; padding: 2px 2px;}
#dealerMenu {float: left; margin-right: 20px;}
ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; width: 16em; font-size: 1em;}
ul#menu a {display: block; text-decoration: none;}
ul#menu li {margin-top: 1px;}
ul#menu li a {background: #333; color: #fff; padding: 0.5em;}
ul#menu li a:hover {background: #000;}
ul#menu li ul li a {background: #ccc; color: #000; padding-left: 20px;}
ul#menu li ul li a:hover {background: #aaa; border-left: 5px #000 solid; padding-left: 15px;}

#dealerContent {padding-top: 20px;}
#dealerContent ul {list-style-type: none;}
#dealerContent li {padding: 5px 0;}
#dhome, #dcsiu1, #dcsiu2, #dcsiu3, #dcsiu4, #dcsiu5, #dcsiu6, #dcsiu7, #dcsiu8, #dimagelibrarychief, #dimagelibraryic, #dimagelibraryinternal, #dlogochief, #dlogoic, #dlogomilestone, #dmarketingresources, #dpowerpoint, #dproduct, #dvideos  {float: left; margin: 0 20px; width: 650px; border-top: 0;}
#dhome {display: block;}
#dcsiu1, #dcsiu2, #dcsiu3, #dcsiu4, #dcsiu5, #dcsiu6, #dcsiu7, #dcsiu8, #dimagelibrarychief, #dimagelibraryic, #dimagelibraryinternal, #dlogochief, #dlogoic, #dlogomilestone, #dmarketingresources, #dpowerpoint, #dproduct, #dvideos {display:none;}

.dimagelibrary {font-size: 1.1em; padding-bottom: 30px;}
.dimagelibrary h4 {color: #f6b446}
.dimagelibrary .dimagerightbar {float: right; margin-left: 30px;}
.dimagelibrary .dimagelogin {background: #f6b446; width: 180px; padding: 10px; margin-top: 20px;}
#dresourcestable {margin-bottom: 30px;}
#dresourcestable td {background: #ccc; padding: 5px;}
#dresourcestable td {text-align: center;}
#dresourcestable th {background: #012d6a; color: #fff; padding: 5px;}
#dresourcestable .dresources {background: #666; color: #fff; text-align: left;}
#dresourcestable .dresources a {color: #fff; text-decoration: underline;}
#dresourcestable ul {list-style-type: disc;}
#dresourcestable li {}
#dresourcessubtitles td {background: #fff;}

a.pdf {padding: 2px 0 2px 25px; background: url(../images/icon_pdf.gif) no-repeat left;}
a.ppt {padding: 2px 0 2px 25px; background: url(../images/icon_ppt.gif) no-repeat left;}
a.jpg {padding: 2px 0 2px 25px; background: url(../images/icon_jpg.gif) no-repeat left;}
a.xls {padding: 2px 0 2px 25px; background: url(../images/icon_xls.gif) no-repeat left;}



/* FIXES */
.clearFloats {clear: both;}
 
 /* Float containers fix: */
.clearfix:after, .listedItem:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
.clearfix, .listedItem{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, *html .listedItem{height: 1%;}
.clearfix, .listedItem{display: block;}
/* End hide from IE-mac */