/* COLOR PALLETTE 

Dark Blue #003399
Bright Blue #0000CC

*/

body { margin: 0; background: white url(../images/eossix1.jpg); color: black; font: .8em/145% Verdana, Arial, Helvetica, sans-serif; }

a { color: blue; }
a:visited { color: navy; }
a:hover { color: #cc3300; }

#pageLayout { width: 760px; margin: 0 auto; background: white; border: 1px solid navy; border-top-style: none; }

#banner { position: relative; }
#utilities { position: absolute; top: 5px; right: 10px; font-size: .9em; font-weight: bold; text-align: right; color: white; }
#utilities a { color: white; text-decoration: none; }
#utilities a:hover { text-decoration: underline; }

#mainMenu { padding: 2px; text-align: center; font-size: .9em; color: white; background: #ccccff; border-top: 1px solid #003399; border-bottom: 1px solid #666; }
#mainMenu a { color: navy; font-weight: bold; text-decoration: none; }
#mainMenu a:hover { text-decoration: underline; }

#contentColumnLayout { margin-top: 0px; }

#sidebarCol { width: 180px; padding: 10px; text-align: left; font-size: .9em; line-height: 135%; background: #f5deb3 url(../images/eossix8.jpg); border-right: 1px solid #cc6666; }
    
#contentCol { padding: 15px; }

#footer { margin-top: 15px; font-size: .8em; line-height: 140%; text-align: center; color: #fff; padding-bottom: 15px; }
#footer .textLinks { font-size: 1.2em; margin-bottom: 15px; }
#footer a { color: #0033cc; }


/* =========== TEXT DISPLAY  */

h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }

h1 { font-size: 1.4em; color: #0033cc; }
h2 { font-size: 1.2em; margin-bottom: 5px; }

p { margin: 8px 0; }
ul, ol, .first { margin-top: 5px; }
hr { height: 1px; }

.largeText { font-size: 1.2em; line-height: 130%; }
.smallText { font-size: .8em; line-height: 120%; font-weight: normal; }
.price { font: bold 1.5em Arial, Helvetica, sans-serif; }
.caption { margin-top: 4px; font-size: .8em; line-height: 130%; }

.alert { font-weight: bold; background: #ffcc33; padding: 2px 5px; }
.formAlert { font-size: .8em; color: red; }
.hilite { font-weight: bold; color: #0033cc; }
.siteLink { font-size: .8em; text-transform: uppercase; }

form { margin-top: 0; }

#sidebarCol p { margin: 10px 0; }
#sidebarCol h2 { font-size: 1.2em; margin: 0; padding: 2px; color: #fff; background: #0000CC; text-align: center; }
#sidebarCol .sidebarPhoto { margin: 0; }
#sidebarCol .sidebarPhoto img { margin:0 auto; }
#sidebarCol .caption { margin-top: 2px; }


.hiliteBox { margin-bottom: 10px; padding: 5px 10px;  background: #fff; border: 1px solid #003399; }
.hiliteBox a { font-size: .9em; text-transform: uppercase; }

.formLayout th { text-align: right; }
.formLayout td { text-align: left; }