/* -------------------------------------------------------------- ----------------------------------------------------------------- DEFINITIONS: Layout AUTHOR: Tony Espinosa VERSION: 11.8.2009 CONTENTS: 1 Essentials 2 Head 3 Content 4 Foot 5 Navigation ----------------------------------------------------------------- -------------------------------------------------------------- */ /* 1) Essentials */ body { background-image: url(../images/layout/footer_bkgnd.jpg); background-position: center 0; margin: 0; } p { } td { } a:link { } a:visited { } a:hover { } a:active { } /* 2) Head */ .headwrap { background-color: #f4f2d9; background-image: url(../images/layout/page_bkgnd.jpg); background-repeat: repeat-x; background-position: center 0; text-align: center; width: 100%; display: block; } .head { background-image: url(../images/layout/header.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; width: 925px; height: 160px; margin-right: auto; margin-left: auto; display: block; } .schedule_icons { width: 925px; clear: both; margin: 0; padding-top: 50px; display: block; } .mavs_icon { text-align: left; width: 75px; height: 55px; float: right; margin: 0; display: block; } .mavs_icon a { text-indent: -9999px; width: 75px; height: 55px; margin: 0; outline-style: none; display: block; } .stars_icon { text-align: left; width: 113px; height: 55px; float: right; margin: 0; display: block; } .stars_icon a { text-indent: -9999px; width: 113px; height: 55px; margin: 0; outline-style: none; display: block; } .cowboys_icon { text-align: left; width: 70px; height: 55px; float: right; margin: 0; display: block; } .cowboys_icon a { text-indent: -9999px; width: 70px; height: 55px; margin: 0; outline-style: none; display: block; } /* 3) Content */ .contentwrap { background-color: #f4f2d9; background-image: url(../images/layout/page_bkgnd.jpg); background-repeat: repeat-x; background-position: center -160px; text-align: center; width: 100%; clear: both; display: block; } .content { background-color: #f4f2d9; background-image: url(../images/layout/main_ad_01.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; width: 925px; height: 468px; margin-right: auto; margin-left: auto; display: block; } .column_lft { text-align: center; width: 575px; float: left; margin-top: 200px; margin-left: 12px; display: block; } .column_rt { text-align: center; width: 300px; float: right; margin-top: 420px; margin-right: 12px; display: block; } .bulletin { text-align: left; width: 570px; clear: both; margin: 0 0 65px; padding: 0; display: block; } .bulletin ul { color: black; font-size: 14px; font-family: arial; line-height: 16px; text-align: left; text-indent: 0; clear: both; margin: 0; padding: 0; list-style-type: none; } .bulletin ul h1 { color: #530707; font-size: 26pt; font-family: "Brush Script Std", "times new roman"; line-height: 30pt; background-image: url(../images/layout/title_divide.gif); background-repeat: no-repeat; background-position: center bottom; text-align: left; letter-spacing: -0.05em; margin-bottom: 5px; display: block; } .bulletin ul strong { color: #1e1500; font-size: 22px; font-family: times; font-weight: bold; line-height: 24px; text-align: left; } .bulletin ul em { color: #726306; font-size: 12px; font-family: arial; line-height: 14px; text-align: left; float: right; display: block; } .bulletin ul p { color: #1c1c1c; font-size: 18px; font-family: arial; line-height: 22px; text-align: left; clear: both; margin: 0; display: block; } .bulletin ul p a:link, .info ul p a:visited, .info ul p a:active { color: #a30000; text-decoration: none; } .bulletin ul p a:hover { color: #045601; border-bottom: 1px solid #1c1c1c; } .bulletin li { text-align: left; margin: 10px 0 25px; display: block; } .bulletin li:first-child { background-image: none; margin: 0 0 0; padding: 0; display: block; } /* 4) Foot */ .foottopwrap { background-image: url(../images/layout/footer_top.jpg); background-repeat: repeat-x; background-position: center 0; width: 100%; height: 57px; clear: both; display: block; } .footwrap { color: #624500; font-size: 14px; line-height: 20px; background-image: url(../images/layout/footer_bkgnd.jpg); background-position: center 0; text-decoration: none; text-align: center; width: 100%; height: 50px; padding-top: 25px; display: block; } .footwrap a:link, .footwrap a:visited, .footwrap a:active { color: #726306; text-decoration: none; } .footwrap a:hover { color: #f4f2d9; } .foot { color: #f4f2d9; width: 846px; height: 250px; margin-right: auto; margin-bottom: 50px; margin-left: auto; border-top: 1px dotted #373002; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .foot a:link, .foot a:visited, .foot a:active { color: #726306; text-decoration: none; } .foot a:hover { color: #f4f2d9; border-bottom: 1px solid #eacd0e; } .foot p { line-height: 1.5em; text-align: left; text-indent: 0; width: 260px; height: 250px; float: left; margin-top: 0; margin-right: 0; margin-left: 0; padding: 10px; border-left: 1px dotted #373002; } .foot p:first-child { width: 262px; margin: 0; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; border-style: none; } /* 5) NAVIGATION */ .menu {text-align:left;width:925px;height:30px} ul#nav {background-color:transparent;background-image:url("../images/layout/head_menu_flat.jpg");background-repeat:no-repeat;margin:0} ul#nav li {list-style-type:none;float:left;margin:0} ul#nav li a {text-indent:-9999px;display:block;height:30px;outline:none medium;margin:0} li#navHome a, li#navCatering a, li#navContact a, li#navPics a , li#navSports a {background:url("../images/layout/head_menu_flat.jpg")} li#navHome a {background-position:-415px 0;left:0;width:77px} li#navHome a:hover {background-position:-415px -30px} body#pageHome li#navHome a {background-position:-415px -30px} li#navCatering a {background-position:-492px 0;left:0;width:122px} li#navCatering a:hover {background-position:-492px -30px} body#pageCatering li#navCatering a {background-position:-492px -30px} li#navContact a {background-position:-614px 0;left:0;width:110px} li#navContact a:hover {background-position:-614px -30px} body#pageContact li#navContact a {background-position:-614px -30px} li#navPics a {background-position:-724px 0;left:0;width:74px} li#navPics a:hover {background-position:-724px -30px} body#pagePics li#navPics a {background-position:-724px -30px} li#navSports a {background-position:-798px 0;left:0;width:108px} li#navSports a:hover {background-position:-798px -30px} body#pageSports li#navSports a {background-position:-798px -30px}