@charset "UTF-8"; /* CSS Document */ /*********************************************************************************/ /*this secction is where the code for the site colors are displayed black:#000 white:#FFF blue:#O6F gray:#CCC red:#F00 */ /*********************************************************************************/ /*==================================Page Layout ID's===============================*/ #wrapper { width:990px; Margin:0 auto; /* centers div in browser */ } #header { background: url(../images/Graphics/FunhouseLogo.png); width:980px; height:650px; padding:0px; } #menuTop { background:#c61313; height:30px; width:977px; font-size:20px; font-weight:bold; text-align:center; padding:5px; } #mainContainer { background:white; width:980px; border:dashed medium #c61313; overflow:hidden; } #leftContainer { background:#FFF; min-height:300px; height:auto; width:275px; float:left; } #rightContainer { background:#FFF; height:auto; width:700px;/*change to value needed*/ Float:right; } #clear{clear:both; } /*used when nesting divs inside other divs or for adding text columns inside divs */ #footer { width:987px; height:10px; text-align:center; Padding:10px 0; font-size:x-small; color:#fff; background:#c61313;/*change to add a color or image*/ clear:both; } #frame { width:100%; height:100%; border:none; } /*=============================Page Style classes=====================================*/ .contentRight { float:right; width:80%; overflow:hidden; } .contentLeft { float:left; width:20%; } .contentCenter { width:80%; margin: 0 auto; } .alignText { text-align:justify; } .p1 { width:200px; height:auto; margin: 10 10;/*change to value needed to fill container*/ text-align:left; float:right; } .p2 { width:200px; height:auto; margin: 10 10;/*change to value needed to fill container*/ text-align:left; float:right; } /* classes p1 and p2 are used to align columns of text or images inside it's container*/ .p3 {} .p4 {} .table1 { width:95%; margin:10px auto; } .table2 { width:70%; margin:10px auto; } .table3 { width:50%; margin:10px auto; } .td1 {} .td2 {} .td3 {} .image1 {} .image2 {} .image3 {} /*============================Page Style tags======================================*/ html { background: url(../images/Graphics/funhouseBgrd.jpg) no-repeat;/*sets global background color or image*/ } body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:center; /* IE Hack */ color:#000; margin:0; background-image:none;/*used to add a background image to top or bottom of page*/ } p { margin:0 10px;/*alleviates the need for padding in columns*/ text-align:justify; font-weight:bold; font-size:14px; color:#390; } img { margin:5px; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:center; } h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#F03 } span { color:#F03; } form { height:auto; } /*============================Navigation Style Section=====================================*/ a:link { color: #FFF; /* set to red- change to site color*/ text-decoration:none; } a:hover{ color:#0F3; text-decoration:none;} a:visited { color:#FFF; text-decoration:none; } body#home a#homenav, body#about a#aboutnav, body#contact a#contactnav, body#order a#ordernav, body#prices a#pricesnav, body#faq a#faqnav { color:#0F3; text-decoration:none;} /*The above code allows for the active page to be highlighted in a different color. The body tag of each page must be given an ID and each navigation link must also have an ID. Edit the ID above to correspond to the site links and pages. link example: Home page example: */ /*=============================Table Global Syle Section====================================*/ table { padding:0; margin:0 auto; width:50%; height:auto;/* make auto or whatever size you need*/ } th { font-weight:bold; color:#06F; text-align:center; height:20PX; border-bottom: #F33 medium solid; } td { vertical-align:top; height:auto; padding:5px; text-align:left; color:#360; }