@charset "utf-8"; /* CSS Document */ body { text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; background-image: url(../images/balloonpattern2.gif); background-repeat: repeat; background-color: #FFF; margin: 0; padding: 0; font-size: medium; } h1 { font-size: xx-large; font-weight: bold; color: #4761AB; } h1,h2,h3,h4,h5,h6 { font-weight: bold; font-size: x-large; color: #B94B44; } #frame {/*had outer grey border */ width: 738px; margin: 0 auto; border-top-width: 20px; border-top-style: solid; border-top-color: #FFF; background-image: url(../images/white663.gif); background-repeat: repeat-y; } #wrapper { /*had red border right now*/ background-repeat: repeat; background-position: 0 top; margin: 0px; padding: 0; font-family: Verdana, Geneva, sans-serif; padding: 0px; text-align: center; } #header { text-align: center; height: 160px; margin: 10px; padding: 10px; vertical-align: bottom; } #content { padding: 10px 20px 6px 30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width: 500px; padding: 15px; z-index: auto; height: auto; margin-top: auto; margin-bottom: 1em; margin-left: 12em; text-align: left; } #content h1 { color: #4761AB; font-size: x-large; text-align: left; } .indented { margin-left: 30px; } ul { list-style-image:url(images/red-diaper.gif); margin-bottom: 5px; } #nav ul{ padding: 0px; width: 151px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: medium; line-height: 200%; /*keeps text in middle of the nav box*/ font-weight: bold; margin-top: 80px; /* keeps the nav bar in line with the content */ position: absolute; } #nav li { text-align: center; /*Do not add padding then boxes will not line up*/ } ul#nav li {/* this is the box into which the nav box fits*/ height: 36px; color: #ffffff; margin-bottom: 20px; } li#home { background-color: #4761AB; /* margin-bottom: 20px; padding-bottom: 20px; */ } ul#nav a:link, ul#nav a:visited { display: block; color: #000; background-color: #E7A14B; /*/*orange*/ text-decoration: none; height: 36px; } ul#nav a:hover { background-color: #487C4B; /* green */ height: 36px; color: #FFF; } ul#nav a:active { font color: #252c27; /* red */ background-color: #B94B44; color: #4761AB; height: 36px; } /* "You Are Here" selectors. These selectors set the current tab in the navigation, based on the ID of the tag */ body#home li.home { color: #FFF; background-color: #4761AB; margin-bottom: 20px; /* padding-bottom: 20px; adding this will make the blue extend down too far */ } body#dow li.dow { color: #FFF; background-color: #B94B44; margin-bottom: 20px; }/* padding-bottom: 20px; adding this will make the blue extend down too far */ body#how li.how { color: #487C4B; background-color: #4761AB; margin-bottom: 20px; } body#startup li.startup,body#gallery li.gallery, body#contact li.contact, body#links li.links { color: #487C4B; background-color: #4761AB; } body#home li.home a:link, body#home li.home a:visited, body#dow li.dow a:link, body#dow li.dow a:visited, body#how li.how a:link, body#how li.how a:visited, body#startup li.startup a:link, body#startup li.startup a:visited, body#contact li.contact a:link, body#contact li.contact a:visited, body#links li.links a:link, body#links li.links a:visited { color: #000000; background-color: #FFFFFF;} #footer { font-size: 10px; line-height: normal; background-color: #e4edf8; text-align: center; height: 60px; padding: 0px; border-top-width: medium; border-top-style: solid; border-top-color: #999; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 75px; } #footer a:link { color: #0177BA; text-decoration: none; } #footer a:hover, #footer a:visited { color: #667a33; text-decoration: none; } #clear { clear: both; }#footer a:active { color: #667a33; text-decoration: none; }