/* Aal-Pa-Tah Lodge 237 Template - Version 4.5 - 05-18-2009 Layout Concept by: Ryan Kidd - http://www.excelerondesigns.com/ - Template Creation by: Patrick Rice - http://www.vbtechservices.com/ - Salvatore Sodano http://www.salscode.com/ This template was created for Aal-Pa-Tah Lodge 237 - http://www.aal-pa-tah237.org/ This template may not be redistributed, resold, or used in any other manner. Use of this template outside of Aal-Pa-Tah Lodge is prohibited. This template is for use on any/all websites directly connected to Aal-Pa-Tah Lodge and residing on the official lodge web server. Use on another server is prohibited. This text must remain intact and unaltered for legal use of this template. - Flyout Menu nat_links - This nat_links notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyout_4level.html nat_links (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. ========================================================= */ body {background-color:#779A4A; text-align:center;} #wrapper {position:relative; width:940px; margin:0 auto; height:auto; margin-top:-10px;} #text_sizer{position: relative; margin: -12px 0px 0px 30px; font-size: 0.6em; color: black;} #text_sizer a{color: black;} #text_sizer a:hover {color: white;} #banner {position: absolute; top: 32px; width:940px; height:425px; background-image:url(../images/header.png); background-repeat:no-repeat; z-index:99;} #gator {position: absolute; top: 0px; width:235px; height:285px; float:left; z-index:101;} #gator img{position:relative; left:20px; border:0; z-index:101;} #bumper {position: absolute; left: 2px; top: 225px; width:940px; height:233px; z-index:0; background-image:url(../images/main_spire.jpg); background-repeat:no-repeat; background-position: center top; overflow:hidden;} #tales{float: left;position: relative; width: 640px; height: 180px; top: 80px; left: 83px; z-index:1001;} .linkbutton{font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: white; background-color: transparent; font-weight: bold; padding: 12px 0; border-width: 0; cursor: pointer; width: 100px;} .linkbutton:hover{color: #E11414;} #search {position: relative; top: 90px; width:160px; left: 10px; margin: 0 auto; float:left; color: white; z-index: 1001;} #search fieldset {border: none;} #search h1, #search p, #search a{color: white; margin: 0;} #search a:hover{color: #ababab;} #search .field {color: white; font-weight: bold; padding-left: 5px; padding-top: 3px; margin: 0 auto 4px; height: 22px; width: 144px; border: none; background: url(../images/field.png) no-repeat center top;} #search .button {margin-left: 30px;height: 25px; font-weight: bold; width: 75px; color: white; border: none; background:transparent url(../images/button.png) no-repeat center top; z-index:4;} #search .button:hover {background: url(../images/button.png) no-repeat center bottom;} #tabs{ position: absolute; top:223px; left:333px; z-index:60;} #tabs ul{margin-left: 50px; float: left; width: 445px; padding-left: 8px; font: bold 13px Verdana;} * html #tabs ul{margin-bottom: 1em; margin-left: 7px;} #tabs ul li{display: inline;} #tabs ul li a, #tabs ul li span{float: left; color: white; font-weight: bold; padding: 5px 9px 7px 5px; text-decoration: none;} #tabs ul li a:visited{color: white;} #tabs ul li a:hover, #tabs ul li a.selected, #tabs ul li span.selected{color: #ababab;} #content_wrapper {position: relative; top:0px; margin-left: -1px; margin-top: 239px; background-image:url(../images/body.jpg); background-repeat:repeat-y; height: 100%; z-index:200;} #menu { position: absolute; top: 25px; padding-left: 12px; width: 140px; z-index:500;} .menu { margin:0; padding:0; list-style:none; height: 100px; font-size: 8pt; font-weight: bold; z-index:500;} .menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 140px; z-index:500; background:transparent;} .menu li {background: transparent url(../images/menu.png) repeat-y left; float:left; margin-top: 1px; margin-bottom: 1px; z-index:500;} .menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; z-index:500;} .menu a, .menu a:visited {display: block; text-decoration: none; line-height: 3em; width: 132px; color: white; text-align: center; margin-left: -3px; padding-left: 1em; z-index:500;} .menu b { float: right; margin-right: 5px; z-index:500;} * html .menu a, * html .menu a:visited { width: 132px; z-index:500;} * html .menu a:hover { color: #ababab; position: relative; z-index:500;} .menu li:hover { position: relative; z-index:500;} .menu a:active, .menu a:focus { color: #ed1847; z-index:500;} .menu li:hover > a { color: #ed1847; z-index:500;} .menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 12em; background:transparent url(../images/spacer.gif); z-index:500;} .menu li:hover > ul { visibility: visible; z-index:500;} .menu ul a:hover ul ul { visibility: hidden; z-index:500;} .menu ul a:hover ul a:hover ul ul { visibility: hidden; z-index:500;} .menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; z-index:500;} .menu ul li:hover ul { visibility: visible; z-index:500;} #content {position: relative; width:700px; min-height: 480px; margin-left: 155px; padding: 15px; color:#666; z-index:200; margin-top: 0px;} #clear {clear:both;} #nat_links {position: relative; margin:0;width: 945px; height: 66px; line-height: 66px; background-image:url(../images/main_spire.jpg); background-repeat: no-repeat; background-position: 0 bottom; z-index: 100;} #nat_links a{text-decoration:none; color:#ffffff;} #nat_links a:hover{color:#E21414;} #nat_links p{margin:0;font:9pt Arial,Helvetica,sans-serif; color: white; font-weight: bold; text-align: center; position:relative;left:264px; width: 550px; height: 66px; line-height: 66px;} #footer{position: relative; top:0px; bottom:0px; padding-top:13px; margin: 20px 25px 0px 20px; height: 144px; width: 871px; background-image:url(../images/catcher.jpg); background-repeat: no-repeat; overflow: hidden; z-index:10;} #footer a {color:#005e9d;z-index:500;}#footer a:hover {color:#E21414;} #footer p{position: relative; top:0; left: 40px; margin-top:12px; text-align: center; line-height: 1.24; font-size: 8pt; width:680px;} .bonus_text{z-index:499;} #footer .right, #footer .right a, #footer .right a:hover{padding: 0; margin-top: 11px; margin-right: 18px; border: none;z-index:500;} #footer .left, #footer .left a, #footer .left a:hover{padding: 0; margin-top: 11px; margin-left: 18px;border: none;z-index:500;} .release{font-size: 7pt; line-height: 1.1; text-align: justify;} #gsc{float: left;position:relative;width:163px;height: 112px;left: 17px;top:2px;z-index:500;} .hide{display: none;visibility:hidden;} .B_crumbBox{font-size: 8pt; margin-top: -2px;} .B_crumbBox a{text-decoration:none;} .B_crumbBox a:hover{text-decoration:underline;} /*Form CSS*/ /* span.checkbox {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../scripts/checkbox.png) no-repeat; display: block; clear: left; float: left;} span.radio {width: 19px; height: 20px; padding: 0 5px 0 0; background: url(../scripts/radio.png) no-repeat; display: block; clear: left; float: left;} span.select {position: absolute; width: 226px; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(../scripts/select.gif) no-repeat; overflow: hidden;} input.text {background: #FFF url(../scripts/text.gif) no-repeat scroll 0px 0px; width: 250px; height: 21px; line-height:20px; padding:0px; text-indent:3px; margin:0; margin-top: 1px; border: none; color: #fff;} input.button { background: #FFF url(../scripts/button.png) no-repeat 0px 0px; width: 95px; height: 26px; line-height:26px; padding:0px; margin:0; border: none; color: #fff; text-indent:0px; text-align:center;} */ /*Slideshow*/ /* License:MIT-style license. nat_links (c) 2008 [Aeron Glemann] (http://www.electricprism.com/aeron/). Notes:These next four rules are set by the Slideshow script.You can override any of them with the !important keyword but the slideshow probably will not work as intended. */ #show{background-image: url(http://aal-pa-tah237.org/assets/images/banner/1.jpg); background-repeat:no-repeat; height: 180px; width:750px; z-index:0;} .slideshow {display: block;background-color: black;position: relative;z-index: 0;} .slideshow-images {display: block;overflow: hidden;position: relative;z-index: 0;} .slideshow-images img {display: block;position: absolute;z-index: 0;} /* Notes:The images div is where the slides are shown.Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc. */ .slideshow-images {height: 180px; width: 750px;z-index: 0;} .slideshow-images-visible {opacity: 1;} .slideshow-images img {float: left;left: 0;top: 0;z-index: 0;} /* Notes:These are examples of user-defined styles.Customize these classes to your usage of Slideshow. */ .slideshow {height: 180px;margin-top: 41px;margin-left: 162px;margin-bottom: -15px;width: 750px;} .slideshow a img {border: 0;} /* HTML:
Notes:Customize the hidden / visible classes to affect the loader animation. */ .slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;} .slideshow-loader-hidden {opacity: 0;} .slideshow-loader-visible {opacity: 1;} /*End Slideshow*/ /* Sliding Login Name: Nice Login and Signup Panel using Mootools 1.2 Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/ Author: Jeremie Tisseau - http://web-kreation.com/ Date: August 2008 The CSS, XHTML and design is released under Creative Common License 2.5: http://creativecommons.org/licenses/by-sa/2.5/ */ #top {height: 36px; width: 940px; margin: 0 auto; position: relative; top:0px;} #top ul.login {display: block;position: relative; float: right; clear: right; height: 36px; width: auto; font-weight: bold; line-height: 36px; margin: 3px 0 0 0;right: 0px;color: white; font-size: 80%;text-align: center;background: url(../images/login_corners2.png) no-repeat right 0;padding-right: 45px;} #top ul.login li.left { background: url(../images/login_corners2.png) no-repeat left 0; height: 36px;width: 45px;padding: 0;margin: 0;display: block;float: left;} #top ul.login li {text-align: left; padding: 0 6px; display: block; float: left; height: 36px; background-color: #1E1E1E;} #top ul.login li a {color: #33CCCC;} #top ul.login li a:hover {color: white;} /* Toggle Effects */ #login {width:auto; color: white; background: #1E1E1E; overflow: hidden; position: relative; z-index: 3; height: 0; margin: -8px;} #login a {text-decoration: none; color: #33CCCC;} #login a:hover {color: white;} #login .loginContent {width: 550px; height: 80px; margin: 0 auto; padding-top: 20px; text-align: left; font-size: 0.85em;} #login .loginContent .left {width: 120px; float: left; padding-left: 65px; font-size: 0.95em;} #login .loginContent .right {width: 290px; float: right; text-align: right; padding-right: 65px; font-size: 0.95em;} #login .loginContent form {margin: 0 0 10px 0; height: 26px;} #login .loginContent input.field {border: 1px #1A1A1A solid; background: #464646; margin-right: 5px; margin-top: 4px; color: white; height: 16px;} #login .loginContent input:focus.field {background: #545454;} #login .loginClose {display: block; position: absolute; right: 15px; top: 10px; width: 70px; font-size: 0.8em; text-align: left;} #login .loginClose a {display: block; width: 100%; height: 20px; background: url(../images/button_close.jpg) no-repeat right 0; padding-right: 10px; border: none; font-size: 0.9em; color: white;} #login .loginClose a:hover {background: url(../images/button_close.jpg) no-repeat right -20px;} .clear {clear: both; height: 0; line-height: 0;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */.clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #container {width: auto; height: 100%; text-align: center; /* IE fix to center the page */ } #content2 {width: 980px; margin: 0 auto; /* center the page in Firefox */ text-align: center;} /*End Sliding Login*/