@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
table, th, td {
   border: 1px solid white;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
*/

body {
    background-color: #402615;
	margin: 0;
	padding: 0;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* ------------------- DIVIDER ------------------- */

/* Mobile Layout: 340px and below. */
  
body {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
    color: #000000;
}

.gridContainer {
    background-color: #ffffff;
	width: 320px;
	margin: 0 auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.fluid {
}

#header { display: none; }
#headerTablet { display: none; }
#headerMobile {
    width: 320px;
    height: 100%;
    display: block;
}

#banner { display: none; }
#bannerMobile {
    width: 320px;
    height: 100%;
    display: block;
}

#content_full {
    background-color: #ffffff;
	width: 320px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;
}
#content {
    background-color: #ffffff;
	width: 280px;
	padding: 15px 20px 8px 20px;
	margin: 0;
	float: left;
	overflow: hidden;
}

#columns {
	width: 280px;
    padding: 0px 20px 0px 20px;
    clear: right;
    overflow: auto;
}
#columns_left {
	width: 100%;
	float: left;
}
#columns_right {
	width: 100%;
	float: left;
}

#footerMobile {
    background-color: #1b2228;
	width: 280px;
	padding: 25px 20px 15px 20px;
	clear: both;
    display: block;
}
#footer { display: none; }


.zeroMargin_mobile { margin-left: 0; }
.hide_tablet { display: none; }

/* end mobile media query */

/* ------------------- DIVIDER ------------------- */

/* begin tablet: 301px to 600px, inherits styles from mobile */

@media only screen and (min-width: 700px) {
    
body {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.6em;
    color: #000000;
}

.gridContainer {
    background-color: #ffffff;
	width: 700px;
	margin: 0 auto;
	clear: none;
	float: none;
}
.fluid {
}
        
#headerTablet {
    width: 700px;
    display: block;
    position: fixed;
    z-index: 100;
	clear: right;
}
#header { display: none; }
#headerMobile { display: none; }
    
#banner {
	width: 700px;
    margin-top: 95px;
	clear: right;
	display: block;
}
#bannerMobile { display: none; }

    
#content_full {
    background-color: #ffffff;
	width: 700px;
	padding: 0;
	float: left;
	overflow: hidden;
}
#content {
    background-color: #ffffff;
	width: 640px;
	padding: 20px 30px 15px 30px;
	float: left;
	overflow: hidden;
}
    
#columns {
	width: 650px;
    padding-right: 20px;
    clear: right;
    overflow: auto;
}
#columns_left {
	width: 40%;
    padding-left: 20px;
	float: left;
}
#columns_right {
	width: 40%;
	padding-right: 20px;
	float: right;
}
    
#footer {
    background-color: #1b2228;
	width: 620px;
	padding: 30px 40px 20px 40px;
	clear: both;
    display: block;
}
#footerMobile { display: none; }

.zeroMargin_mobile { margin-left: 0; }
.hide_tablet { display: none; }

} /* end tablet media query */

/* ------------------- DIVIDER ------------------- */

/* begin desktop: 701px to a max of 960px, inherits styles from mobile and tablet */

@media only screen and (min-width: 940px) {

.gridContainer {
    background-color: #ffffff;
	width: 1000px;
	margin: 0 auto;
	clear: none;
	float: none;
}
.fluid {
}
    
body {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.6em;
    color: #000000;
}

#header {
    width: 1000px;
    display: block;
    position: fixed;
    z-index: 100;
	clear: right;
}
#headerTablet { display: none; }
#headerMobile { display: none; }

#banner {
	width: 1000px;
    margin-top: 140px;
	clear: right;
	display: block;
}
#bannerMobile { display: none; }
    
#content_full {
    background-color: #ffffff;
	width: 1000px;
	float: left;
	overflow: hidden;
}
#content {
    background-color: #ffffff;
	width: 900px;
	padding: 25px 50px 30px 50px;
	float: left;
	overflow: hidden;
}
    
#columns {
	width: 100%;
    clear: right;
    overflow: auto;
}
#columns_left {
	width: 45%;
    padding-left: 20px;
	float: left;
}
#columns_right {
	width: 45%;
	margin-right: 30px;
	float: right;
}

#footer {
    background-color: #1b2228;
	width: 880px;
	padding: 40px 60px 25px 60px;
	clear: both;
    display: block;
}
#footerMobile { display: none; }

.zeroMargin_mobile { margin-left: 0; }
.hide_desktop { display: none; }

} /* end desktop media query */

/* ------------------- DIVIDER ------------------- */

#clear { clear: both; }

#spacer_10 { height: 10px; clear: right; }
#spacer_20 { height: 20px; clear: right; }
#spacer_30 { height: 30px; clear: right; }

#placeholder { 
    width: 100%;
    float: left;
    clear: both;
    overflow: hidden;
}

/*  

Dark Blue = #1b2228
Dark Grey = #2d322b
Gold = #d0b500
Mustard = #c49d00 

*/