#header {background-color: #cccccc;} #footer {background-color: #cccccc;} table.listing tr.fastTracked {background-color: #cccccc;} a {color: #669900;} a:link {color: #669900;} a:active {color: #669900;} a:visited {color: #669900;} a:hover {color: #669900;} input.defaultButton {color: #669900;} body {background-color: #ffffff;} input.defaultButton {background-color: #ffffff;} body {color: #009999;} input.defaultButton {color: #009999;} /*_______________________________________________________________________________________________ Title: ICNPAA Author: CoDynamic Author URI: http://www.codynamic.com/ _______________________________________________________________________________________________*/ /* 1. BASE _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 1.1 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, 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;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* 1.2 Default styles _______________________________________________________________________________________________*/ body {font-size:62.5%;font-family:Verdana,Helvetica,Arial,sans-serif;text-align:center;} body #container {font-size:54%;} hr {display:none;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font:1.2em Arial, Helvetica, sans-serif;} a {color:#008ee6;text-decoration:none;} a:hover { color:#0500e6;text-decoration:underline;} #leftSidebar a {color:#055363;text-decoration:none;} #leftSidebar a:hover {color:#0500e6;text-decoration:underline;} #footer p, #main h1, #main h2, #main h3, #main h4, #navbar ul.menu { font-family: "Palatino Roman", Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; } /* 1.3 Basic styles _______________________________________________________________________________________________*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .fleft {float:left;} .fright {float:right;} p.center {text-align:center;} p.right {text-align:right;} p.left {text-align:left;} img.right {float:right;margin:0 0 10px 25px;} img.left {float:left;margin:0 25px 10px 0;} .clearfix:after, #body:after, #sidebar #sidebarFontSize:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* When moving to Production Environment, move the following selector to ie.css */ .clearfix, #body, #sidebar #sidebarFontSize {zoom:1;} /* 2. LAYOUT _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ #container {padding-bottom:20px;} #header, #body, #footer {text-align:left;margin:0 auto;} #header {width:900px;} #body {width:880px;padding:0 10px;background:url(images/bg-body.png) 10px 0 repeat-y #000;} #footer {width:956px;} #footer.mesa {position:absolute;left:-9999px;} #header {height:187px;position:relative; } #page {min-height:680px;} * html #page {min-height:680px;} body {background:url(images/bg-body-grad.png) top center repeat-x #1b2431;} #container {background:url(images/bg-fractal.jpg) top center no-repeat;} #body #leftSidebar {float:right;width:209px;padding:0 0 0 0;background:#ababab url(images/bg-sidebar.jpg) top left no-repeat;color:#000;} #body #main {margin:0 229px 0 0;padding:44px 0 0 20px;background:#fff;width:631px;} #body #main #navbar {position:absolute;top:-42px;left:-10px;} #footer {margin:0 auto 0 auto;clear:both;height:67px;background:url(images/bg-footer.png) top center no-repeat;} /* 2.1 Header _______________________________________________________________________________________________*/ #header #headerTitle h1 {position:absolute;top:43px;right:0px;width:450px;height:62px;background:url(images/title.png) top left no-repeat;text-indent:-9999px;} #header #headerTitle h2 {position:absolute;left:-9999px;} #navbar {background:url(images/bg-menu.png) top center no-repeat;height:32px;padding:10px 10px 0;width:880px;} #navbar ul.menu {float:left;} #navbar ul.menu li {float:left;} #navbar ul.menu li.icnpaa a {background:url(images/bg-icnpaa.png) top left no-repeat;} #navbar ul.menu li.icnpaa a:hover {text-decoration:underline;color:#fff;background:url(images/bg-icnpaa.png) top left no-repeat;} #navbar ul.menu li a {float:left;line-height:32px;padding:0 17px 0 17px;color:#fff;font-size:15px;text-decoration:none;} #navbar ul.menu li a:hover {background:#fff;color:#000;text-decoration:none;} /* 2.2 Content _______________________________________________________________________________________________*/ #main {position:relative;} #main #breadcrumb {position:absolute;top:16px;right:0;padding:0 13px 0 0;color:#1a2a33;line-height:18px;font-size:1.2em;} #main #breadcrumb a {color:#1a2a33;padding:0 5px;} #main #breadcrumb a:hover {color:#0500e6;text-decoration:underline;} #content {font-size:1.2em;line-height:1.5em;color:#192832;} /* vertical rhythm of 18px */ #body #main h2 {padding:0 0 0px 0;line-height:1.5em;font-size:2.4em;font-weight:normal;margin:0 0 20px 0;} #body #main #content {} #body #main #content h2 {padding:0;text-align:right;font-size:1.07em;line-height:1.28em;} #body #main #content h3 {font-size:1.23em;line-height:1.125em;} #body #main #content h4 {font-size:1.07em;line-height:1.28em;} #body #main #content p {text-align:justify;margin:0 0 18px 0;} #body #main #content ul {margin:0 0 18px 0;} #body #main #content ul ul {margin:0 0 9px 0;} #body #main #content table {margin:0 0 18px 0;width:100%;} #content div.contactus {float:left;width:360px;font-style:italic;line-height:1.5em;} #content div.contactus div.mailing, #content div.contactus div.phone {background-color:#ececec;background-position:bottom right;background-repeat:no-repeat;padding:10px 45px 8px 16px;margin:0 0 20px 0} #content div.contactus h5 {line-height:1.5em;font-weight:bold;font-size:1em;font-family:Verdana,Helvetica,Arial,sans-serif;text-transform:uppercase;margin:0 0 8px 0;} #content div.contactus div.mailing {background-image:url(images/bg_mail.png);} #content div.contactus div.phone {background-image:url(images/bg_tel.png);} /* Homepage */ /* 2.3 Sidebar _______________________________________________________________________________________________*/ #sidebar {font-size:1.1em;line-height:1.63em;} #sidebar .block {margin:0 0 18px 0;padding:6px 0 6px 0;background:url(images/bg-light.png);} #sidebar span.blockTitle {display:block;font-size:1.16em;font-weight:bold;line-height:18px;padding:7px 1px 5px 14px;color:#000;text-transform:uppercase;} #sidebar span.blockSubtitle {display:block;color:#000;font-size:1.16em;line-height:1.5em;font-weight:normal;padding:3px 1px 3px 14px;text-transform:uppercase;} #sidebar ul {font-size:1em;} #sidebar ul li {line-height:1.09em;padding:4px 1px 4px 14px;} #sidebar ul li a {padding-left:16px;background:url(images/bull.png) 0 5px no-repeat;} /* Left sidebar */ #leftSidebar {} #sidebarNavigation {background:url(images/bg_sideform.gif) bottom center no-repeat;padding-bottom:15px;} #sidebar form {margin:0 13px 0 13px;} #sidebar form input.textField {width:159px;padding:1px 0 1px 3px;margin:0 0 8px 0;border:1px solid #919191;} #sidebar form select {width:164px;padding:1px 1px;border:none;border:1px solid #919191;margin:0 0 8px 0;font-size:12px;} #sidebar form input.button {width:115px;height:40px;display:block;background-image:url(images/bg-button.png);background-color:transparent;background-position:0 0;background-repeat:no-repeat;cursor:pointer;padding:5px 14px 13px 0;margin:0;border:none;color:#ffffff;font-size:12px;text-align:center;line-height:22px;} #sidebar form input.button:hover, #sidebar form input.button:active {background-position:0 -40px;} #sidebarNavigation ul.plain {} #sidebarNavigation ul.plain li {} #sidebarNavigation ul.plain li a {padding-left:4px;background:none;} #sidebarNavigation br {display:none;} #sidebarNavigation form {border-bottom:1px solid #fff;margin-bottom:6px;} #sidebar #sidebarDonation {margin-top:-18px;} #sidebar #sidebarDonation .blockTitle {padding-left:0;padding-right:0;margin:0 14px;border-top:1px solid #fff;font-weight:normal;} #sidebar #sidebarUser {padding-left:10px;} #sidebar #sidebarUser .blockTitle {margin-left:-10px;} #sidebar #sidebarUser ul li {padding-left:10px;} #sidebar #sidebarUser ul li a {} #sidebar #sidebarUser br {display:none;} #sidebar #sidebarUser strong {display:block;margin-bottom:5px;font-size:1.15em;} #sidebarUser form {margin-left:0;} #sidebarUser form td {vertical-align:middle;} #sidebarUser form label {float:left;display:block;font-size:11px;padding-right:6px;line-height:20px;color:#000;} #sidebarUser form .checkbox label {width:auto;padding:0 0 0 5px;width:130px;} #sidebarUser form input.textField {width:97px;margin:4px 0 4px 0;} #sidebarUser form input#remember {float:left;} #sidebarUser form input.button {margin-top:6px;} #sidebarInformation {} #sidebarInformation ul {} #sidebarInformation ul li {} #sidebarInformation ul li a {} #sidebar #sidebarFontSize {padding:0 0 15px 0;margin-bottom:0;} #sidebar #sidebarFontSize .blockTitle {margin-bottom:6px;} #sidebarFontSize a {float:left;width:26px;height:26px;background-position:0 0;background-repeat:no-repeat;margin:0 10px 0 0;position:relative;left:12px;} #sidebarFontSize a img {position:absolute;left:-9999px;} #sidebarFontSize a:hover {background-position:0 -26px;} #sidebarFontSize a.small {background-image:url(images/font_small.png);} #sidebarFontSize a.medium {background-image:url(images/font_medium.png);} #sidebarFontSize a.large {background-image:url(images/font_large.png);} /* 2.4 Footer _______________________________________________________________________________________________*/ #footer {position:relative;} #footer p {position:absolute;top:11px;right:8px;width:239px;height:37px;line-height:37px;text-align:center;font-size:13px;color:#000;} #footer p a {color:#000;text-decoration:none;} #footer p a:hover {color:#0644d1;text-decoration:none;} /* IE6 fixes */ * html #body {width:900px;} * html #body #main {width:641px;} * html #body #main #navbar {width:900px;} #sidebar .block, #navbar ul.menu li:hover {zoom:1;}