/* Schizophrenia Fellowship NZ Inc sytles Updated: 5.03.08 @ 8:50 a.m. Author: Michael Holmes (michael@catchgraphics.com) ----------------------------------------------------*/ /* COLORS Body Background: #fff Main Text: #494949 Links: #7d0082 Links (Hover): To be specified Blue Headline: #0088c5 Grey Headline: #494949 Orange Summit Headline: #cc6600 Inner borders 2px #e1e1e1 MENU-1 sub li bkgd #3a9fc5 MENU-1 News text #d20000 ----------------------------------------------------*/ /* ORDER OF ATTRIBUTES 1. Positioning (with coordinates) styles 2. Float/Clear styles 3. Display/Visibility styles 4. Spacing (margin, padding, border) styles 5. Dimensions (width, height) styles 6. Typography-related (line-height, color, etc.) styles 7. Miscellaneous (list-style, cursors, etc.) styles Order of link attributes: a link, a:visited, a:hover, a:active ----------------------------------------------------*/ /* =INDEX for CSS (can use prefix = to find section eg =Header ) -------------------------------------------------------------- GLOBAL-RESET GENERIC TYPOGRAPHY WRAPPER CONTAINER HEADER MENU1 CONTENT-MAIN SIDEBAR FORMS TABLES FOOTER */ /* =GLOBAL-RESET ----------------------------------------------------*/ 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} ol,ul{list-style:none;} table{border-collapse:collapse;border-spacing:0;} caption,th,td{text-align:left;font-weight:400;} abbr,acronym{border:0;} /* =GENERIC ---------------------------------------------------- */ /***** HTML elements styles *****/ html{} body{font:62.5%/1.7 Helvetica, Arial, sans-serif;background-color:#f1f1f1;color:#494949;} address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:400;} hr{margin:20px 0 20px; clear:both;} strong{font-weight:bold;font-family:Helvetica, Arial, sans-serif;} em{ font-family:Helvetica, Arial, sans-serif; } /***** Hidden Text elemtents *****/ #HEADER h1 {text-indent:-9999px;} /***** General styles *****/ .clear{clear:both;} span.clear,p.clear{display:block;overflow:hidden;height:0;margin:0;padding:0;} .alignTextRight{text-align:right;} .alignTextCenter{text-align:center;} /*.aligntextJustify{text-align:justify;}*/ .bold{font-weight:bold;} .italic{font-style:italic;} .underline{border-bottom:1px solid;} .highlight{/*background:#25702a;color:#fff;* To Specify*/} .noPadding{padding:0!important;} .noMargin{margin:0;} .noIndent{margin-left:0;padding-left:0;} .noBullet{list-style:none;list-style-image:none;} .noBorder{border-top:none;border-right:none;border-bottom:none;border-left:none;} .separatorLine{line-height:1px;clear:both;display:block;border-top:1px solid #ededed;margin:5px 0;padding:5px 0;} .hide{position:absolute;left:-9999px;} .hideText{text-indent:-9999px;} .sweeper{width:100%;clear:both;line-height:1%;margin:0;padding:0;} .imgLeft{float:left; margin:0 1em .4em 0; position:relative; top:.4em;} .imgRight{float:right; margin:0 0 .4em 1.5em; position:relative; top:.4em;} .required, .date{color:#009ee0;} .date{padding-bottom:0;} .superscript{position:relative; top:-0.8em; font-size:.5em;} .caption{font-size:1em; position:relative; top:-.7em;} /*.readmore{text-transform:uppercase;} .country{font-weight:bold; padding-bottom:26px; font-size:2em;} .cellLeft{float:left; width:155px; margin-right:22px; padding-bottom:15px;} .footnoteH2{font-size:.7em; font-weight:normal;margin-left:1em;}*/ /* =TYPOGRAPHY ----------------------------------------------------*/ h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color:#494949; padding:0 0 10px 0; font-family:Helvetica, Arial, sans-serif;} h1, h2 {color:#0088c5; font-size:2em; line-height:1.4em;} #CONTENT-MAIN h1 {margin-top:1em!important;} body#summit h1 a {color:#0088c5/*#cc6600*/;text-decoration:underline;} h2 {font-size:1.5em; /*color:#494949;*/padding:5px 0 10px;} h3 {font-size:1.3em; padding:5px 0 0;} a{text-decoration:none;color:#7d0082;} a:hover{text-decoration:underline;} #CONTENT-MAIN p, #CONTENT-MAIN ul, #CONTENT-MAIN ol { font-size:1.2em; line-height:1.7em; padding:0 0 10px; font-family:Helvetica, Arial, sans-serif; text-align: left; } #SIDEBAR p {/*font-size:1.1em;line-height:1.6em;*/ } #CONTENT-MAIN ul li {background:url(../images-and-links/template/bullets.gif) no-repeat left .6em; padding:0 0 10px 14px; list-style:none;} li a{/*font-size:12px;*/} a:focus,a:active,input:focus{outline:0;} strong{font-weight:bold;} /* =WRAPPER ----------------------------------------------------*/ #WRAPPER{background:url(../images-and-links/template/Schizophrenia-Fellowship-NZ-bkgd-new.gif) repeat-y transparent center top; margin:0 auto;width:776px;/* min-height:1100px;*/overflow:hidden;} body#newsletter #WRAPPER, body#order #WRAPPER, body#summitOrder #WRAPPER, body#donateForm #WRAPPER{background:url(../images-and-links/template/Schizophrenia-Fellowship-NZ-bkgd-WIDE.gif) repeat-y transparent left top; margin:0 auto;/*width:935px;*/} /* =CONTAINER ----------------------------------------------------*/ #CONTAINER{position:relative;width:762px; margin-left:14px;} /* =HEADER ----------------------------------------------------*/ #HEADER{position:relative; width:760px; height:165px; background-color:#fff;margin-right:2px; } #HEADER h1 {/* width:150px; height:142px;*/ position:absolute; top:10px; left:0;} #HEADER h1 a {background:url(../images-and-links/template/Schizophrenia-Fellowship-NZ_header2009.jpg) no-repeat left top; display:block; width:748px; height:143px; text-indent:-9999px;} #HEADER h1 span {position:absolute; left:-9999px;} /*#HEADER p#branding {position:absolute; background:url(../images-and-links/template/Schizophrenia-Fellowship-NZ_new.jpg) no-repeat left top; /*padding:0; margin:0; width:586px; height:143px; right:10px; top:9px; text-indent:-9999px;}*/ body#summit #HEADER p#branding, body#summitOrder #HEADER p#branding {background:url(../images-and-links/summit2010header.jpg) no-repeat; /*width:595px; height:146px; right:2px; top:6px;*/} /*body#summit #HEADER p img{right:2px; top:6px; }*/ /* =MENU-1 ----------------------------------------------------*/ #navigation { float:left;width:150px;background-color:#fff;/*border:1px solid #5263AB;text-indent:0;background-color:#E2E2E2;width:200px;margin:0;padding:0;*/} #navigation a.head {line-height:40px;color:#fff;display: block; background:#3a9fc5 url(../images-and-links/template/NavArrow.gif) no-repeat 94% 50%;border-bottom:2px solid #fff;padding:0 0 0 15px; text-transform:uppercase;text-decoration: none; width:135px;height:38px;overflow: hidden;cursor:pointer; margin-bottom:0;} #navigation a.head.site {background:none; background-color:#3a9fc5;} #navigation a.head.news{background:url(../images-and-links/template/Schizophrenia-nav-hover.jpg) no-repeat top left; /*background:url(../images/template/Schizophrenia-News-default.gif) no-repeat;*/ /*text-indent:-9999px;*//*width:150px;*/ /*height:51px; */} #navigation a.head:hover{background:url(../images-and-links/template/Schizophrenia-nav-hover.jpg) no-repeat left -40px;} #navigation a.head.selected{background:url(../images-and-links/template/Schizophrenia-nav-hover.jpg) no-repeat left -40px;} #navigation a.head.events.selected, #navigation a.head.events:hover{background-position:left -80px;/*background:url(../images/template/Schizophrenia-events-selected.jpg) no-repeat;*/} #navigation a.news.selected, #navigation a.head.news:hover{/*background:url(../images/template/Schizophrenia-News-notext.jpg) no-repeat;*/} #navigation a.info.selected, #navigation a.head.info:hover{background-position:left -119px;/*background:url(../images/template/Schizophrenia-information-selected_19.jpg) no-repeat;*/} #navigation a.shop.selected, #navigation a.head.shop:hover{background-position:left -159px;/*background:url(../images/template/Schizophrenia-shop-selected_20.jpg) no-repeat;*/} #navigation a.site.selected, #navigation a.head.site:hover{background-position:left -199px;/*background:url(../images/template/Schizophrenia-sitemap-selected_23.jpg) no-repeat;*/} #navigation a.fund.selected, #navigation a.head.fund:hover{background-position:left -239px;/*background:url(../images/template/Schizophrenia-sitemap-selected_23.jpg) no-repeat;*/} #navigation a.contact.selected, #navigation a.head.contact:hover{background-position:left -239px;/*background:url(../images/template/Schizophrenia-contact-selected_24.jpg) no-repeat;*/} #navigation a.news.selected{/*background-position:left top;*/} #navigation a.current{font-weight: bold;/*background-color:#FF9;*/} #navigation ul{text-indent:0;border-width:0;margin:0;padding:0;} /*#navigation ul.newsNav{height:80px!important;}*/ #navigation li{display:inline;font: 11px/14px Arial, Helvetica, sans-serif;} #navigation li a{font: 11px/14px Arial, Helvetica, sans-serif;} #navigation li li a {background: none; padding:5px 0 5px 12px;color: #3a9fc5;font-weight: normal; display:block;background:url(../images-and-links/template/Schizophrenia-blue-bullet.gif) no-repeat left .8em; margin-left:12px;} #navigation ul li a.news {color:#d20000; background:url(../images-and-links/template/Schizophrenia-red-bullet.gif) no-repeat left .8em;} #navigation ul li a.events {color:#c90c76; background:url(../images-and-links/template/Schizophrenia-bullets-events.gif) no-repeat left .8em;} #navigation ul li a.info {color:#7d0083; background:url(../images-and-links/template/Schizophrenia-bullets-info.gif) no-repeat left .8em;} #navigation ul li a.shop {color:#7f1363; background:url(../images-and-links/template/Schizophrenia-bullets-shop.gif) no-repeat left .8em;} /* #navigation ul li a.site {color:#d20000; background:url(../images/template/Schizophrenia-red-bullet.gif) no-repeat left .8em;}*/ #navigation ul li a.contact {color:#3034b5; background:url(../images-and-links/template/Schizophrenia-bullets-contactUs.gif) no-repeat left .8em;} #navigation li li a:hover{text-decoration:underline;} /* =CONTENT-MAIN ----------------------------------------------------*/ #CONTENT-MAIN{background:url(../images-and-links/template/contentMainBottom.gif) no-repeat bottom left; float:left;width:387px;margin:0 0 0 12px; padding:20px 20px 80px; border-top:1px solid #e1e1e1;/*border-bottom:1px solid #e1e1e1;*/ min-height:504px;} body#newsletter #CONTENT-MAIN, body#order #CONTENT-MAIN, body#summitOrder #CONTENT-MAIN, body#donateForm #CONTENT-MAIN {width:547px;} #CONTENT-MAIN table {text-align:left; width:100%;} /* =SIDEBAR ----------------------------------------------------*/ #SIDEBAR {float:right;width:148px;margin:0 12px 0 12px; /*background:#000;*/} #SIDEBAR p{padding-bottom:0;} #SIDEBAR p a, #SIDEBAR img {padding-bottom:0;} body#newsletter #SIDEBAR, body#order #SIDEBAR, body#summitOrder #SIDEBAR, body#donateForm #SIDEBAR {display:none;} #sponsors {text-align:center; padding-top:20px;} #sponsors h4 {font-weight:bold; font-size:13px; line-height:17px; } #sponsors h5 {font-weight:bold; font-size:13px; text-transform:uppercase; color:#3A9FC5;border-bottom:2px solid #3A9FC5;padding-bottom:2px; margin-bottom:10px;margin-top:16px;} #sponsors hr {height:10px; background:#3A9FC5;} #sponsors p {margin-bottom:10px; font-size:12px; color:#000;line-height:26px;} /* =Shop ----------------------------------------------------*/ div.shopProduct {position:relative; padding:10px 0 0 70px; margin:0 0 10px; border-top:dotted 1px #5ecaf3;} /*div.shopProduct p, div.shopProduct h1, div.shopProduct h2, div.shopProduct h3 {margin-left:70px;}*/ div.shopProduct p.productIcon { position:absolute; top:12px; left:5px;/*float:left; margin:10px 10px 30px 0;*/ background-color: #D6D6D6; } #CONTENT-MAIN div.shopProduct p.order {padding:0 0 0 0; margin-top:-10px;} /* =Sitemap ----------------------------------------------------*/ ul#sitemap li, ul#sitemap li a {font-size:12px;background:none;color:#000;font-size:14px;} ul#sitemap li a {text-decoration:underline;} ul#sitemap li ul li a {color:#494949;font-size:12px;} ul#sitemap li{padding: 20px 0 0 14px;} ul#sitemap ul li{padding:0 0 0 14px;} /* =FORMS ----------------------------------------------------*/ form{/*margin:20px 0;*/} input[type=submit], select {cursor:pointer;} .fForm{display:inline;float:left;width:500px;} .fForm fieldset{display:inline;float:left;/*margin-bottom:30px;*/width:500px;} .fForm fieldset .legend{background:#EAF6FA none repeat scroll 0;border-bottom:1px solid #C5DDE3;border-top:1px solid #C5DDE3;color:#3E262C;display:block;font-size:1.2em;letter-spacing:0;margin-bottom:10px;width:500px;padding:5px 10px;} .fForm fieldset ol{display:inline;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;width:433px;/*width:490px;*/} .fForm fieldset ol li{float:right;/*float:left;*/list-style-image:none!important;list-style-position:outside!important;list-style-type:none!important;/*width:100%;*/margin:0 0 4px!important;padding:5px 0;} .fForm fieldset ol li.error{background:#FBEDDB none repeat scroll 0;border-bottom:1px solid #960225;border-top:1px solid #960225;color:#960225;} .fForm fieldset ol li.error input{border:2px solid #CA3054;} .fForm fieldset ol li.error input:focus{border-color:#960225;} .fForm fieldset ol li label,.fForm fieldset ol li .label{float:left;margin-right:10px;text-align:right;width:160px;color:#009EE0;} .fForm fieldset ol li label.message {width:auto;} .fForm fieldset ol li.required label{background:transparent url(../images-and-links/template/required.gif) no-repeat scroll 100% 30%;/*font-weight:700;*/ padding-right:10px;width:125px;} strong.required{background:transparent url(../images-and-links/template/required.gif) no-repeat scroll 100% 30%;margin-right:5px;padding-right:10px;} .fForm fieldset ol li input,.fForm fieldset ol li textarea,.fForm fieldset ol li select{border:2px solid #d5edfa;width:220px;padding:2px 3px;} .fForm fieldset ol li input[disabled="disabled"]{background:#EEE none repeat scroll 0!important;} .fForm fieldset ol li input:focus,.fForm fieldset ol li textarea:focus,.fForm fieldset ol li select:focus{border-color:#3a9fc5;} .fForm fieldset ol li input.captcha{margin-left:135px;} .fForm fieldset ol li textarea{height:180px;width:280px;} .fForm fieldset ol li label.checkbox input,.fForm fieldset ol li .radiobutton input,.fForm fieldset ol ul.checklist li label input,.fForm fieldset ol li .checkboxMargin input,.fForm fieldset ol ul.twocolumn li label input{border:0 none;height:auto;width:auto;padding:0;} .fForm .buttons{color:#3E262C;float:left;letter-spacing:0;width:500px;/*margin:-20px 0 10px;*/padding:5px 10px;} .fForm .buttons input{float:left;margin:0 0 -2px 135px;} .fForm fieldset ol ul.checklist label:hover,.fForm fieldset ol ul.checklist label.hover{background:#E9F8FD none repeat scroll 0;} .fForm fieldset ol ul.twocolumn{float:right;width:320px;} .fForm fieldset ol ul.twocolumn li{float:left;width:49%;} .fForm fieldset ol ul.twocolumn li label{float:left;text-align:left;width:100%;} .fForm span.day{float:left;width:30px;} .fForm fieldset input{border:2px solid #d5edfa;} .fForm fieldset input#reset_button, .fForm fieldset input#submit_button{border:none; margin:0; padding:0; float:left;} .fForm fieldset input#submit_button{} .fForm fieldset input#reset_button{background:url(../images-and-links/template/button-reset-sm.gif) no-repeat; width:80px; height:23px; cursor:pointer;} div#orderButtons{width:200px; margin-top:15px; margin-bottom:20px;padding-bottom:50px;} .fForm fieldset input:focus{border-color:#3a9fc5;} .fForm #total {background-color:#d5edfa;} .fForm #total td {padding:5px;} form.orderForm {float:none; display:block;} p.Form {color:#009EE0;} p.alert {color:#FF0000;} /* =TABLES ----------------------------------------------------*/ #CONTENT-MAIN td, #CONTENT-MAIN th {padding-right:5px;} #CONTENT-MAIN table th {font-weight:bold;} #CONTENT-MAIN table.border {border:solid 1px #666;} #CONTENT-MAIN table.border td, #CONTENT-MAIN table.border th {padding:10px 5px 0 5px; border-top:solid 1px #666;border-left:solid 1px #666;} #CONTENT-MAIN table.branches {margin-top:10px;} #CONTENT-MAIN table.branches tbody tr {border-top:dotted 1px #5ecaf3;} #CONTENT-MAIN table.branches tbody td.col1 {font-weight:bold;} #CONTENT-MAIN table.branches tbody td {padding-top:10px;} /* =FOOTER ----------------------------------------------------*/ /*#whitespace {height:15px; width:590px;background-color:#fff;float:right; margin-right:10px;} */ #FOOTERWRAPPER{/*margin:0 0 0 14px;*/position:relative; width:776px; height:53px;clear:both; background:url(../images-and-links/template/footerBgBottom.gif) no-repeat bottom left transparent;} #FOOTER{width:776px; /*height:38px;*/ /*background:url(../images-and-links/template/footerBg.gif) repeat-y top left;*/} #FOOTER ul{margin:0 0 0 190px; padding-top:12px; font-size:1em;color:#009ee0;} #FOOTER li{ display:inline; border-left:2px solid #009ee0; padding-left:5px; margin-right:5px;} #FOOTER li.first{ border-left:none; padding-left:0;} #FOOTER li a{color:#009ee0; font-weight:bold;} #FOOTER li a:hover{text-decoration:underline;} #FOOTER p{position:absolute; top:12px; right:25px;color:#009ee0;font-weight:bold;}