/* ----------------------------------------------- TSA Page Styles Version: 08.17.06 Author: Justin Hattingh / info@cultivatecreative.com ----------------------------------------------- */ /*To edit the search page, login to atomz.com and edit the page template online w/your email & password */ html,body { margin:0;padding:0;} body { margin:0;padding:0;font-size:x-small; font-family: "lucida sans", verdana, helvetica, sans-serif;background: #B0BDD7;} img { display:block; border:0; margin:0; padding:0; } a { color: #399; text-decoration: none; } a:hover { color: #039; text-decoration: underline; } #wrapper { background:#ffffff;float:left;width:100%; } /*primary navigation ----------------------------------------------- */ #span { background-color: #94C7AB; height:19px;border:0px; margin:0px;padding:0px;} #divprimarynav { position: absolute; left: 26px; width: 735px; } #divprimarynav ul { list-style: none; margin: 0px; padding: 0px; } #divprimarynav ul li { display: block; float: left; margin: 0px; padding: 0px; font-size: 1.4em; font-weight: normal; line-height: 120%; } /* menus */ #divprimarynav div.divpopupmenu { position: absolute; top: 19px; width: 145px; min-height: 150px; padding-bottom: 8px; border: none; background-color: #6FA76F; z-index: 10; visibility: hidden; } #divprimarynav div.divpopupmenu a { display: block; width: 130px; padding: 2px 5px 2px 10px; color: #fff; text-align: left; font-weight: normal; text-decoration: none; } #divprimarynav div.divpopupmenu a.first { padding-top: 8px; } #divprimarynav div.divpopupmenu a:active, #divprimarynav div.divpopupmenu a:hover, #divprimarynav div.divpopupmenu a:focus { color: #ffffff; background-color: #45754D; } /* horizontal positions of menus */ #divmenuabout { left: 1px;} #divmenumembers { left: 105px; } #divmenuresources { left: 210px; } #divmenupublications { left: 315px; } #divmenuevents { left: 420px; } #divmenucenter { left: 525px; } #divmenugroups { left: 630px; } /* Second Level Specific ----------------------------------------------- */ #header { height:138px;margin:0; background: #ABD7EB} #content { padding: 0 10px 3.0em 20px; margin-left:237px; background:#FFFFFF;} /* Change main font on line below */ #content p,#content ul li { font-size: 1.2em;line-height:1.5em;} #content h1 { padding-top:15px;color: #039; font-size: 1.9em; font-family: arial, helvetica, verdana, sans-serif; } #content h2 { color:#000000; font-size: 1.6em; font-family: arial, helvetica, verdana, sans-serif; } #content h3 { color:#000000; font-size: 1.4em; font-family: arial, helvetica, verdana, sans-serif; } #content img { float: left; border-color: black; border-width: 1px; border-style: none; margin-right: 10px; clear: right; }/* can remove the dotted border around images if need be. Set up a new style if you want images with and without a border on the same page*/ #content p a { color: #399; text-decoration: none; line-height:1.4em;} #content p a:hover { color: #039; text-decoration: underline; } #div.c2 {text-align: center} /* secondary & tertiary navigation ----------------------------------------------*/ /* Background Images behind the sub nav */ .aboutNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/about_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .eventNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/event_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .groupsNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/group_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .membersNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/members_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .centerNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/center_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .pubsNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/pubs_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .resourcesNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/resources_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .toolsNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/tools_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} .searchNav { float:left;width:237px;height:400px;padding:15px 0 50px 0;background-image: url("../images/tools_secleft.jpg"); background-repeat: no-repeat; background-position: 0 0;} #on { font-weight: bold; color: #039;} #on:hover { text-decoration: underline; } .subNav { margin-left: -15px; padding-left: 4.0em; list-style: none; } .subNav a { font-size: 1.3em; color: #000; text-decoration: none; } .subNav a:hover { color: #039; text-decoration: none; } .subNav li { padding-left: 15px; background-repeat: no-repeat; background-position: 0.4em; line-height:1.5em;} /* Change nav header font on line below */ .subNav h1 { color: #039; font-size: 1.2em; } .tertiaryNav { margin-left: -15px; padding-left: 4.0em; list-style: none; } /* Change nav font on line below */ .tertiaryNav a { font-size: 1.4em; color: #000; text-decoration: none; } .tertiaryNav a:hover { color: #039; text-decoration: none; } .tertiaryNav li { padding-left: 15px; background-repeat: no-repeat; background-position: 0.4em; line-height:1.5em;} /* Footer ----------------------------------------------- */ #footer { margin:0;padding: 0.5em 0 0 0.5em; background:#bobdd7; color: #fff; font-size: 1.5em} #footer ul { float:left;list-style-type:none; text-decoration:none; margin-left:-10px; padding-left:0.5em} #footer li { display: inline; } #footer ul a { color: #039; text-decoration: none;} #footer ul a:hover { color: #fff; text-decoration: none;} #footer span { border-right: 1px solid #039; padding: 0 0.8em;} #disclaimer { float:right; padding:0 5px;} /* Contact Page Zebra Table cells ----------------------------------------------- */ .taglist tbody tr td { padding: 3px 8px; } /* search & quicklinks ----------------------------------------------*/ #searchCont { padding: 10px 10px 0 20px; margin-left:237px; background:#FFFFFF;} .search { margin:-10px 0 0 20px; } .links { margin: 30px; padding-top:8px; border-top: 1px solid #039; }