/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {margin: 0px; padding: 0px} body {width: 90%; height:100%; margin: 0px auto; background-color: #00193c; min-width: 780px} #container {position: relative; width: 100%; padding-top: 45px; font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; color: #17365d; background-color:#002351; float:left} #box {width: 96%; background: url(../images/bkg_main.jpg) repeat-x 0px 77px; margin: 0px auto} #content {position: relative; z-index:2; width: 760px; min-height: 300px; margin: 0px auto; clear: both} #contentbox {position: relative; width: 497px; margin: 0px auto -3px; padding: 0px; float:left; border: 5px solid #fff; border-bottom: none; border-top: none; background-color: #d4f9fe; margin-right: -5px} .box {width: 445px; padding: 26px} h1, h2, h3, h4, h5, h6 {font-family: 'Cambria', Arial, Helvetica, sans-serif} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ tr.order {border-top:thin; border-top-style:dashed} td.list {height:35px; vertical-align:middle} table th {text-align: left; speak-header: always; width: 40%} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #17365d; text-decoration:underline; cursor: pointer; font-weight:bold; font-style:italic} a:hover, a:active {color: #17365d; text-decoration:none; cursor: pointer;} a.order:link, a.order:visited {color: #17365d; text-decoration:none; cursor: pointer; font-weight:normal; font-style:normal} a.order:hover, a.order:active {color: #17365d; text-decoration:underline; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} input.qty {width:15px} input.pay {width:15px; margin-top: 2px;} label {cursor: pointer} #shim {display: block; height: 200px} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position: relative; width: 760px; height: 95px; margin: 0px auto; clear: both; z-index:1} #branding h1 {width: 228px; height: 53px} #branding h2 {position: absolute; right: 0px; top: 44px; font-size: 20px; color: #8b9802; margin: 0px} #branding cite {position: absolute; left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px} /*Main Navigation*/ #branding ul {height: 43px} #branding ul li {display: block; float: left} #branding li a {display: block} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 57px; height: 43px; background:url(../images/nav/home_o.gif) no-repeat} #nav_effect {width: 140px; height: 43px; background:url(../images/nav/effect_o.gif) no-repeat} #nav_hope {width: 54px; height: 43px; background:url(../images/nav/hope_o.gif) no-repeat} #nav_reg {width: 164px; height: 43px; background:url(../images/nav/reg_o.gif) no-repeat} #nav_about {width: 162px; height: 43px; background:url(../images/nav/about_o.gif) no-repeat} #nav_contact {width: 92px; height: 43px; background:url(../images/nav/contact_o.gif) no-repeat} #nav_fac {width: 91px; height: 43px; background:url(../images/nav/facilitator_o.gif) no-repeat} #pghome #nav_home {background:url(../images/nav/home_o.gif) no-repeat} #pgeffect #nav_effect {background:url(../images/nav/effect_on.gif) no-repeat} #pghope #nav_hope {background:url(../images/nav/hope_on.gif) no-repeat} #pgreg #nav_reg {background:url(../images/nav/reg_on.gif) no-repeat} #pgabout #nav_about {background:url(../images/nav/about_on.gif) no-repeat} #pgcontact #nav_contact {background:url(../images/nav/contact_on.gif) no-repeat} #pgfac #nav_fac {background:url(../images/nav/facilitator_on.gif) no-repeat} #pghome #nav_home img, #pgeffect #nav_effect img, #pghope #nav_hope img, #pgreg #nav_reg img, #pgabout #nav_about img, #pgcontact #nav_contact img, #pgfacilitator #nav_fac img {visibility: hidden} /* BOXES --------------------------------------------------*/ #contentbox blockquote {position: relative; z-index:2; right: 0px; width: 489px; padding: 0px; border: 1px solid #fff; border-top: none; border-bottom: none; margin: 0px; display:block; float: right; background-color: #a9e5ee} .boxtop, .boxbtm {position: relative; z-index:2; right: 0px; float:right; margin: 0px} #contentbox blockquote div {width: 400px; float:left} #contentbox blockquote h6 {width: 50px; float:left; clear:right; display:block; padding:0px 0px 0px 15px; text-align: left; margin: 0px} .orderbtn {position: absolute; top: -35px; right: 5px; width: 100%; text-align:right; z-index:9 } /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox ul, #content ol {margin: 10px 5px 10px 20px} #contentbox li {margin-bottom: 10px; margin-left: 20px} #contentbox ul li {list-style: url(../images/bullet.gif)} #contentbox ol li {list-style: decimal} #contentbox ol li ol li {list-style: lower-alpha; margin-bottom: 5px} #content p {margin: 0px 0px 15px} #content h1 {font-size: 18px; margin: 0px 0px 8px; color: #0a416a; font-weight: bold} #content h2 {font-size: 13px; margin: 0px 0px 12px 0px; color: #030143; font-weight: bold} #content h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color:#035690; font-weight:bold; margin: 0px 0px 3px} #content h4 {font-size: 12px; color: #cc6600; margin: 0px 0px 8px} #content h5 {font-size: 13px; margin: 0;} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .leftFloat {float: left; margin: 0px 10px 10px 0px} .rightFloat {float: right; margin: 0px 0px 10px 10px} .clearright {clear: right} textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px} .return {font-size: 11px; margin-left: 20px} #box ul li {list-style:square} .effective {font-style: italic} .date {font-size: 16px} .clear {clear:both;} .indent {margin-left: 25px; display: block;} /* SIDEBAR ---------------------------------------------------*/ #sidebar {position: relative; z-index:999; top: 0px; right: 0px; width: 253px; margin-top: -10px; float:right; display: block; padding-bottom: 2px; color:#d4f9fe} * html #sidebar {right: -2px} #sidebar #photo {position: relative; z-index:9; top: 0px; margin-bottom: -12px} #sidebar blockquote {position: relative; width: 235px; left: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-align:center; line-height: 15px; color: #adcdac; font-weight:bold; font-style:italic; background-color: #002351; border: none; display:block; margin: 15px 0px 0px; padding: 10px; background:url(../images/quoteopen.gif) no-repeat} #sidebar blockquote span {padding: 0px 15px; display:block} #sidebar cite {width: 235px; position: relative; top: -5px; font-style: normal; font-weight:normal; display: block; padding-top: 15px; background:url(../images/quoteclose.gif) no-repeat right} #submenu {width: 219px; height:auto; display:block; background-color: #021c3d; font-size: 12px; padding: 20px 5px 10px 30px; margin-bottom: 15px} #submenu li {list-style: url(../images/bullet.gif); margin-left: 10px} #submenu a:link, #submenu a:visited {width: 200px; color: #d4f9fe; text-decoration: none; display:block; padding: 3px 0px} #submenu a:hover, #submenu a:active {color: #bce9bb; padding-left: 2px} #sidebar h3 {margin: 10px 0px 5px; color: #fff} /* HOME ---------------------------------------------------*/ #pghome #branding ul {height: 25px; overflow:hidden} #pghome .box {width: 760px; padding: 0px} #pghome .box div {float: left} #pghome blockquote {width: 249px; float:left} #pghome blockquote span {width: 249px; text-align:center; margin-top: 30px; display:block} #pghome blockquote span a:link, #pghome blockquote span a:visited {color: #d4f9fe; display: block; width: 249px; margin-top: 15px} #pghome blockquote span a:hover, #pghome blockquote span a:active {color: #bce9bb} /* GIVING ---------------------------------------------------*/ #pggiving input {width: auto; height:auto} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {width: 100%; height: 40px; clear: both; color:#4c636d; font-family: Arial, Helvetica, sans-serif; font-size:11px; display:block; border-top: 11px solid #002351} #siteinfo a:link, #siteinfo a:visited {color: #4c636d; text-decoration: none} #siteinfo a:hover, #siteinfo a:active {color: #fff; text-decoration: underline} #siteinfo blockquote {width: 100%; height: 11px; clear: both; display:block; background-color: #002351; margin: 0px 0px 10px; padding:0px; border: none} #siteinfo .left {width: 45%; float: left} #siteinfo .right {width: 45%; float: right; text-align: right} #siteinfo blockquote .left {background:url(../images/footleft.gif) no-repeat} #siteinfo blockquote .right {background:url(../images/footright.gif) no-repeat right} /* MUST STAY LAST ---------------------------------------------------*/ .formbtn {width: auto; height:auto} *html #pgreg table {margin-bottom: 200px}