/* General */
html {
font-family: georgia,garamond,sans-serif;
height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
font-size: 12px;
line-height: 1.6em;
font-family: georgia,garamond,sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td {
color:#5a4f38;
}
body {
height: 100%;
background: #efd2a7 url(img/body-bg.png) repeat-x top center;
}
a {
outline: none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
input[type=radio] {
vertical-align: middle;
margin: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
font-style:inherit;
font-weight:inherit;
}
del, ins {
text-decoration:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}
input, button, textarea, select, optgroup, option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
padding: 0;
margin: 0;
}
input[type="text"], input[type="password"] {
border: 1px solid #a8a9ab;
}
input[type="text"]:focus, input[type="password"]:focus {
border: 1px solid #a8a9ab;
background-color: #ffffff;
}
textarea:focus {
background-color: #fff;
}
textarea, select, optgroup {
border: 1px solid #a8a9ab;
}
h1 {
font-size:22px;
color: #861001;
font-weight: bold;
line-height: 20px;
font-family: georgia,garamond,sans-serif;
line-height: 100%;
font-weight: normal;
}
h2 {
font-size:18px;
color: #861001;
font-weight: normal;
line-height: 1.12em;
}
h3 {
font-size:14px;
color: #861001;
font-weight: normal;
}
h4 {
font-size:12px;
color: #861001;
display: block;
padding-bottom: 5px;
font-weight: normal;
}
h6 {
font-size: 14px;
}
a:link {
color: #bf5706;
text-decoration:underline;
font-size: 12px;
}
a:hover {
color: #861001;
text-decoration:underline;
font-size: 12px;
}
a:visited {
color: #bf5706;
font-size: 12px;
text-decoration:underline;
}
label {
display: block;
color: #4f5051;
}
/*-------------------- Global styles for structure ---------------------- */
#header {
width: 900px;
margin-left: auto;
margin-right: auto;
height: 151px;
background: url(img/head-bg.png) no-repeat bottom center;
}
#headerInside {
width: 900px;
}
#content_container {
width: 900px;
margin: 0 auto;
background: url(img/hbg.png) repeat-x top center;
}
.clearing {
height: 0px;
clear: both;
font-size: 0px;
margin: 0;
padding: 0;
}
#outer_wrapper {
width: 900px;
padding-top: 0px;
background: url(img/top-paper-bg.png) no-repeat top center;
}
#wrapper {
vertical-align: top;
min-height: 550px;
overflow: hidden;
padding-bottom: 80px;
background: url(img/bt-paper-bg.png) no-repeat bottom center;
}
#page {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 900px;
background: url(img/paper-bg.png) repeat-y top center;
}
#page_home {
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 900px;
}
#footer {
height: 52px;
margin-left: auto;
margin-right: auto;
width: 900px;
margin: 0px auto auto;
}
/* ----------------------------------------------Header -------------------------------------------------------*/
/* -------------------logo------------- */
.logo {
float: left;
width: auto;
margin: 3px 24px 0px 95px;
}
/* -----------------grids head------------ */
.rightHeaderBox {
float: right;
width:500px;
}
.grid_head2 {
float: left;
width: auto;
height: 25px;
margin-top: 62px;
width:500px;
overflow: hidden;
}
/* -------header submenu ---------*/
.rightHeaderBox ul li {
float: left;
width: auto;
font-size: 9px;
line-height: 25px;
list-style-type: none;
padding: 0px 0px 0px 3px;
background: none;
color: #ffffff;
background-color: inherit;
}
.rightHeaderBox ul span {
color: #66beff;
text-decoration: none;
font-size: 9px;
line-height: 25px;
font-weight: bold;
padding: 0px 6px 0px 3px;
}
.rightHeaderBox ul li.sep-item {
}
.rightHeaderBox ul li.sep-item a, .rightHeaderBox ul li.sep-item a:visited {
padding-right: 0!important;
}
.rightHeaderBox ul li a, .rightHeaderBox ul li a:visited {
color: #0053a0;
text-decoration: none;
font-size: 16px;
color: #ffffff;
font-weight: bold;
letter-spacing: 1px;
background-color: inherit;
padding: 0px 10px 0px 10px;
}
.rightHeaderBox ul li a:hover {
}
.rightHeaderBox ul li a.last-item, .rightHeaderBox ul li span.last-item, .rightHeaderBox ul li a.last-item:visited {
border: 0!important;
}
/* -------#menu Menu---------*/
#menu {
padding: 0;
margin: 0;
text-align: right;
margin-right: 30px;
float: right;
overflow: hidden;
}
#menu ul li {
padding: 0;
float: none;
width: auto;
display: inline;
}
#menu ul li.page-item-4 a{
background:none!important;
}
#menu ul li.page-item-17 a {
background:none!important;
}
#menu ul {
height: 25px;
float: left;
text-align: center;
}
#menu ul.small {
padding-left: 0px;
}
#menu ul li a, #menu ul li span, #menu ul li a:visited {
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 26px;
text-transform: capitalize;
background: url(img/nav/bgl.png) no-repeat center left;
color: #861001;
}
#menu ul {
padding-left: 15px;
}
#menu ul.small li a{
background: url(img/nav/bgs.png) no-repeat center left;
padding: 0px 5px 0px 10px;
color: #ffffff;
font-size: 16px;
display: inline;
font-style: normal;
text-transform: lowercase!important;
}
#menu ul.small li a.begin{
background:none;
}
#menu ul li a.begin, #menu ul li span.begin {
background: none!important;
padding-left: 0px;
}
#menu ul li a.end, #menu ul li a.end:hover, #menu ul li a.end:visited, #menu ul li span.end {
padding-right: 0px;
}
#menu a:hover {
text-decoration:underline;
color: #861001;
}
/* --------------------------------------------------------Content ---------------------------------------------------------*/
.content {
margin:0 auto;
padding-left:0px;
width:760px;
padding-right: 80px;
}
.sidebarLeft {
width: 220px;
float: left;
display: block;
margin-right: 5px;
background: url(img/nav/subnav-bg.png) no-repeat top left;
}
.sidebarLeft ul{
padding-top: 60px;
padding-left: 80px;
}
.sidebarLeft ul li, .sidebarLeft ul li.span {
list-style-type: none;
padding-bottom: 4px;
color: #861001;
font-size: 16px;
}
.sidebarLeft ul li a{
color: #bf5706;
font-size: 16px;
text-transform: capitalize;
text-decoration: none;
}
.sidebarLeft ul li a:hover{
color: #861001!important;
font-size: 16px;
text-transform: capitalize;
text-decoration: none;
}
.sidebarLeft ul li a:visited{
font-size: 16px;
text-transform: capitalize;
text-decoration: none;
}
.middleBlock {
margin-left: 225px;
padding-top: 35px;
}
.middleBlock ul, .middleBlock ol {
margin: 10px 0px 10px 30px;
}
.middleBlock ul li, .middleBlock ol li{
margin: 2px 0px 2px 0px;
}
.middleBlock table {
border: 1px solid #EFD2A7;
}
.middleBlock table td {
padding: 4px;
}
ul.bottomBox {
margin: 0px;
}
.middleBlock h3, .middleBlock h2 {
padding: 15px 0px 5px 0px;
}
.content h1{
padding-bottom: 10px;
}
.content p{
padding: 6px 0px 4px 0px;
line-height: 1.6em;
}
.bottomBox
{
float:right;
width:auto;
}
.bottomBox li{
float: left;
list-style-type:none;
margin: 0;
padding: 0;
}
.bottomBox li.col2{
margin-left: 25px;
}
/* ----- Content text styles--------*/
.contentHome {
width: 790px;
padding-left: 5px;
margin: 0 auto;
}
#content {
padding: 30px 10px 66px 19px;
overflow: hidden;
border-bottom: 1px solid #c0c2c4;
}
#content p {
padding: 10px 0px 0px 0px;
margin: 0;
line-height: 1.34;
}
#content h1 {
color: #00457c;
padding: 0px 0px 17px 0px;
border-bottom: 1px solid #00457c;
margin-bottom: 10px;
}
#content h2, #content h3 {
padding-top: 15px;
}
#content ul {
list-style-type:disc;
padding: 10px 10px 0px 20px;
}
/* ---------- Top Section Content-------------*/
#iBlock h1{
padding-bottom: 10px;
}
#iBlock a{
text-transform: uppercase;
font-size: 10px;
font-style: normal;
}
#iBlock .grid1 {
float: left;
width: 335px;
padding-right: 70px;
padding-top: 70px;
}
#iBlock .grid2 {
float: left;
width: auto;
}
#iBlock .help {
color: #f99d32;
padding-top: 15px;
font-style: italic;
}
#iBlock .help a{
color: #bf5706;
}
/* ----- Home page Bottom Blocks--------*/
.smBox {
width: 255px;
display: block;
float: left;
display: inline;
overflow: hidden;
}
.smBox1 {
width: 240px;
display: block;
float: left;
display: inline;
overflow: hidden;
}
.smBox ul {
overflow: hidden;
padding-left: 10px;
min-height: 170px;
}
.smBox-act {
display: block;
width: 290px;
height: 137px;
display: block;
float: left;
display: inline;
}
.hTabs {
overflow: hidden;
margin-top: 30px;
clear: both;
margin-top: 40px;
}
.hTabs li {
list-style-type:none;
padding: 0px;
}
.hTabs .smBox div, .hTabs .smBox1 div{
padding-bottom: 10px;
clear: both;
}
.smBox a, .smBox1 a, .smBox a:hover, .smBox a:visited {
font-size: 10px;
display: inline;
padding-left: 5px;
color: #bf5706;
}
.hTabs h2 {
font-size: 17px;
padding: 0px 0px 10px 0px;
}
.smBox-act h2 {
color: #861001;
}
.hTabs p {
font-size: 12px;
padding-top: 0px;
line-height: 1.6em;
display: inline;
background-color: inherit;
}
.hTabs .separator {
width: 20px;
display: block;
float: left;
min-height: 140px;
}
/* ------------------------- donation --------------------------*/
.donate{
height: 112px;
width: 255px;
margin-top: 10px;
background: url(img/btn/blbox.png) no-repeat left;
}
.donate .dinfo{
padding: 14px 14px 0px;
clear: both;
overflow: hidden;
}
.donate h6 {
color: #f99d32;
padding: 10px 14px;
}
.donate .amt {
font-family:arial;
font-size:11px;
line-height:normal;
margin:0 0px 0 0;
padding:3px 0 3px 4px;
width:110px;
vertical-align: top;
display: inline;
}
/* ------------------------- shirts --------------------------*/
.shirts{
height: 112px;
width: 255px;
margin-top: 10px;
background: url(img/btn/blbox.png) no-repeat left;
}
.shirts .sinfo{
padding: 0px 14px 0px;
clear: both;
overflow: hidden;
}
.shirts h6 {
color: #f99d32;
padding: 10px 14px 0px;
}
/* ------------------------- shirts --------------------------*/
.indSite li{
list-style-type:none;
}
/* -------------------------------------------------------Footer -----------------------------------------------------------*/
#footer .copy {
color: #a0a7ad;
display: inline;
float: left;
width: 600px;
font-size: 11px;
}
#footer .share {
float: right;
display: inline;
width: auto;
}
.footerInside {
float: right;
display: inline;
width: auto;
padding-right: 20px;
}
.footerInside ul {
float: left;
display: inline;
width: auto;
}
.footerInside ul li{
list-style-type:none;
background: url(img/nav/foot-bg.png) no-repeat left;
padding-left: 15px;
margin: 0px 5px;
float: inline;
float: left;
width: auto;
color: #bf5706;
font-size: 11px;
}
.footerInside ul li.first-item {
background: none;
color: #bf5706;
}
.footerInside ul li a{
color: #bf5706;
text-transform: lowercase;
font-size: 11px;
}
/* -------------------------- Form ---------------------------------------------*/
.formtable {
margin-bottom: 20px;
border: 0px!important;
}
.button-submit {
background: url(img/btn/submit.png) no-repeat;
border: 0;
font-size: 0px;
line-height: 0px;
width: 62px;
height: 22px;
cursor: pointer;
margin-right: 5px;
vertical-align: top;
}
.button-reset {
background: url(img/btn/reset.png) no-repeat;
border: 0;
font-size: 0px;
line-height: 0px;
width: 87px;
height: 22px;
cursor: pointer;
vertical-align: top;
}
.formfield {
font-size:12px;
text-align:left;
vertical-align:top;
padding-top: 7px;
}
.formfont {
font-size:12px;
text-align:right;
vertical-align:middle;
width:110px;
padding-top: 7px;
padding-right: 20px;
}
.formfield input {
border: 1px solid #FDD8AD;
padding: 2px;
line-height: 20px;
width: 250px;
}
.formfield input.city {
width: 120px;
}
.formfield select{
width: 48px;
padding: 1px;
border: 1px solid #FDD8AD;
}
.formfield input.zip {
width: 70px;
}
.formfield textarea {
border: 1px solid #FDD8AD;
padding: 2px;
width: 400px;
}
.back-single {
display: block;
padding-bottom: 3px;
}
/* Begin Images */
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */