/*
-----------------------------------------------
Susanna Phillips
Author:   Cameron Corda
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center;}
html {height: 100%; margin-bottom: 1px;}  /*force scrollbars on short pages*/
body {background: #512634 url(/img/container-bg.png) repeat-y top left;}


/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: georgia, 'times new roman', times, serif; color: #222;} /* sets font to 10px */

#container { font-size: 1.2em; } /* 1.1em = 11px */

h1 {font-size: 1.5em; margin-top: .5em; margin-bottom: .8em; letter-spacing: 0px;color: #300000; display: inline; background: url(/img/accent.gif) no-repeat center right; padding-right: 40px; text-transform: uppercase;}
h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal; color: #68768D; text-decoration: underline;}
h3 {font-size: 1.2em; margin-bottom: 1.2em; font-weight: normal; color: #222;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: .3em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}


/* LINKS
----------------------------------------------- */
a {color: #B30606; font-weight: bold; text-decoration: underline;}
a:link {}
a:visited {}
a:active {}
a:hover {}


/* LAYOUT
----------------------------------------------- */
#container {background: #512634 url(/img/container-bg.png) repeat-y top left; margin: 0; text-align: left;}

body.bodyInterior #contentWrap {width: 811px;}

body.bodyInterior #content {float: right; width: 581px; padding-bottom: 400px;}
body.bodyInterior #sidebar {float: left; width: 230px;}

body#bodyHome #contentInner {margin: 0px 20px;}

body#bodyHome {background: #512735 url(/img/splash-bg.jpg) repeat-x top left;}
body#bodyHome #header {height: 650px; width: 800px; background: url(/img/splash.jpg) no-repeat top left; margin: 0;}
body#bodyHome #header #logo {display: none;}
body#bodyHome #quickSignup {display: none;}

body#bodyHome #header #nav {top: 327px; left: 455px; background-image: none;}

body#bodyHome #navA {left: 0px; width: 90px;}
body#bodyHome #navB {left: 90px; width: 107px;}
body#bodyHome #navC {left: 197px; width: 66px;}
body#bodyHome #navD {left: 263px; width: 73px;}

body#bodyHome #navA a:hover {background: transparent; background-position: 0 -20px;}
body#bodyHome #navB a:hover {background: transparent; background-position: -90px -20px;}
body#bodyHome #navC a:hover {background: transparent; background-position: -157px -20px;}
body#bodyHome #navD a:hover {background: transparent; background-position: -228px -20px;}

body#bodyHome #container {background: url(/img/splash-bg.jpg) repeat-x top left;}
body#bodyHome #contentWrap {display: none;} 
body#bodyHome #sidebar {display: none;}



/* HEADER
----------------------------------------------- */
#header {height: 210px; position: relative; background: url(/img/header-bg.png) repeat-x top left;}

div#logo {position: absolute; top: 32px; left: 36px;}

#nav {position: absolute; top: 151px; left: 38px; margin: 0; padding: 0; width: 303px; height: 20px; background: url(/img/nav.png) no-repeat;}

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav a {height: 20px; display: block;}
#nav span {display: none;}

#navA {left: 0px; width: 82px;}
#navB {left: 82px; width: 100px;}
#navC {left: 182px; width: 60px;}
#navD {left: 242px; width: 61px;}

#navA a:hover {background: transparent url(/img/nav.png) -0px -20px no-repeat;}
#navB a:hover {background: transparent url(/img/nav.png) -82px -20px no-repeat;}
#navC a:hover {background: transparent url(/img/nav.png) -182px -20px no-repeat;}
#navD a:hover {background: transparent url(/img/nav.png) -242px -20px no-repeat;}

#quickSignup {position: absolute; top: 120px; left: 600px;}
#quickSignup p {color: #C1A15B; font-size: 1.2em; margin-bottom: 7px;}

#quickSignup form input {vertical-align: middle;}
#quickSignup form input#quickSignupEmail {width: 122px; margin-right: 0px; margin-left: 0; background: #7C2115; border-top: 1px solid #60190F; border-bottom: 1px solid #60190F; color: #fff; border-left: none; border-right: none; padding: 3px;}
#quickSignup form input#quickSignupSubmit {background: #C1A15B; padding: 2px;}


/* CONTENT
----------------------------------------------- */
#content {color: #000; font-size: 1.1em; background: url(img/content-bg.png) no-repeat top left;}

body.bodyInterior #contentInner {margin: 60px;}

div.engagements {border-bottom: 1px solid #C1A15B; padding-bottom: 20px; margin-bottom: 20px;}
div.engagements p {margin: 0;}
div#engagementsWrap {margin-top: 40px;}

table.engagements {width: 100%;}
td.engagementDescription {width: 48%; padding-right: 4%;}
td.engagementLocation{width: 48%;}

div#updatesWrap {margin-top: 40px;}
div.update {border-bottom: 1px solid #C1A15B; padding-bottom: 20px; margin-bottom: 20px;}

#slideshow {margin-top: 20px;}


/* SIDEBAR
----------------------------------------------- */
#sidebar {color: #000; font-size: .9em;}
#sidebarInner {margin: 0;}



/* FOOTER
----------------------------------------------- */



/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}

select {font-size: 10px;}

label {padding: 0px; font-size: 11px; line-height: 1.1em;}

input, textarea {font-size: 11px; background: #fff; text-align: left;}
.txt, .text {background: #fff}
.hasfocus {background: #DEEFFF; color: #001F5C;}

input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;}