body  { font: 100% Trebuchet MS, sans-serif; line-height: 1.125em; background: #004250;
				margin: 0; padding: 0; text-align: center; color: #595959; }

img { border: 0; }
img, object, embed { display: block; }

a { text-decoration: none; border-bottom: 1px solid #ccc; color: #595959; font-weight: bold; }
a:hover { border: none; }

p { font-size: 0.75em; margin: 0 0 .875em 0; padding: 0; }
p.nopad { margin: 0; }
p.credits { margin-top: 3.5em; }

h1, h3, h4 { color: #004250; padding: 0; font-weight: bold; }
h1 { font-size: 0.75em; text-transform: uppercase; margin: 0 0 .875em 0; }
h3 { font-size: 0.75em; margin: 0; }
h4 { font-size: 0.6875em; margin: 0; }

ul { font-size: 0.75em; list-style-type: none; margin: 0 0 .875em 0; padding: 0; }
ul li { margin: 0; padding: 0; }

.lowercase { text-transform: capitalize; }
.size11 { font-size: 0.6875em; }
.bold { font-weight: bold; }
.floatL { float: left; margin-right: 10px; }
.right { text-align: right; }

/* DIRECTIONS FORM */

input#saddr { border: 1px solid #999; width: 220px; padding: 3px; color: #004250; background: #EEE; margin: .25em 0 .25em 0; }


/* TABLES */

table { border: 0; }

table#gallery { width: 270px; }
table#gallery td { height: 70px; vertical-align: top; }

table#demographics { margin-top: 21px; width: 552px; font-size: 0.75em; }
table#demographics th { background: #004250; color: #fff; padding: 5px; border-right: 1px solid #fff; }
table#demographics td { vertical-align: top; padding: 5px; border-bottom: 1px solid #666; border-right: 1px solid #fff; }


/* GLOBAL LAYOUT STYLES */

#container { width: 960px; background: #fff; margin: 40px auto; text-align: left; position: relative; } 

#header { height: 80px; position: relative; }
#header a { border: none; }
#header a#logo { display: block; width: 311px; height: 80px; } 

#mainMenu { position: absolute; top: 47px; right: 20px; }
#mainMenu ul { font-size: 0.6875em; list-style-type: none; margin: 0; padding: 0; }
#mainMenu ul li { display: inline; margin-left: 20px; padding: 0; }
#mainMenu ul li a { text-decoration: none; color: #004250; text-transform: uppercase; font-weight: bold; }
#mainMenu ul li a:hover { color: #595959; }

#footer { height: 45px; position: relative; } 
#bottomBar { position: absolute; width: 920px; top: 5px; left: 20px; height: 20px; background: #999 url(/i/bottom-stripes.gif) no-repeat right; } 


/* ONE COLUMN LAYOUT */

.oneCol #mainCol { width: 920px; margin: 0 0 0 20px; }

/* TWO COLUMN LAYOUT */

.twoCol #lCol { width: 270px; margin: 17px 0 20px 87px; }
.twoCol #rCol { float: right; width: 552px; margin-right: 20px; display: inline; /* Fixes IE double float margin bug */ } 
.twoCol #rCol #map { width: 552px; height: 552px; }

/* THREE COLUMN LAYOUT */

.threeCol #lCol { width: 270px; margin: 17px 0 20px 87px; }
.threeCol #rCol { float: right; width: 518px; margin-right: 20px; padding: 17px; display: inline; background: #666; color: #fff; } 
.threeCol #rCol h1 { margin: 0; }
.threeCol #rCol h3 { margin: 0 0 .875em 0; }
.threeCol #rCol h1, .threeCol #rCol h3 { color: #fff; }
.threeCol #rCol a { color: #fff; }


/* Should be final element before close of a container that should fully contain a float */
#clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* PIXEL to EM key */
/* 18 = 16 × 1.125 */
/* 16 = 16 × 1 */
/* 14 = 16 × .875 */
/* 12 = 16 x .75 */
/* 11 = 16 x .6875 */
/* 10 = 16 x .625 */
/* 9 = 16 x .5625 */
/* 8 = 16 x .5 */
