/****HTML****/

body { margin: 0; font: 12px Helvetica, Arial, sans-serif; line-height: 1.7; color: #333333; text-align: center; background: url("../images/background.jpg") repeat; }
/* 
	Setting the body font-size to 62.5% means that 1em = 10px 
	so we can easily calculate dimensions for a flexible layout. 
*/

:focus { outline: none; /* prevent annoying outline on FF bkgnd image links */ }

.clear { clear: both; }

#master-container { margin: 0 auto; background-color: #FFFFFF; width: 920px; overflow: visible; text-align: center; clear: both; }

/****HEADER****/
#header-container { margin: 0 auto; background-color: #FFFFFF; width: 900px; text-align: left; }

#header-left { margin: 0 auto; background-color: #FFFFFF; width: 631px; float: left; }
#header-right { margin: 0 auto; background-color: #FFFFFF; width: 269px; float: left; }


/****NAVIGATION****/
#nav-container { margin: 0 auto; width: 900px; overflow: hidden; clear: both; }
#nav-stripes { margin: 0 auto; width: 900px; clear: both; }

#sec-nav { padding: 10px; margin: 10px 0 0 0;  width: 550px; background-color: #cccccc; clear:both; }
#big-nav { padding: 10px; margin: 10px 0 0 0;  width: 900px; background-color: #cccccc; clear:both; float: none;}

/****CONTENT****/

#content-container { margin: 0 auto; width: 900px; overflow: hidden; clear: both; }

#content-container-left { margin: 0 auto; width: 605px; text-align: left; float: left; }
#content-container-right { margin: 0 auto; width: 295px; float: left; }

#home-feature { margin: 0 auto; width: 588px; background-color: #ecedee; float: left; text-align: center; }
#home-feature-guts { margin: 0 0 0 8px; width: 571px; background-color: #ecedee; float: left; text-align: left; }

#home-feature-wide { margin: 0 0 0 8px; width: 900px; background-color: #ecedee; float: left; text-align: center; }

#full-feature { margin: 0 auto; width: 888px; background-color: #ecedee; float: left; text-align: center; }
#full-feature-guts { margin: 0 0 0 8px; width: 871px; background-color: #ecedee; float: left; text-align: left; }

#feature-small { margin: 0 auto; height: 50px;}

#feature-master{ margin: 0 auto; width: 295px;  float: left; text-align: center; }
.feature-container { margin: 0 0 30px 0; width: 295px; height: 167px; background-color: #f1f2f3; float: left; text-align: center; }
.feature-container2 { margin: 0 0 30px 0; width: 295px; height: 230px; background-color: #f1f2f3; float: left; text-align: center; }
.feature-red { margin: 5px 5px 5px 5px; width: 285px; height: 170px; background-color: #a70607; background: url("../images/feature-special-events.jpg") no-repeat; float: left; text-align: left; }
.feature-red p { font: 11px Helvetica, Arial, sans-serif; line-height: 14px; color: #FFFFFF; padding: 45px 0px 0px 15px;}
.feature-red a { color: #FFFFFF; font-size: 11px; text-decoration: underline;  }
.feature-red a:visited, feature-red a:active { COLOR: #FFFFFF; font-size: 11px;  }
.feature-red a:hover { COLOR: #FFFFFF; font-size: 11px; }	

.feature-red2 { margin: 5px 5px 5px 5px; width: 285px;height: 230px; background-color:  #a70607; float: left; text-align: center; }
.feature-red2 p { font: 11px Helvetica, Arial, sans-serif; line-height: 14px; color: #FFFFFF; padding: 0px 0px 0px 15px;}
.feature-red2 a { color: #FFFFFF; font-size: 11px; text-decoration: underline;  }
.feature-red2 a:visited, feature-red a:active { COLOR: #FFFFFF; font-size: 11px;  }
.feature-red2 a:hover { COLOR: #FFFFFF; font-size: 11px; }	

.feature-blue-sec { margin: 5px 5px 5px 5px; width: 285px;height: 170px; background-color: #0c125a; float: left; text-align: center; }
.feature-blue-sec p { font: 11px Helvetica, Arial, sans-serif; line-height: 14px; color: #FFFFFF; }
.feature-blue-sec a { color: #FFFFFF; font-size: 11px; text-decoration: underline;  }
.feature-blue-sec a:visited, feature-blue a:active { COLOR: #FFFFFF; font-size: 11px;  }
.feature-blue-sec a:hover { COLOR: #FFFFFF; font-size: 11px; }	

.feature-blue { margin: 5px 5px 5px 5px; width: 285px;height: 170px; background-color: #0c125a; float: left; text-align: center; }
.feature-blue p { font: 11px Helvetica, Arial, sans-serif; line-height: 14px; color: #FFFFFF; padding: 0px 0px 0px 15px;}
.feature-blue a { color: #FFFFFF; font-size: 11px; text-decoration: underline;  }
.feature-blue a:visited, feature-blue a:active { COLOR: #FFFFFF; font-size: 11px;  }
.feature-blue a:hover { COLOR: #FFFFFF; font-size: 11px; }	


.feature-grey { margin: 5px 5px 5px 5px; width: 285px;height: 170px; background-color: #eeeff0; float: left; text-align: left; }
.feature-grey p { font: 11px Helvetica, Arial, sans-serif; line-height: 14px; color: #31315f; }
.feature-grey a { color: #31315f; font-size: 11px; text-decoration: underline;  }
.feature-grey a:visited, feature-blue a:active { COLOR: #31315f; font-size: 11px;  }
.feature-grey a:hover { COLOR: #31315f; font-size: 11px; }	



#feature-img-shirt { float: left; padding: 0px 10px 10px 0px; }

#content-container ul { list-style-type: disc; padding: 0 0 0 20px; margin: 0; }
#content-container ul li { padding-bottom: 0px; }

#content-container ol { list-style-type: decimal;  padding: 0 0 0 20px; margin: 0; }
#content-container ol li { padding-bottom: 10px; }
#content-container ol li ul { list-style-type: disc; padding: 0 0 0 20px; margin: 0; }
#content-container ol li ul li { padding: 10px 0 0 0; }

#snowy { float: left; padding: 15px 10px 10px 0px; }

/****FOOTER****/

#footer-container { margin: 0 auto; width: 900px; }

#footer-stripes { margin: 0 auto; width: 900px; clear: both; }
#footer-logos { padding: 0px 0px 30px 0px; width: 900px; Text-align: center; clear: both; }

#footer-nav {  margin: 0px 0px 30px 0px; width: 900px; overflow: hidden; text-align: center; float: left; }
#footer-nav p{ font: 11px Helvetica, Arial, sans-serif; line-height: 1; color: #333333; }
#footer-nav a { color: #31315f; font-size: 11px; text-decoration: none; padding-bottom: 0px; padding: 0px; text-transform: uppercase; }
#footer-nav a:visited, footer-nav a:active { COLOR: #333333; font-size: 11px; text-decoration: none; text-transform: uppercase; }
#footer-nav a:hover { COLOR: #333333; font-size: 11px; text-decoration: underline; text-transform: uppercase; }	




