/* 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: 15px; left: 62px; }
#ContainerHome #Head #Branding #Info { position: absolute; top: 30px; left: 398px; font-size: .875em; }
#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: 36px 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 #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: .1em; }
#Main h2 { margin-bottom: 0.3em; font-weight: normal; font-size: 1.75em; letter-spacing: .1em; }
#Main h3 { margin-bottom: 0.3em; font-weight: normal; font-size: 1.25em; letter-spacing: .1em; }
#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.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; } 	

#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; }