* { margin: 0;  padding: 0 }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #ffede5 url(images/bg.png) repeat-x; padding-bottom: 10px }

p { margin-top: 10px; text-align: justify }

#wrapper { width: 750px; margin: 0 auto; border: 1px solid #fe9260; border-top: 0 }

#masthead { background-color: #ffffff }

#mainNavigation { background: #000000; padding: 4px 0 }

#logo { float: left; padding-left: 15px; padding-top: 15px; padding-bottom: 15px  }

#navContainer { clear: left }

#mainNavigation ul { text-align: center; margin-top: -3px }

#mainNavigation li { display: inline }

#mainNavigation a { font-weight: bold; color: #f16e1e; text-decoration: none; padding: 3px 10px }

#mainNavigation a:hover { color: #ffffff }

.pageIndex #mainNavigation #linkHome a, .pageFire #mainNavigation #linkFR a, .pageSU #mainNavigation #linkSU a, .pageSG #mainNavigation #linkSG a, .pageDG #mainNavigation #linkDG a, .pageContact #mainNavigation #linkContact a {/* automation for active tab */ background-color: #f16e1e; border-top: 1px solid #f16e1e; border-bottom: 1px solid #000000; color: #000000 }

.pageIndex #mainNavigation #linkHome a:hover, .pageFire #mainNavigation #linkFR a:hover, .pageSU #mainNavigation #linkSU a:hover, .pageSG #mainNavigation #linkSG a:hover, .pageDG #mainNavigation #linkDG a:hover, .pageContact #mainNavigation #linkContact a:hover {/* hover over-ride for automated tab */ color: #ffffff }

#content { background: #ffede5; width: 730px; padding: 10px; text-align: justify; line-height: 20px }

#picsright { position: absolute; top: 155px; left: 50%; margin-left: 170px }

.link, a.link, a:visited.link { color: #000000; text-decoration: none }

a:hover.link { color: #f16e1e; text-decoration: underline }