/* LAYOUT */
* {	padding: 0;	margin:	0; }
body { text-align: center; padding: 30px 0; }

#ContainerHome { width: 800px; margin: 0 auto; text-align: left; }
#ContainerHome #Head { position: relative; height: 411px; width: 800px; }
#ContainerHome #Head #PhotoOne { position: absolute; height: 275px; width: 396px; top: 2px; left: 2px; }
#ContainerHome #Head #PhotoTwo { position: absolute; height: 275px; width: 198px; top: 2px; left: 400px; }
#ContainerHome #Head #PhotoThree { position: absolute; height: 275px; width: 198px; top: 2px; left: 600px; }
#ContainerHome #Head #Branding { position: absolute; height: 130px; width: 796px; top: 279px; left: 2px; }
#ContainerHome #Head #Branding #Logo { position: absolute; top: 3px; left: 62px; }
#ContainerHome #Head #Branding #Info { position: absolute; top: 30px; left: 398px; font-size: .875em; }
#ContainerHome #Head #Branding #Slogan { position: absolute; top: 101px; left: 68px; font-size: .8em; text-transform: uppercase; letter-spacing: 4px; }
#ContainerHome #Body #Main { position: relative; float: left; width: 796px; }
#ContainerHome #Body #Main #Primary { float: left; width: 276px; padding: 40px 0 40px 60px; }
#ContainerHome #Body #Main #Primary #Menu { padding: 10px 0 10px 13px; width: 250px; }
#ContainerHome #Body #Main #Secondary { float: right; width: 338px; padding: 40px 60px 40px 0; }

#ContainerInside { width: 800px; margin: 0 auto; text-align: left; }
#ContainerInside #Head { position: relative; height: 134px; width: 800px; }
#ContainerInside #Head #Branding { position: absolute; height: 130px; width: 796px; top: 2px; left: 2px; }
#ContainerInside #Head #Branding #Logo { position: absolute; top: 15px; left: 62px; }
#ContainerInside #Head #Branding #Info { position: absolute; top: 30px; left: 398px; font-size: .875em; }
#ContainerInside #Head #Branding #Slogan { display: none; }
#ContainerInside #Body #Main { position: relative; float: right; width: 440px; padding: 40px 50px 40px 0; }
#ContainerInside #Body #Sidebar { position: relative; float: left; width: 200px; padding: 40px 40px 40px 50px; }
#ContainerInside #Body #Sidebar #Menu { width: 200px; padding: 110px 0 40px 0; }

#Foot { clear: both; }


