/*------------------------------------------------------------------------------------------- It is imparative as a web development company that we use clean CSS and that we use it to our full potential. The idea is to use basic tables for layout, and have CSS control 100% the rest of your content, from content layout, fonts, navigations and everything possible! To get more information on CSS use these links: -- Everything CSS - http://www.w3.org/Style/CSS/ -- Learn CSS - http://www.w3.org/Style/CSS/learning -- CSS Specs - http://www.w3.org/Style/CSS/#specs Take charge and educate yourself on usefull CSS implementation. ---------------------------------------------------------------------------------------------*/ /*------------------------------------ This is the body tags you must use this to set the website parameters, do NOT put info inside of the tag, use css instead. ------------------------------------*/ body { margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center 230px; background-color: #019FC4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #wrapper { width: 900px; margin-right: auto; margin-left: auto; } .content { background-color: #FFFFFF; padding: 10px; font-size: 13px; } .content strong { color: #019FC4; } .content a { color: #019FC4; } .content h1 { font-size: 30px; margin: 0px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #019FC4; } .content h2 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; color: #009FC3; } .subcontent { padding: 10px; color: #FFFFFF; } .subcontent ul { padding: 0px; margin: 20px; } .subcontent li { margin-bottom: 5px; } .subcontent a { color: #FFFFFF; font-weight: bold; } .subcontent a:hover { text-decoration: none; } .subcontent-cont { float: left; padding: 3px; } .subcontent-cont-upcoming { float: left; padding: 3px; width: 555px; } .footer { clear:both; text-align: center; color: #FFFFFF; font-size: 10px; border: 1px solid #FFFFFF; width: 400px; margin-right: auto; margin-left: auto; } .footer a { color: #FFFFFF; font-weight: bold; } .footer a:hover { text-decoration: none; } .footer p { margin: 0px; padding-top: 5px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; } .clear { clear: both; } /* --------------- Footer Nav --------------- */ div.footer-nav { clear:both; margin:0; float:left; width:100%; } ul.footer-nav li { margin:0; text-align:center; font-weight:bold; list-style:none; float:left; display:block; padding:5px; } ul.footer-nav li a { color:#fff; text-decoration:none; font-size:12px; } ul.footer-nav li a:hover { color:#fff; text-decoration:underline; font-size:12px; }