html {width:100%; } body {background:#2F3535 url('../images/bg-tile.jpg'); margin:0px; padding:0px; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#000000; } /*main html bits*/ h3 {color:#8D2729; font-weight:normal; font-size:140%; margin:0 0 10px 0; padding:0; } p {padding:0 0 10px 0; margin:0; } a {color:#8D2729; text-decoration:none;} a:hover {text-decoration:underline; } hr {border:0; padding:2px; margin:30px 0; background:#566061; clear:both; } /*structural elements and the shadow background images*/ #all {padding-top:50px; text-align:center; width:100%; } #top {margin:0 auto; padding:14px 0 15px 0; text-align:left; width:778px; background:url('../images/top-bg.png') no-repeat center top; } #container {margin:0 auto; padding:8px 37px; text-align:left; width:704px; background:url('../images/content-bg.png') repeat-y 0 0; } #bottom {margin:0 auto; padding:14px 0 15px 0; text-align:left; width:778px; background:url('../images/bottom-bg.png') no-repeat center bottom; } /*section relevant sorted by section*/ #header {background:url('../images/top-logo.jpg') no-repeat 0 0; padding:95px 0; } ul#nav {background:url('../images/nav-bg.jpg') repeat-x 0 0; border:1px solid #7E2224; text-align:center; padding:10px 0px; margin:8px 0 0 0; color:#FFFFFF; } #nav li {display:inline; list-style:none; margin:0; padding:10px 3px; font-size: 12px; } #nav a {color:#FFFFFF; text-decoration:none; padding:0px 4px; font-weight:normal; } #nav a:hover {text-decoration:underline; } #intro {background:#566061 url('../images/intro.gif') no-repeat center center; padding:60px 20px; margin:8px 0 0 0; text-indent:-9999px; } #intro h1 {margin:0; padding:0; font-size:0%; } #title {background:url('../images/title.gif') no-repeat top center; height:92px; width:704px; text-indent:-9999px; margin:20px 0 0 0; } #title h1 {margin:0; padding:0; font-size:0%; } #content {padding:10px 10px 0 10px; margin:10px 0; } .leftColumn {float:left; width:316px; padding:0 10px 0 10px; } .rightColumn {margin:0 0 0 354px; padding:0 10px 0 10px; } .rightColumn img {border: solid #8D2729; margin:0 10px 10px 0; padding:0; float:center; } .leftColumn img {border:2px solid #8D2729; margin:0 10px 10px 0; padding:0; float:center; } #footer span {float:right; margin:0 0 20px 0; } .rightColumn span {float:right; margin:0 0 20px 0; } .leftColumn span {float:right; margin:0 0 20px 0; } #footer {clear:both; padding:20px 20px 10px 20px; margin:15px 0 0 0; background:#2F3535 url('../images/bg-tile.jpg'); color:#FFFFFF; font-size:85%; } #footer a {font-weight:normal; color:#FFFFFF; } /*this is the nav bar active state, if you are on the home page the body id should be home, if you are on the events page the thml should be */ {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #contact #contactLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #ovi #oviLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #ko #koLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #volunteer #volunteerLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #special #specialLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #mem #memLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #edu #eduLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #bravo #bravoLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #about #aboutLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; } #home #homeLink {background:#A72F31; border-left:1px solid #802220; border-right:1px solid #802220; padding:10px 3px; }