body { font-family: 'Verdana', 'Helvetica', 'Sans-serif', 'sans'; font-size: 12px; padding: 15px; margin: auto; background: #c6d7e4 url('images/bg.png') repeat-x; color: #000; } h2 { text-align: center; color: #484747; } img { border-style: none; } #wrapper { margin: auto; padding: 0px; padding-bottom: 5px; width: 720px; text-align: left; background-color: #fff; } #banner { margin: 0px; padding: 0px; width: 720px; text-align: left; } #footer { background-color: #fff; padding: 20px 10px; text-align: center; font-size: 0.8em; border-top: 6px solid #b9a79d; border-bottom: 6px solid #b9a79d; } #nav { margin: auto; width: 720px; float: left; } #joanna { background: #b9b9b9; padding: 10px; } #content { padding: 10px; min-height: 400px; } #index_content { padding: 10px 0px 0px 15px; min-height: 390px; background: url('images/back.jpg') no-repeat; font-size: 1.5em; } .green_text { color: #13b32b; } ul { padding: 0px; margin: 0px; padding-left: 17px; } li { color: #f48b51; padding: 3px; padding-left: 20px; } a { text-decoration: none; color: #000; } a:hover { background-color: #1e5d8a; color: #fff; } /* NAVIGATION */ /* by naming the page in the tag, and naming links in the navigation, the navigation will show the user what page they are currently on */ body#Index a#Index_nav,/* in the Index page, the Index link */ body#Works a#Works_nav, body#PT a#PT_nav, body#About a#About_nav, body#Contact a#Contact_nav { border: none; padding: 3px 10px 5px 10px; background-color: #3a94da; color: #fff; } body#Index a#Index_nav:hover, body#Works a#Works_nav:hover, body#PT a#PT_nav:hover, body#About a#About_nav:hover, body#Contact a#Contact_nav:hover { background-color: #1e5d8a; color: #fff; } .MainMenu { color: #4e4e4e; display: block; border: 1px solid #b5b5b5; background-color: #b9b9b9; padding: 5px; padding-bottom: 7px; } .MainMenu a { font-weight: bold; padding: 3px 10px 5px 10px; text-decoration: none; color: #4e4e4e; } .MainMenu a:hover { background-color: #1e5d8a; color: #fff; }