/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; background-color:#0090AF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4em} p { font-size:12px; color:#000; margin:0; padding:0; padding-bottom:20px; line-height:1.5em; padding-left:2px} p a:link, p a:visited { text-decoration: none; color:#0090AF;} p a:hover, p a:active { text-decoration: none; color:#478a0f} h1 { font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#0090AF; font-size:80px; font-weight:normal} h2 { font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#0090AF; font-size:18px; font-weight:normal} h3 { width:176px; height:20px; font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff; font-size:18px; font-weight:normal; background:#67BB20 url(../images/bg_greenbar.gif) no-repeat; padding-left:10px; padding-top:6px; padding-bottom:2px} h4 { width:304px; height:24px; font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff; font-size:18px; font-weight:normal; background:#3DADC5 url(../images/bg_bluebar.gif) no-repeat; padding-left:10px; padding-top:6px; padding-bottom:2px} h5 { width:284px; height:24px; font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff; font-size:18px; font-weight:normal; background:#3DADC5 url(../images/bg_bluebar_small.gif) no-repeat; padding-left:10px; padding-top:6px; padding-bottom:2px} h6 { font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#478A0F; font-size:16px; font-weight: bold; padding-bottom:8px; padding-top:5px} h6 a:link, h6 a:visited {color: #0090AF;text-decoration: underline;} h6 a:active, h6 a:hover {color: #478a0f; text-decoration: underline;} /* --------------------------------------------- 02. WRAPPER --------------------------------------------- */ #wrapper { width:876px; margin:0 auto; background: #FFFFFF url(../images/bg_wrapper.gif) repeat-y top center; padding-left:57px; padding-right:57px} /* --------------------------------------------- 03. TOPLINKS --------------------------------------------- */ #toplinks { width:856px; height:20px; background:#F9F9F9 url(../images/bg_topbar.gif) no-repeat bottom left; padding-right:20px; padding-top:3px} #toplinks p { text-align:right; color:#0090AF; padding-bottom:0px} #toplinks p a:link, #toplinks p a:visited { padding-left:8px; padding-right:8px} #toplinks p a:hover, #toplinks p a:active { padding-left:8px; padding-right:8px; color:#5bab16;} /* --------------------------------------------- 04. TOPBAR LOGO AND CAPTION --------------------------------------------- */ #topbar { width:876px; height:93px; margin:0; padding:0} #topbar h1 {padding-top:15px; padding-bottom:10px;} #topbar .logo { float:left;} #topbar h2 { float:right; text-align:right; padding-top:30px; line-height:1.1em} /* --------------------------------------------- 05. TOP NAVIGATION --------------------------------------------- */ #nav { width:876px; height:35px; background:#6BBD1B url(../images/bg_nav.gif) no-repeat top left; margin-top:-180px; position: absolute} .nav {height:16px; font-size:10px; font-weight: normal; margin: 0; padding: 0; list-style: none; padding-top:8px; padding-left:180px } .nav li { float: left; margin: 0; padding:0; list-style: none; background:url(../images/bullet.gif) no-repeat center left } .nav a:link, .nav a:visited { margin:0; text-align:center; padding: 0px 15px 0px 22px; text-decoration: none; color:#fff; font-size:20px; font-weight: normal; font-family:"Georgia", Arial, Helvetica, sans-serif; } .nav a:hover, .nav a:active { color:#254b06;} .nav .nobullet { background-image:none} /* --------------------------------------------- 06. HEADER --------------------------------------------- */ #header { width:856px; height:140px; background:#E4F5D2 url(../images/bg_header.gif) no-repeat top left; padding-top:24px; margin-top:18px; padding-left:10px; padding-right:10px} #header .thumb1 {float:left; border:1px solid #BFDAA2} #header .thumb2 {float:left; border:1px solid #BFDAA2; margin-left:10px} #header .thumb3 {float: right; border:1px solid #BFDAA2} /* --------------------------------------------- 07. CONTENT --------------------------------------------- */ #content { width:876px; margin:0; padding:0; margin-top:20px; overflow:auto} /* --------------------------------------------- 08. PANEL LEFT --------------------------------------------- */ #panel-left { width:186px; float:left; margin:0; padding:0} /* --------------------------------------------- 08.1 PANEL LEFT - GREEN BOX --------------------------------------------- */ .boxgreen_top { width:185px; height:10px; background:url(../images/greenbox_top.gif) no-repeat top left; margin-top:4px} .boxgreen_middle { width:168px; background-color:#E4F5D2; border-right:1px solid #BFDAA2; border-left:1px solid #BFDAA2; padding-left:15px} .boxgreen_middlesearch { width:168px; background-color:#E4F5D2; border-right:1px solid #BFDAA2; border-left:1px solid #BFDAA2; padding-left:5px; padding-right:10px} .boxgreen_bottom { width:185px; height:10px; background:url(../images/greenbox_bottom.gif) no-repeat top left; margin-bottom:15px} #ideasearch { width:185px; position:relative} #ideacategories { width:185px; position:relative} #miscellaneous { width:185px; position:relative} #panel-left ul.lists { margin:0; padding:0; padding-bottom:20px} #panel-left ul.lists li { margin:0; padding:0; list-style: none; padding:1px 10px; background:url(../images/bullet_list.gif) no-repeat top left} #panel-left ul.lists li a:link, #panel-left ul.lists li a:visited { text-decoration:none; color: #000000} #panel-left ul.lists li a:hover { text-decoration: underline; color: #478a0f} /* --------------------------------------------- 09. PANEL MIDDLE --------------------------------------------- */ #panel-middle { width:314px; float:left; margin-left:30px} #panel-middle h1 { font-size:24px; padding:0; margin:0; padding-bottom:2px; padding-top:2px; padding-bottom:10px} /* --------------------------------------------- 09.1 PANEL MIDDLE - NEWS UPDATES --------------------------------------------- */ #newsandupdates { width:314px; margin:0; padding:0} #newsandupdates .news { width:294px; float:left; background:url(../images/bg_greyshadow_314.gif) no-repeat top left; margin-top:4px; padding-top:10px; padding-left:10px; padding-right:10px} #newsandupdates .news_icon { float:left; width:42px; height:42px; background:url(../images/bg_newsicon.gif) no-repeat; color:#FFFFFF; text-align:center; padding-top:0px;} #newsandupdates .news_content { width:240px; float:right} #newsandupdates .date { color:#0090AF; font-weight:bold; padding-bottom:0} /* --------------------------------------------- 10. PANEL RIGHT --------------------------------------------- */ #panel-right { width:300px; float:right} /* --------------------------------------------- 10.1 PANEL RIGHT - FEATURED FUND RAISER --------------------------------------------- */ #featuredfundraiser { width:294px; margin:0; padding:0} #featuredfundraiser .banner { width:294px; height:102px; margin:0; padding:0; margin-top:6px} #featuredfundraiser .content { width:274px; background:url(../images/bg_greyshadow_294.gif) no-repeat top left; margin-top:4px; padding-top:10px; padding-left:10px; padding-right:10px} /* --------------------------------------------- 11. FOOTER STYLES --------------------------------------------- */ #footer { width:876px; margin-top:20px; background:url(../images/bg_footer.gif) no-repeat top center; } #footer p { margin:0; padding:0; font-size:10px; color:#0090AF; text-align:center; padding-top:5px; padding-bottom:6px} #footer a:link, #footer a:visited { text-decoration: underline; } #footer a:active, #footer a:hover { color: #5bab16; text-decoration: none; } /* --------------------------------------------- 12. SUBPAGE STYLES --------------------------------------------- */ #panel-right-subpage { width:657px; float:right;} #panel-right-subpage h1 { text-align:center; font-size:60px; line-height:1.0em; letter-spacing:-3px} #panel-right-subpage h6 { margin:0; padding:0; color:#0090AF; font-size:18px; padding-bottom:10px; font-weight:normal} #ideas { width:657px; margin:0; padding:0} #ideas .content { width:637px; float:left; background:url(../images/bg_greyshadow_657.gif) no-repeat top left; margin-top:25px; padding-top:10px; padding-left:10px; padding-right:10px} #ideas .set { width:634px; float:left;} #ideas .set p { padding-bottom:8px} #ideas .idea_info { width:400px; float:left} #ideas .idea_text { width:627px; float:left;padding-left:5px;padding-bottom:10px} #ideas .button_myfavourite { width:100px; height:18px; color: #FFFFFF; font-size:10px; text-align:center; float:left; background:url(../images/button_myfavourite.gif) no-repeat; cursor:pointer; } #ideas .button_myfavourite a:link, #ideas .button_myfavourite a:visited { text-decoration:none; color:#FFFFFF; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:0px;} #ideas .rating { width:100px; float: right;} #ideas .rating p { font-size:9px; color:#7B7B7B; margin:0; padding:0; text-align:left; padding-left:9px} #ideas .star { float:left; padding-bottom:2px} #ideas .ratingImage { cursor:pointer;} #ideas .tags {color:#7B7B7B; font-size:9px} #ideas .button_addtofavourites { width:100px; height:18px; color: #FFFFFF; font-size:10px; text-align:center; float:left; cursor:pointer; background-image: url(../images/bg_addtofavourite.gif); background-repeat: no-repeat; } #ideas .button_addtofavourites a:link, #ideas .button_addtofavourites a:visited { text-decoration:none; color:#FFFFFF; padding-top:4px; padding-bottom:0px} .pagination { width:657px; float:left; text-align:center; color:#0191b0; margin-top:10px;margin-bottom:10px; background: url(../images/navback.jpg) no-repeat left top;} #search {width:400px;margin-left:130px} #search .header { height:24px; font-family:"Georgia", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#fff; font-size:18px; font-weight:normal; background: url(../images/bg_bluebar_search.gif) no-repeat; padding-left:10px; padding-top:6px; padding-bottom:2px} #search .boxgreen_top_search { height:10px; background:url(../images/greenbox_top_search.gif) no-repeat top left; margin-top:4px} #search .boxgreen_middle_search { width:383px;background-color:#E4F5D2; border-right:1px solid #BFDAA2; border-left:1px solid #BFDAA2; padding-left:15px} #search .boxgreen_bottom_search { height:10px; background:url(../images/greenbox_bottom_search.gif) no-repeat top left; margin-bottom:15px} #search .label {font-family:"Georgia", Arial, Helvetica, sans-serif;font-size:12px;} /* --------------------------------------------- 13. MISCELLANEOUS STYLES --------------------------------------------- */ .googlead_linkunit { width:100%; text-align:center; padding-top:2px; padding-bottom:2px} .googlead_mediumrectangle { width:300px; height:250px; padding-top:2px; padding-bottom:2px} img { border:none} .ideaFormText { font-weight:bold; } .ideaTextBoxes { width:300px; } .ideaDescriptionTextBox { width:400px; height:200px; } .printideas a:link, .printideas a:visited { color: #0090AF; text-decoration: underline; } .printideas a:active, .printideas a:hover { color: #478A0F; text-decoration: underline; } /* ----------------------- Used to display changes between the current idea and new idea on admin page ----------------------- */ .comparisonTableHeader { background-color: #990000; color:white; font-size:12px; font-weight:bold; } .comparisonTable { font-size:11px; width:100%; border: solid black 1px; } .navtable { font-family: Arial, Helvetica, sans-serif; } .navtablerow1 { font-size: 14px; color: #57a612; } .navtablerow1 a:link, .navtablerow1 a:visited { text-decoration: none; color: #57a612; padding-right: 6px; padding-left: 6px; } .navtablerow1 a:active, .navtablerow1 a:hover { text-decoration: underline; color: #0191b0; padding-right: 6px; padding-left: 6px; } .navtablerow2 { color: #57a612; font-size: 12px; } .navtablerow2 a:link, .navtablerow2 a:visited { text-decoration: none; color: #57a612; padding-right: 2px; padding-left: 2px; } .navtablerow2 a:active, .navtablerow2 a:hover { text-decoration: underline; color: #0191b0; } .navtable select { color: #57a612; height:20px; margin: 0px 0px 2px 0px; padding: 0px; } .fund-img-right { padding: 6px; float: right; margin-bottom: 10px; margin-left: 15px; }