BODY {margin:25px 0 0 0; text-align:center;  background : url(../images/backgrounds/page.gif) repeat-x top left fixed #4A322F;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Verdana, Arial, Helvetica, sans-serif;}
img {border:0; }
p, td, div {font-size:10px; color:#1D1F20; }
p {padding-bottom:12px;}
a {color:#93342A; text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {font-size:24px; color:#49312E; padding:8px 0 20px 0;}
h2 {font-size:16px; color:#A18660; font-family: arial; padding:10px 0 2px 0;}
h3 {font-size:14px; color:#7E6D55; font-family: arial; padding:5px 0;}
.smallBrown {font-size:9px; color: #A28355;}

.container {width:915px; margin: 0 auto; text-align:left; }


/*header styles, including logo and utility navigation*/
.utilityNav {float:left; width:895px; text-align:right; padding:3px 20px 1px 0; background : url(../images/backgrounds/utility-nav.gif) no-repeat; }
.utilityNav a {color:#000; text-decoration: none;}

.header {float:left; width:915px;}
.header .logo {float:left; width:210px; padding:0 0 52px 20px;}
body.subpage .header .logo {float:left; width:210px; padding:0 0 10px 20px;}/*special case for subpages because masthead isn't as tall as homepage*/

/*sectin specific styles*/
body#home .header {background : url(../images/backgrounds/masthead-home.jpg) no-repeat; }
body#about .header {background : url(../images/backgrounds/masthead-about.jpg) no-repeat; }
body#programs .header {background : url(../images/backgrounds/masthead-programs.jpg) no-repeat; }
body#training .header {background : url(../images/backgrounds/masthead-training.jpg) no-repeat; }
body#design .header {background : url(../images/backgrounds/masthead-design.jpg) no-repeat; }
body#inspection .header {background : url(../images/backgrounds/masthead-inspections.jpg) no-repeat; }
body#equipment .header {background : url(../images/backgrounds/masthead-equipment.jpg) no-repeat; }
body#resources .header {background : url(../images/backgrounds/masthead-resources.jpg) no-repeat; }



 
#main {float:left; width:915px; background : url(../images/backgrounds/inner-container.jpg) no-repeat top #DED5C3;}
#main .inner {float:left; width:915px; background : url(../images/backgrounds/footer.jpg) no-repeat bottom; padding-bottom:50px; }
body#programs #main .inner {float:left; width:915px; background : url(../images/backgrounds/footer-programs.jpg) no-repeat bottom; padding-bottom:50px; }
 
        
/*column containing main content well*/
#content.column {float:left; width:554px; padding:30px 30px 150px 31px;}
#sidebar.column {float:left; width:300px; padding:75px 0 170px 0;}
#sidebar.column ul {list-style-type:none;}
#sidebar.column li {padding:5px 0;}

/*styles for resources page with fancy divider*/
body.divider #content.column {float:left; width:514px; padding:30px 30px 150px 31px; background : url(../images/divider.gif) no-repeat 100% 90px;}
body.divider #sidebar.column {float:left; width:325px; padding:90px 0 170px 15px;}

/*styles for gallery pages*/
body.gallery #content.column {float:left; width:800px; padding:30px 30px 150px 31px;}
body.gallery #content.column .gallery img {float:left; padding:0 10px 10px 0;}
body.gallery #content.column .gallery .item {float:left; width:120px; height:180px; padding:0 10px 5px 0;}
body.gallery #content.column .gallery .item img {padding:0 10px 5px 0;}

/*form styles*/
fieldset {border: 0; padding-top:15px;}
fieldset label {width:160px; float:left; text-align:right; padding:2px 5px 0 0;}
fieldset p {float:left; width:500px;}
fieldset option {padding:0 3px 0 3px;}
fieldset input {float:left; width:300px;  border: 1px solid #A98B5D; padding:2px;}
fieldset select {border: 1px solid #A98B5D; }
fieldset textarea {width:300px; height:50px; border: 1px solid #A98B5D; }
fieldset input, fieldset textarea, fieldset option, fieldset select {font-size:11px;}
fieldset input.submitButton {float:none; position: relative; left:166px; margin-top:15px;width:100px;}

/*footer styles*/
.footer { width:902px;float:left; padding:0 10px 10px 3px; position: relative; top:-27px;}
.footer .nav {float:left; width:895px; text-align:left; font-size:12px; color:#1D1F20;}
.footer .nav a { color:#000; text-decoration:none; padding:5px;}
.footer .nav a:hover {color:#93342A;}
.footer .designedBy {float:right; padding:15px 10px 0 0;} 

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}