/* Key styles for: THFoundation*/ /* Website designed and developed by Mojito Solutions, Katrina Youngman */ /* Last updated: Joanne Walter, 24th October 2011*/ /*Reset Styles*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } sup {font-size:xx-small; vertical-align:top;} sub {font-size:xx-small; vertical-align:bottom;} body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #000; background: url(images/bg.gif) repeat #a1cd38;} /*==========Paragraphs/Links/Tables/Lists/Images/Class Selectors==========*/ /*Paragraph Styles*/ h1 {font-size: 3.0em; color: #ff7900; padding-bottom: 10px;} h2 {font-size: 1.8em; color: #000000; padding-bottom: 10px;} h3 {font-size: 1.4em; color: #000000; padding-bottom: 5px;} h4 {font-size: 1.2em; color: #0099cc; padding-bottom: 2px;} p {padding-bottom: 10px; line-height: 1.3em;} p, table td, table p, #maincon ol, #maincon ul {font-size: 1.2em;} #footer p {color: #fff;} /*Link Styles*/ a {color: #ff7800; text-decoration: none; font-weight: bold;} a:link {color: #ff7800;} a:visited {color: #ff7800;} a:hover {color: #0099cc;} #footer a {color: #fff; font-weight: normal;} #footer a:hover {color: #003971;} table.tablefilled a{color: #000;} table.tablefilled a:hover {color: #fff;} /*Table Styles*/ table {background: none; border: none; margin-bottom: 10px;} table td {padding: 5px; background: none; border: none;} table th {text-align: left; font-size: 1.3em; padding: 5px; border: none;} table.tablefilled {background: #18b7da; border: 1px solid #fff;} table.tablefilled td {background: #18b7da; color: #fff; border: 1px solid #fff;} table.tablefilled th {color: #fff; border: 1px solid #fff;} table.sponsorstable {background: #fff; border: 1px solid #fff;} table.sponsorstable td {background: #fff; color: #000; border: 1px solid #fff; vertical-align: top; padding: 0 5px 40px 0;} table.sponsorstable th {color: #fff; border: 1px solid #fff;} /*List Styles*/ #maincon ul, #maincon ol {margin-left: 30px; padding-bottom: 10px; position: relative;} #maincon li {padding-bottom: 2px;} ul.iconlist {margin-left: 0 !important; margin-top: 5px;} ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px !important; padding-top: 4px;} ul.arrowlist {margin-left: 0 !important; margin-top: 5px;} ul.arrowlist li{list-style: none; background: url(images/arrow-bullet.gif) no-repeat 0px 2px; padding-left: 15px; padding-bottom: 8px !important;} ul.liststylenone {margin-left: 0 !important;} ul.liststylenone li {list-style: none;} .listprefix {display: block; float: left; font-weight: bold; width: 90px;} /*Image Styles*/ img {padding: 0px;} #maincon img {padding: 5px;} #maincon img.left {padding: 5px 20px 5px 0px;} #maincon img.right {padding: 5px 0px 5px 20px;} /*Class Selectors*/ .right {float: right;} .left {float: left;} .clear {clear: both;} hr {clear: both; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #ccc; padding-top: 10px; margin-bottom: 20px;} .highlight {color: #0099cc;} /*This is the just a style that can be used to highlight text within a paragraph*/ .author {color: #18b7da; font-size: 12px; font-weight: normal;} /*==========Structure/Galleries/Navigation/Features==========*/ /*Structure Styles*/ #outerwrapper {background: #a2ecfd;} .wrapper {background: #fff; width: 950px; padding: 0 15px; margin-left: auto; margin-right: auto; overflow: hidden;} #banner {padding-bottom: 10px; overflow: hidden; width: 950px;} #logo {float: left;} #bannerfeature {float: right;} #maincon {width: 950px;overflow: hidden; clear: both; padding-top: 10px; padding-bottom: 20px;} .col {position: relative; float: left;} #homecontent1 {width: 450px; padding-right: 45px;} #homecontent2 {width: 230px; padding-right: 45px;} #homecontent3 {width: 180px;} #sidebar {width: 200px; padding-right: 20px;} #content {width: 730px;} #contentfull {clear: both; width: 950px;} #footer {background: url(images/footer-bg.gif) repeat-x; padding: 20px 20px 30px 0;} #footer .wrapper {background: none;} #foot1 {width: 470px; padding-top: 10px;} #foot2 {width: 470px; text-align: right; padding-top: 10px;} #foot2 img {margin-top: -10px; margin-left: 10px;} /*Navigation Styles*/ #nav {overflow: hidden; background: url(images/nav-bg.gif) no-repeat; height: 38px; margin-bottom: 5px; width: 950px;} #nav ul {margin-left: 5px;} #nav li {margin: 0; display: inline; list-style: none; font-size: 1.5em; color: #fff; font-weight: bold;} #nav li a {text-decoration: none; padding: 10px 15px; display: block; float: left; color: #fff; border-bottom: none;} #nav li a:hover {color: #fac500; border-bottom: none;} #nav li.current a {color: #fac500;} /*Sub Navigation Styles*/ #subnav {overflow: hidden; width: 180px; padding-bottom: 20px;} #subnav ul {margin-left: 0 !important;} #subnav li {margin: 0; list-style: none; font-size: 1em; color: #0099cc; padding: 0 0 0 15px!important; background: url(images/arrow-bullet.gif) no-repeat 0px 6px; border-bottom: 1px solid #fff;} #subnav li a{text-decoration: none; padding: 3px 0px; display: block; color: #0099cc; border-bottom: none;} #subnav li a:hover {color: #97c14f; border-bottom: none} #subnav li.current-page a {color: #98d00f;} #subnav ul ul {padding-bottom: 0 !important; margin-left: -18px !important;} #subnav ul ul li {font-size: .8em; border-bottom: 1px solid #fff; background: none; padding: 0 !important;} #subnav ul ul li a {padding: 2px 5px 2px 20px; color: #000 !important;} #subnav ul ul li a:hover {color: #ff7900!important;} #subnav ul ul li.current-page a {color: #98d00f !important;} /*Nivo Slider Gallery*/ #gallery {position: relative; margin-bottom: 10px; width: 950px;} #cornertop {position: absolute; top: 0px; z-index: 999;} #cornerbottom {position: absolute; top: 286px; z-index: 999;} #homeslider {position:relative; width:950px; height:300px; background:url(../../../assets/scripts/nivoslider/images/loading.gif) #efe9d1 no-repeat 50% 50%; overflow: hidden; z-index: 99;} #homeslider img {position:absolute; top:0px; left:0px; display: none;} #homeslider a {border:0; display:block;} #homeslider p {padding: 0; margin: 0;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {position:absolute; left:40px; top: 260px; z-index: 99;} .nivo-controlNav a {display:block; width:13px; height:22px; background:url(../../../assets/scripts/nivoslider/images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .nivo-controlNav a.active {background-position:0 -22px;} /*Sponsor Slider*/ #sponsorslider {position:relative; width:180px; height:130px; background:url(../../../assets/scripts/nivoslider/images/loading.gif) #efe9d1 no-repeat 50% 50%; overflow: hidden; z-index: 99;} #sponsorslider img {position:absolute; top:0px; left:0px; display: none;} #sponsorslider a {border:0; display:block;} #sponsorslider p {margin: 0; padding: 0;} /*Subpage Slider*/ #gallerysub {position: relative; margin-bottom: 10px; width: 950px;} #gallerysub #cornertop {position: absolute; top: 0px; z-index: 999;} #gallerysub #cornerbottom {position: absolute; top: 256px; z-index: 999;} #slider {position:relative; width:950px; height: 270px; background:url(../../../assets/scripts/nivoslider/images/loading.gif) #efe9d1 no-repeat 50% 50%; overflow: hidden; z-index: 99;} #slider img {position:absolute; top:0px; left:0px;} #slider a {border:0; display:block;} #slider p {padding: 0; margin: 0;} /*Testimonials*/ .testimonialby {font-weight: bold; margin-bottom: 30px; text-align: right; border-bottom: 1px solid #eee; padding-bottom: 30px;}