/* GENERAL CSS RESET STYLES */
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 {
margin: 0; padding: 0; border: 0; outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 17px; color: #666666; background-color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
a { outline: 0px none;}
a:link { outline: 0px none; }
a:visited{ outline: 0px none; }
a:active { outline: 0px none; }
a:hover { outline: 0px none; }
/* H1 -> H2 Tags */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 11px; font-weight: normal; }
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */
/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after { content: " "; clear: both; height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }
.clearfix { zoom: 1;}
.clear, #pageWrap .clear { float: none; clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION == ACTUAL CSS FILE HERE */
/* smallest size at the top, largest at the top */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* Border Style -> ALL PAGES UNDER THIS
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/
/* ========================= PAGE CSS ========================= */
/* ================== CONTENT ==============
1) GENERAL CSS
2) Homepage Specific CSS
3) SubPage Specific CSS
*/
/* ============== General CSS =================== */
body { background-color: #CCCCCC;}
.outerHeaderRepeat { background-image: url("/IWIimages/background-header-repeat.png"); background-repeat: repeat-x; background-position: left top; }
.outerContentRepeat { background-image: url("/IWIimages/background-content-repeat.png"); background-repeat: repeat-x; background-position: left 158px;}
.pageFooter { background-image: url("/IWIimages/background-footer-repeat.png");}
.pageContent { width: 997px; margin: 0px auto;}
/* header */
.header { padding-top: 34px; }
.header a { float: left; padding: 4px 0px 4px 10px;}
.header .rightSide { float: right; width: 367px; padding: 47px 28px 47px 0px;}
.header form { width: 197px; float: left; }
.header form input.inputText { background: transparent; background-image: url("/IWIimages/input-text.png"); background-repeat: no-repeat; background-position: left top; width: 143px; height: 30px; line-height: 30px; float: left; color: #9f9f9f; font-size: 12px; padding-left: 20px;}
.header form input.inputSubmit { background-image: url("/IWIimages/input-submit.png"); background-repeat: no-repeat; background-position: right center; float: right; width: 33px; height: 30px; float: left; cursor: pointer;}
.header a.donateNow { background-image: url("/IWIimages/donate-button.png"); background-repeat: no-repeat; background-position: left center; width: 155px; height: 30px; float: right; padding: 0px 0px;}
/* content css */
.content { }
.contentTop { background-image: url("/IWIimages/background-innercontent-top.png"); background-repeat: no-repeat; background-position: left top; height: 15px;}
.contentInner { background-image: url("/IWIimages/background-innercontent-center.png"); background-repeat: repeat-y; background-position: left top; padding: 5px 9px 10px 8px;}
/* end of content css */
/* navigation area */
.navigation { background-image: url("/IWIimages/background-navigation-center.png"); background-position: left top; background-repeat: repeat-x; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; position: relative; z-index: 2;}
.navLeft { background-image: url("/IWIimages/background-navigation-left.png"); background-position: left top; background-repeat: no-repeat;}
.navRight { background-image: url("/IWIimages/background-navigation-right.png"); background-position: right top; background-repeat: no-repeat;}
/* end of navigation area */
/* banner area css */
.banner { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; position: relative; z-index: 1; }
.bannerLocation { float: left; width: 705px; position: relative; height: 300px;}
.bannerControl { background-image: url("/IWIimages/banner-widget-hovered.png"); background-repeat: no-repeat; background-position: left top; width: 554px; height: 20px; padding-top: 4px; position: absolute; z-index: 100; bottom: 10px; left: 83px; text-align: center; }
.bannerControl a.activeSlide { background-image: url("/IWIimages/banner-widget-active.png"); background-repeat: no-repeat; background-position: center center;}
.bannerControl a { display: inline-block; width: 20px; height: 20px; background-image: url("/IWIimages/banner-widget-inactive.png"); background-repeat: no-repeat; background-position: center center; text-indent: -20px;}
.banner .newsBox { float: right; width: 255px; height: 300px;}
.banner .newsBox h2 { background-image: url("/IWIimages/banner-nav-top.png"); background-repeat: no-repeat; background-position: left top; font-family: Georgia, Arial, Helvetica; font-size: 15px; line-height: 19px; text-align: center; color: #fff; padding: 5px 0px 11px; }
.banner .newsBox ul { background-color: #ccc; }
.banner .newsBox ul li:first-child { margin-top: 0px; border-top: 0px none;}
.banner .newsBox ul li:last-child { padding-top: 6px;}
.banner .newsBox ul li { padding-top: 10px; margin-top: 10px; border-top: 1px solid #d5d5d5;}
.banner .newsBox ul li div { background-color: #cccccc; padding-left: 24px; background-image: url("/IWIimages/banner-nav-link.png"); background-repeat: repeat-y; background-position: 12px center;}
.banner .newsBox ul li h3 { color: #232323; font-size: 13px; font-family: Georgia, Arial, Helvetica; line-height: 17px; margin-bottom: 3px; }
.banner .newsBox ul li p { color: #232323; font-size: 12px; line-height: 16px;}
.banner .newsBox ul li p a { color: #11354e; font-size: 11px; text-decoration: none;}
.banner .newsBox ul li a.newsBottom { background-image: url("/IWIimages/banner-nav-bottom-link.png"); background-repeat: no-repeat; background-position: left bottom; height: 19px; display: block;}
/* end of banner area css */
/* hpmods */
.hpMods { background-image: url("/IWIimages/separator.png"); background-repeat: repeat-x; background-position: left top; padding: 10px;}
.hpMods .twitter { float: left; width: 285px; padding-top: 20px; }
.hpMods .twitter h2 { font-family: Georgia, Arial, Helvetica; color: #3a586c; font-size: 22px; line-height: 26px; padding-left: 10px; margin-bottom: 5px;}
.hpMods .twitter .qt { background-image: url("/IWIimages/icon-quotes-up.png"); background-repeat: no-repeat; background-position: left top;}
.hpMods .twitter .qb { background-image: url("/IWIimages/icon-quotes-down.png"); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-style: italic; color: #191515; font-weight: bold; line-height: 16px; text-align: center;}
.hpMods .cSep { background-image: url("/IWIimages/vertical-sep.png"); background-repeat: no-repeat; background-position: left top; width: 7px; height: 211px; float: left; margin: 0px 15px;}
.hpMods .stayConnected { background-image: url("/IWIimages/twitter-sep.png"); background-repeat: no-repeat; background-position: top center; margin-top: 5px; padding-top: 10px;}
.hpMods .stayConnected h3 { font-size: 22px; color: #3a586c; line-height: 28px; font-family: Georgia, Arial, Helvetica; text-align: center; }
.hpMods .stayConnected div.clearfix { width: 196px; margin: 5px auto 0px;}
.hpMods .stayConnected a.twitterIcon { background-image: url("/IWIimages/icon-twitter.png"); background-repeat: no-repeat; background-position: left top; width: 55px; height: 55px; float: left;}
.hpMods .stayConnected a.fbIcon { background-image: url("/IWIimages/icon-facebook.png"); background-repeat: no-repeat; background-position: center center; width: 55px; height: 55px; float: left; margin: 0px 15px; }
.hpMods .stayConnected a.ytIcon { background-image: url("/IWIimages/icon-youtube.png"); background-repeat: no-repeat; background-position: center center; width: 55px; height: 55px; float: left;}
.hpMods .missionStatement { width: 280px; float: left; padding-top: 20px;}
.hpMods .missionStatement h2 { font-family: Georgia, Arial, Helvetica; font-size: 22px; line-height: 26px; margin-bottom: 10px;}
.hpMods .missionStatement p { font-size: 18px; line-height: 22px; font-family: Georgia, Arial, Helvetica;}
.hpMods .missionStatement p.rM { text-align: right; color: #3a586c; font-size: 16px; line-height: 20px; text-decoration: none;}
.hpMods .missionStatement p.rM a { text-decoration: none; color: #3a586c;}
.hpMods .newsletter { background-image: url("/IWIimages/background-blue-newsletter-bg.png"); background-repeat: no-repeat; background-position: left bottom; width: 294px; float: right; height: 177px; padding: 35px 15px 15px 15px;}
.hpMods .newsletter h3 { color: #d9ac23; font-size: 19px; font-family: Georgia, Arial, Helvetica; line-height: 23px; margin-bottom: 7px;}
.hpMods .newsletter p { margin-bottom: 20px; color: #cccccc; font-size: 15px; line-height: 19px; font-family: georgia, arial, helvetica;}
.hpMods .newsletter form div.clearfix { margin-top: 15px;}
.hpMods .newsletter form label { float: left; font-size: 14px; line-height: 22px; color: #fff; font-family: georgia, arial, helvetica; float: left;}
.hpMods .newsletter form input { background-image: url("/IWIimages/newsletter-input.png"); background-repeat: no-repeat; background-position: left top; font-size: 13px; padding: 0px 5px; width: 232px; height: 22px; font-family: Georgia, Arial, Helvetica; color: #333; float: right; }
.hpMods .newsletter form input.inputSubmit { width: 73px; height: 21px; background: transparent; background-image: url("/IWIimages/newsletter-submit.png"); background-repeat: no-repeat; background-position: left top;}
.subpage .newsletter { background-image: url("/IWIimages/background-blue-newsletter-bg.png"); background-repeat: no-repeat; background-position: left bottom; width: 294px; height: 177px; padding: 35px 15px 15px 15px;}
.subpage .newsletter h3 { color: #d9ac23; font-size: 19px; font-family: Georgia, Arial, Helvetica; line-height: 23px; margin-bottom: 7px;}
.subpage .newsletter p { margin-bottom: 20px; color: #cccccc; font-size: 15px; line-height: 19px; font-family: georgia, arial, helvetica; margin-top: 0px;}
.subpage .newsletter form div.clearfix { margin-top: 15px;}
.subpage .newsletter form label { float: left; font-size: 14px; line-height: 22px; color: #fff; font-family: georgia, arial, helvetica; float: left;}
.subpage .newsletter form input { background-image: url("/IWIimages/newsletter-input.png"); background-repeat: no-repeat; background-position: left top; font-size: 13px; padding: 0px 5px; width: 232px; height: 22px; font-family: Georgia, Arial, Helvetica; color: #333; float: right; }
.subpage .newsletter form input.inputSubmit { width: 73px; height: 21px; background: transparent; background-image: url("/IWIimages/newsletter-submit.png"); background-repeat: no-repeat; background-position: left top;}
/* end of hpmods */
/* cats links */
.catsLinks { background-color: #11354e; background-image: url("/IWIimages/background-blue-top-repeat.png"); background-repeat: repeat-x; background-position: left top; margin: 0px 8px; padding-top: 5px; width: 980px; margin: 0px auto;}
.catsLinks .catRow { padding: 15px 20px; background-image: url("/IWIimages/background-blue-newsletter-sep.png"); background-repeat: repeat-x; background-position: left top;}
.catsLinks .catRow:first-child { background-image: none;}
.catsLinks .catRow .box:first-child { margin-left: 0px;}
.catsLinks .catRow .box { float: left; width: 150px; margin-left: 8px; }
.catsLinks .catRow h1 { color: #e7bc48; font-size: 13px; font-weight: bold; line-height: 17px; background-image: url("/IWIimages/icon-blue.png"); background-repeat: no-repeat; background-position: left 4px; padding-left: 12px; margin-bottom: 5px;}
.catsLinks .catRow ul { padding-left: 12px;}
.catsLinks .catRow ul li a { color: #fff; text-decoration: none; display: block; font-size: 11px; line-height: 15px; background-image: url("/IWIimages/icon.png"); background-repeat: no-repeat; background-position: left center; padding-left: 5px;}
/* end of cats links */
/* footer */
.footer { padding: 15px 0px 23px 0px; width: 980px; margin: 0px auto;}
.footer .l { float: left; padding-left: 18px;}
.footer .l p { font-size: 10px; color: #cccccc; line-height: 14px;}
.footer .r { float: right; padding-right: 18px; color: #ccc; font-size: 10px;}
.footer .r p a { color: #ccc; font-size: 10px; line-height: 14px; text-decoration: none;}
/* end of footer css */
/* subpage */
.subpage .subBanner { padding: 0px 10px; margin-bottom: 10px; position: relative;}
.subpage .subBanner h1 { font-size: 28px; color: #fff; line-height: 32px; position: absolute; left: 36px; bottom: 24px; font-family: Georgia, Arial, Helvetica; letter-spacing: -0.5px;}
.subpage .subContent { background-image: url("/IWIimages/separator.png"); background-repeat: repeat-x; background-position: left top; padding: 20px;}
.subpage .mainContent { width: 678px; float: left; }
.subpage .sidebar { width: 230px; float: right; }
.subpage .sidebar .st { background-image: url("/IWIimages/sidebar-top.png"); background-repeat: no-repeat; background-position: left top; height: 10px;}
.subpage .sidebar .sc { background-image: url('/IWIimages/sidebar-middle.png'); background-repeat: repeat-y; background-position: left top; padding: 0px 15px;}
.subpage .sidebar .sc h2 { color: #d9ac23; font-size: 20px; line-height: 28px; font-family: Georgia, Arial, Helvetica; font-weight: normal; margin-bottom: 6px;}
.subpage .sidebar .sc ul li { margin-top: 10px;}
.subpage .sidebar .sc ul li a { font-family: Georgia, Arial, Helvetica; color: #fff; font-size: 14px; line-height: 18px; text-decoration: none; display: block; background-image: url("/IWIimages/icon-white.png"); background-repeat: no-repeat; background-position: left 6px; padding-left: 10px;}
.subpage .sidebar .sb { background-image: url("/IWIimages/sidebar-bottom.png"); background-repeat: no-repeat; background-position: left bottom; height: 10px;}
.subpage .mainContent *:first-child { margin-top: 0px;}
.subpage .mainContent p { margin-top: 15px; padding-left: 0px; }
.subpage .mainContent p span { }
.subpage .mainContent ul { list-style-position: outside; margin-top: 15px; padding-left: 25px; list-style-type: disc; }
.subpage .mainContent ul li { padding-left: 0px; margin-top: 5px;}
.subpage .mainContent ol { list-style-type: decimal; list-style-position: outside; padding-left: 25px; margin-top: 15px; font-weight: bold;}
.subpage .mainContent ol li { margin-top: 5px;}
.subpage .mainContent ol li span { font-weight: normal;}
.subpage .mainContent blockquote { padding-left: 45px; margin-top: 15px;}
.subpage .mainContent a { font-weight: bold; text-decoration: underline; color: #3a586c; }
.subpage .mainContent a:hover, .subpage .mainContent a:focus { text-decoration: none; }
.subpage .mainContent h1 { font-family: Georgia, Arial, Helvetica; color: #3a586c; padding-left: 0px; font-size: 28px; line-height: 32px; font-weight: bold; margin-top: 15px; font-weight: normal; }
.subpage .mainContent h2 { font-family: Georgia, Arial, Helvetica; color: #3a586c; padding-left: 0px; font-size: 24px; line-height: 28px; font-weight: bold; margin-top: 15px; font-weight: normal;}
.subpage .mainContent h3 { font-family: Georgia, Arial, Helvetica; color: #3a586c; padding-left: 0px; font-size: 20px; line-height: 24px; font-weight: bold; margin-top: 15px; font-weight: normal;}
.subpage .mainContent h4 { font-family: Georgia, Arial, Helvetica; color: #3a586c; padding-left: 0px; font-size: 16px; line-height: 20px; font-weight: bold; margin-top: 15px; font-weight: normal; }
/* end of subpage */
/* alternate sub */
.alternateSub .mainContent { float: none; width: 940px;}
.subpage .newsletter { background-image: url("/IWIimages/background-blue-newsletter-bg.png"); background-repeat: no-repeat; background-position: left bottom; width: 294px; height: 177px; padding: 35px 15px 15px 15px;}
.subpage .newsletter h3 { color: #d9ac23; font-size: 19px; font-family: Georgia, Arial, Helvetica; line-height: 23px; margin-bottom: 7px;}
.subpage .newsletter p { margin-bottom: 20px; color: #cccccc; font-size: 15px; line-height: 19px; font-family: georgia, arial, helvetica; margin-top: 0px;}
.subpage .newsletter form div.clearfix { margin-top: 15px;}
.subpage .newsletter form label { float: left; font-size: 14px; line-height: 22px; color: #fff; font-family: georgia, arial, helvetica; float: left;}
.subpage .newsletter form input { background-image: url("/IWIimages/newsletter-input.png"); background-repeat: no-repeat; background-position: left top; font-size: 13px; padding: 0px 5px; width: 232px; height: 22px; font-family: Georgia, Arial, Helvetica; color: #333; float: right; }
.subpage .newsletter form input.inputSubmit { width: 73px; height: 21px; background: transparent; background-image: url("/IWIimages/newsletter-submit.png"); background-repeat: no-repeat; background-position: left top;}