/* MARKUP */
body { background-color: #8C9B8E; font: normal 100%/1.6 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #333; }
input, select, textarea, legend { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; color: #333; } /* REQUIRED FOR FIREFOX TEXTAREA */
option { padding-right: 1em; } /* FOR FIREFOX */
a { color: #07C; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }
a.Button { display: block; background: url(/Images/bkgd-button-small.gif) no-repeat left top; line-height: 28px; height: 28px; width: 84px; text-align: center; }
a.Button:link, a.Button:visited, a.Button:hover, a.Button:active { font-size: 14px; line-height: 26px; color: #FFF; text-decoration: none; }
.Message { font-weight: bold; }
.Error { color: #F00; }
.Clear { clear: both; }

#SystemMessage { margin-top: 80px; text-align: center; }
#SystemMessage h1 { font-size: 2em; font-weight: normal; margin: 1em 0; }	
#SystemMessage p { font-size: .875em; margin-bottom: 1.375em; }

#ContainerHome { background-color: #FFF; color: #555; }
#ContainerHome #Body #Main { font-size: .875em; line-height: 2em; background-color: #58795C; color: #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF; }
#ContainerHome #Head #Branding { background-color: #BAA53B; color: #FFF; }
#ContainerInside { background: #FFF url(/Images/bkgd-main.jpg) no-repeat right bottom; color: #555; }
#ContainerInside #Body #Main { font-size: .833em; color: #555; }
#ContainerInside #Head #Branding { background-color: #58795C; color: #FFF; }

#Head { background-color: #FFF; color: #333; }
#Head #PhotoOne { background: url(/Images/head-photo-one.jpg) no-repeat 50% 50%; }
#Head #PhotoTwo { background: url(/Images/head-photo-two.jpg) no-repeat 50% 50%; }
#Head #PhotoThree { background: url(/Images/head-photo-three.jpg) no-repeat 50% 50%; }

#Main #Menu ul { padding: 0; margin: 0; list-style: none; text-align: center; color: #FFF; }
#Main #Menu li { padding: 0; margin: 0; line-height: 30px; border-bottom: 1px solid #999; }
#Main #Menu li.First { border-top: 1px solid #999; }
#Main #Menu a { height: 30px; width: 100%; text-align: center; }
#Main #Menu a:link { color: #FFF; text-decoration: none; }
#Main #Menu a:visited { color: #FFF; text-decoration: none; }
#Main #Menu a:hover { color: #FF0; text-decoration: none; }
#Main #Menu a:active { color: #FF0; text-decoration: none; }

#Main h1 { padding-top: 0.3em; margin-bottom: 0.5em; font-weight: normal; font-size: 2em; letter-spacing: .05em; }
#Main h2 { margin-bottom: 0.3em; font-weight: normal; font-size: 1.75em; letter-spacing: .05em; }
#Main h3 { margin-bottom: 0.3em; font-weight: normal; font-size: 1.25em; letter-spacing: .05em; }
#Main h4 { margin-bottom: 0.3em; font-weight: bold; font-size: 1em; }
#Main p { margin-bottom: 1.375em; }
#Main ul { margin-bottom: 1.375em; }
#Main ol { margin-bottom: 1.375em; }
#Main li { margin-left: 3em; }
#Main ul.Paragraph li { margin-bottom: 1.375em; }
#Main ol.Paragraph li { margin-bottom: 1.375em; }
#Main div.Box { float: right; background-color: #000; padding: 0; margin: 0 0 15px 15px; }
#Main div.Box div.Caption { font-size: .875em; padding: 4px; margin: 0; text-align: center; color: #FFF; }
#Main div.GalleryLeft { float: left; padding: 0; margin: 0 0 30px 0; }
#Main div.GalleryRight { float: left; padding: 0; margin: 0 0 30px 30px; }
#Main div.GalleryCaption { background-color: #000; font-size: .875em; padding: 4px 4px 5px 4px; margin: 0; text-align: center; color: #FFF; }
#Main div.GalleryCaption a { cursor:pointer; cursor:hand; }
#Main img.Booklet { border:1px solid #AAA; cursor:pointer; cursor:hand; }

#Main div.Scrollable { position: relative; overflow: hidden; width: 440px; height: 335px; background-color: #000; margin-bottom: 10px; color: #FFF; }	
#Main div.Scrollable div.Images { width: 20000em; position: absolute; clear: both; }
#Main div.Scrollable div.Images div { float: left; text-align: center; width: 220px; }
#Main div.Scrollable div.Images div p { padding: 10px; }
#Main a.GalleryPrev { display: block; float: left; width: 20px; height: 20px; background: url(/Images/bkgd-nav-left.png) no-repeat 0 0; cursor: pointer; }
#Main a.GalleryPrev:hover { background-position: 0 -20px; } 
#Main a.GalleryNext:hover { background-position: 0 -20px; }
#Main a.disabled { visibility: hidden !important; }
#Main a.GalleryNext { display: block; float: right; height: 20px; width: 20px; background: url(/Images/bkgd-nav-right.png) no-repeat 0 0; cursor: pointer; }
#Main div.GalleryNav { float: left; height: 10px; width: 200px; padding: 3px 0  0 120px; }
#Main div.GalleryNav a { float: left; height: 10px; width: 10px; margin: 3px; background: url(/Images/bkgd-nav-direct.png) no-repeat 0 0; cursor: pointer; }
#Main div.GalleryNav a:hover { background-position: 0 -10px; }
#Main div.GalleryNav a.active { background-position: 0 -20px; } 	

#Main div.ServicesOverlay {	display:none; z-index:10000; background-color:#CCC; width:760px; min-height:590px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000; }
#Main div.ServicesOverlay .close { background-image:url(/Images/overlay-close.png);	position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
#Main div.FlashBook { width:720px; height:590px; margin:0 auto; }

#Sidebar { font-size: .875em; background: #FFF url(/Images/bkgd-sidebar.jpg) no-repeat 2px 0; color: #333; }
#Sidebar #Menu ul { padding: 0; margin: 0; list-style: none; text-align: center; color: #333; }
#Sidebar #Menu li { padding: 0; line-height: 30px; border-bottom: 1px solid #999; }
#Sidebar #Menu li.First { border-top: 1px solid #999; }
#Sidebar #Menu a { height: 30px; width: 100%; text-align: center; }
#Sidebar #Menu a:link { color: #333; text-decoration: none; }
#Sidebar #Menu a:visited { color: #333; text-decoration: none; }
#Sidebar #Menu a:hover { color: #07C; text-decoration: none; }
#Sidebar #Menu a:active { color: #07C; text-decoration: none; }
#Sidebar h1 { margin: 0 0 0.688em 0; font-weight: normal; font-size: 1.333em; text-align: center; }
#Sidebar p { margin-bottom: 1.375em; font-weight: normal; font-size: 0.916em; }

#Foot { background-color: #8C9B8E; padding: 2px; border-top: 2px solid #FFF; text-align: center; }
#Foot p { margin-bottom: 1.25em; font-weight: normal; font-size: 0.75em; }