/***********************************************/ /* 3col_leftNav.css */ /* Use with template 3col_leftNav.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ background-image: url(../images/dots_03.png); background-repeat:repeat;background-color:white; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; text-align:center; } .smalltext {font-size:80%; color: #666666 ;} a{ color: #006699; text-decoration: none; } a:link{ color: #006699; text-decoration: none; } a:visited{ color: #006699; text-decoration: none; } a:hover{ color: #006699; text-decoration: underline; } h1{ font-family: Verdana, Arial, sans-serif; font-size: 90%; color: #334d55; margin: 0px; padding: 10px; } h2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 120%; color: #336666; margin: 0px; padding: 2%; text-align: left; } h3{ font-family: Arial,sans-serif; font-size: 130%; color: #336633; text-align: center; padding: 0px; } h4{ font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; } h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px; } h6 {text-align:center; font-stretch:semi-expanded; font-style:italic ; font-weight:bold; color:#339966;} ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55; } .quote {text-align:center; font-stretch:semi-expanded; font-style:italic ; font-weight:bold; color:#339966;} /***********************************************/ /* Layout Divs */ /***********************************************/ #wrapper{ position:relative; background-color:#FFFFFF; background-position:top; background-image: url(../images/banner_02.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; width: 960px; text-align: left; height: auto; line-height: 1.166; } #header {background-image:url(../images/banner_02.jpg); background-position:top; background-repeat:no-repeat; height:230px; width:960px} .grassy1 {background-image:url(../images/garden_05.jpg);} #navBar{ float: left; width: 20%; margin: 0px; padding: 0px; background-color: #eeeeee; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #headlines{ float: right;background-color:#FFFFFF; width: 27%;height:100%; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #mimosalogo { position:relative; margin-top:10px; width:25%; height:100%;} #mimosalogo2 { margin-top:5px; width:25%; height:100%;} #mimosalogo3 { margin-top:5px; width:25%; height:100%;} #mimosalogo4 { margin-top:5px; padding:7px; width:25%; height:100%; } #mimosalogo5{ margin-top:8px; width:25%; height:100%; } #mimosalogo6{ margin-top:8px; width:25%; height:100%; } #mimosalogo7{ margin-top:5px; padding:7px 15px 7px 15px; width:25%; height:100%; } #mimosalogo9 { margin-top:5px; padding:10px 0px 0px 0px; width:25%; height:100%;} #mimosalogo10 { margin-top:12px; padding:0px 0px 0px 40px; width:25%; height:100%;} #mimosalogo11 { margin-top:5px; width:25%; height:100%;} #mimosalogo12 { margin-top:5px; width:25%; height:100%;} #mimosalogo13 { margin-top:5px; width:25%; height:100%;} #mimosalogo14 { margin-top:5px; width:25%; height:100%;} #mimosalogo15 { margin-top:5px; width:25%; height:100%;} #mimosalogo16 { margin-top:5px; width:25%; height:100%;} #mimosalogo17 { margin-top:5px; width:25%; height:100%;} #mimosalogo18 { margin-top:5px; width:25%; height:100%;} #bg { background-color:#FFFFFF; width:960px; float:left; background-repeat: no-repeat; background-position: bottom; } #content{ background-color:#FFFFFF; float:left; width: 75%; background-repeat: no-repeat; background-position: bottom; } /* defaults required for IE */ a, a:visited, a:hover, a:active, a:focus {color:#000;} #holder {position:relative; background:transparent url(vertical-slide/photographer.jpg) 90px 0 no-repeat; margin-bottom:10px; width:750px; height:500px;} #scrollbox {padding:0; margin:0; width:110px; list-style:none; height:360px; overflow:auto; float:right;} #scrollbox li {float:left;} #scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; font-family:"trebuchet ms", sans-serif; font-size:24px; text-align:center;} #scrollbox a.slidea {background:url(../images/event/gallery/thumb_a.jpg) no-repeat center center;} #scrollbox a.slideb {background:url(../images/event/gallery/thumb_b.jpg) no-repeat center center;} #scrollbox a.slidec {background:url(../images/event/gallery/thumb_c.jpg) no-repeat center center;} #scrollbox a.slided {background:url(../images/event/gallery/thumb_d.jpg) no-repeat center center;} #scrollbox a.slidee {background:url(../images/event/gallery/thumb_e.jpg) no-repeat center center;} #scrollbox a.slideea {background:url(../images/event/gallery/thumb_ea.jpg) no-repeat center center;} #scrollbox a.slidef {background:url(../images/event/gallery/thumb_f.jpg) no-repeat center center;} #scrollbox a.slidefa {background:url(../images/event/gallery/thumb_fa.jpg) no-repeat center center;} #scrollbox a.slideg {background:url(../images/event/gallery/thumb_g.jpg) no-repeat center center;} #scrollbox a.slideh {background:url(../images/event/gallery/thumb_h.jpg) no-repeat center center;} #scrollbox a.slidei {background:url(../images/event/gallery/thumb_i.jpg) no-repeat center center;} #scrollbox a.slidej {background:url(../images/event/gallery/thumb_j.jpg) no-repeat center center;} #scrollbox a.slidek {background:url(../images/event/gallery/thumb_k.jpg) no-repeat center center;} #scrollbox a.slidel {background:url(../images/event/gallery/thumb_l.jpg) no-repeat center center;} #scrollbox a.slidem {background:url(../images/event/gallery/thumb_m.jpg) no-repeat center center;} #scrollbox a.sliden {background:url(../images/event/gallery/thumb_n.jpg) no-repeat center center;} #scrollbox a.slidena {background:url(../images/event/gallery/thumb_na.jpg) no-repeat center center;} #scrollbox a.slideo {background:url(../images/event/gallery/thumb_o.jpg) no-repeat center center;} #scrollbox a.slidep {background:url(../images/event/gallery/thumb_p.jpg) no-repeat center center;} #scrollbox a.slideq {background:url(../images/event/gallery/thumb_q.jpg) no-repeat center center;} #scrollbox a.slider {background:url(../images/event/gallery/thumb_r.jpg) no-repeat center center;} #scrollbox a.slides {background:url(../images/event/gallery/thumb_s.jpg) no-repeat center center;} #scrollbox a.slidet {background:url(../images/event/gallery/thumb_t.jpg) no-repeat center center;} #scrollbox a.slideu {background:url(../images/event/gallery/thumb_u.jpg) no-repeat center center;} #scrollbox a.slidev {background:url(../images/event/gallery/thumb_v.jpg) no-repeat center center;} #scrollbox a.slidew {background:url(../images/event/gallery/thumb_w.jpg) no-repeat center center;} #scrollbox a.slidex {background:url(../images/event/gallery/thumb_x.jpg) no-repeat center center;} #scrollbox a.slidey {background:url(../images/event/gallery/thumb_y.jpg) no-repeat center center;} #scrollbox a.slidez {background:url(../images/event/gallery/thumb_z.jpg) no-repeat center center;} #scrollbox a.slideza {background:url(../images/event/gallery/thumb_za.jpg) no-repeat center center;} #scrollbox a.slidezb{background:url(../images/event/gallery/thumb_zb.jpg) no-repeat center center;} #scrollbox a.slidezc {background:url(../images/event/gallery/thumb_zc.jpg) no-repeat center center;} #scrollbox a.slidezd{background:url(../images/event/gallery/thumb_zd.jpg) no-repeat center center;} #scrollbox a.slideze {background:url(../images/event/gallery/thumb_ze.jpg) no-repeat center center;} #scrollbox a.slidezf {background:url(../images/event/gallery/thumb_zf.jpg) no-repeat center center;} #scrollbox a.slidezga {background:url(../images/event/gallery/thumb_zga.jpg) no-repeat center center;} #scrollbox a.slidezh {background:url(../images/event/gallery/thumb_zh.jpg) no-repeat center center;} #scrollbox a.slidezi {background:url(../images/event/gallery/thumb_zi.jpg) no-repeat center center;} #scrollbox a.slidezk {background:url(../images/event/gallery/thumb_zk.jpg) no-repeat center center;} #scrollbox a.slidezl {background:url(../images/event/gallery/thumb_zl.jpg) no-repeat center center;} #scrollbox a span {display:block; position:absolute; left:-9999px; top:0;} #scrollbox a span img {border:0;} #scrollbox a:hover {border:1px solid #888;} #scrollbox a:hover span {width:480px; height:480px; left:90px; background:#fff; z-index:100;} #scrollbox a:active {border:1px solid #000;} #scrollbox a:focus {border:1px solid #000; outline:0;} * html #scrollbox a:active span {width:480px; height:480px; top:0; left:90px; color:#000; background:#fff; z-index:-1;} #scrollbox a:focus span {width:480px; height:480px; top:0; left:90px; color:#000; background:#fff; z-index:10; outline:0;} /***********************************************/ /* Components */ /***********************************************/ .greengraphics {float:right;} #siteName{ margin: 30px 270px; padding: 0 0px 0px 10px; } /************* #globalNav styles **************/ #globalNav{ background-color:#FFFFFF; border-bottom: 1px solid #CCC; color: #cccccc; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; } #globalNav img{ display: block; } #globalNav a { font-size: 100%; padding: 0 4px 0 0; } /************** .feature styles ***************/ .feature{ font-size: 100%; margin-right: 5px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .feature h3{ padding: 10px 0px 5px 0px; text-align: right; } .feature img{ float: left; padding: 0px 10px 20px 0px; } .feature2{ padding: 0px 10px 10px 10px; font-size: 100%; margin-right: 5px; } .feature2a{ padding: 0px 10px 10px 10px; font-size: 100%; margin-right: 10px; } .feat2a {float: right; margin-right:5px;} .feature2 h3{ padding: 10px 0px 5px 0px; text-align: right; } .feature2 img{ margin-top: 2%; } .feature3{ padding: 0px 10px 10px 10px; font-size: 100%; margin-right: 5px; } .feature3 h3{ padding: 10px 0px 5px 0px; text-align: right; } .feature3 img{float: right; margin-top: 0%; margin-left:1%; } /************** .story styles *****************/ .story img{ float: left; padding: 10px 10px 20px 0px; } .story{ clear: both; padding: 10px 10px 0px 10px; font-size: 100%; } .story p{ padding: 0px 0px px 0px; margin-right: 5px; margin-left: 5px; } .story2{ clear: both; padding: 10px 0px 0px 10px; font-size:100%; } .story2 p{ padding: 0px 0px px 0px; margin-right: 5px; } .story2 img{ margin-left:5%; margin-right:5%; } /************* #siteInfo styles ***************/ #siteInfo{ background-color:#FFFFFF; clear: both; border: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding: 10px 10px 10px 10px; height:135px; text-align:center; background-repeat: repeat-x; background-position: bottom; background-image: url(../images/garden_16.jpg); } #siteInfo img{ vertical-align: middle; border:0; float:right; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; background-color: #FFFFFF; background-image: url(../images/biggreenlogo_06.jpg); background-repeat: no-repeat; background-position: top; padding-top: 110%; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ background-color: #dddddd; } /*********** .relatedLinks styles ***********/ .relatedLinks{ position: relative; margin: 0px; font-size: 90%; background-color: #FFFFFF; background-image: url(../images/garden_05.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 2%; padding-right: 0px; padding-bottom: 50%; padding-left: 10px; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .relatedLinks a:link, .relatedLinks a:visited { display: block; } /*********** .sponsors styles ***********/ .sponsors{ position: relative; margin: 0px; font-size: 90%; background-color: #FFFFFF; background-image: url(../images/garden_05.jpg); background-repeat: no-repeat; background-position: bottom; padding-top: 2%; padding-right: 0px; padding-bottom: 50%; padding-left: 10px; } .sponsors h3{ padding: 10px 0px 2px 0px; } .sponsors a:link, .sponsors a:visited { display: block; } #greengraphics1 {margin-left:10px;} #freeset1 {margin-left:10px;} #makehay1 {margin-left:10px;} /************** #advert styles **************/ #advert{ padding: 30px 0px 10px; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }