/* 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, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, td { border: 1px solid #000;}
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { font-size: 13px; color: #333333; line-height: 12px; background-color: white; font-family: Verdana, 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; line-height: 40px; }
h2 { font-size: 24px; font-weight: normal; line-height: 30px; }
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 */
/* 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 bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* header zone html { overflow-x: hidden;}body { overflow-x: hidden;} */
.header { background-image: url("/iwiImages/headerBG.jpg"); background-repeat: no-repeat; background-position: center top; background-color: #344b8a; }
.insideHeader { width: 1234px; margin: 0px auto; height: 138px; position: relative;}
.header .abs { width: 274px; position: absolute; top: 30px; right: 20px; }
.header .abs ul { width: 264px;}
.header .abs ul li { line-height: 21px;}
.header .abs ul li a { color: #77675b; text-decoration: none; font-family: Helvetica, Arial;}
.header .abs p a { font-size: 14px; font-family: "Myriad Pro", Arial, Helvetica; font-weight: bold; color: #4c578f; font-style: italic; text-decoration: underline;}
.header .abs p { margin-top: 10px; text-align: right; margin-right: 68px;}
/* end of header zone */
/* yellow bar */
.yellowBar { background-image: url("/iwiImages/yellowBar.png"); background-repeat: repeat-x; background-position: center top;}
.yellowBar .insideYellowBar { width: 1234px; margin: 0px auto;}
.yellowBar ul li { float: left; height: 35px; margin-right: 14px; display: inline;}
.yellowBar ul li.sep { background-image: url("/iwiImages/yellowSep.png"); background-repeat: no-repeat; background-position: left center; width: 2px; }
.yellowBar ul li a { float: left; line-height: 35px; color: #3c3c3d; font-size: 17px; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica; text-decoration: none;}
/* end of yellow bar */
/* content css */
.contentOuter { background-image: url("/iwiImages/contentBg.png"); background-repeat: repeat-x; background-position: left top;}
.contentOuterImage { background-image: url("/iwiImages/bodyLeftSide.png"); background-repeat: no-repeat; background-position: left center;}
.contentZone { background-color: #fff; width: 1230px; border-left: 2px solid #c5c5c5; border-bottom: 2px solid #c5c5c5; border-right: 2px solid #c5c5c5; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 0px auto; background-image: url("/iwiImages/innerContentBottom.png"); background-position: left bottom; background-repeat: repeat-x; -moz-box-shadow: 0px 2px 4px #000; -webkit-box-shadow: 0px 2px 4px #000;}
.contentZoneTop { background-image: url("/iwiImages/topShadow.png"); background-repeat: repeat-x; background-position: left top; }
.contentFlowerL { background-image: url("/iwiImages/leftSideFlower.png"); background-repeat: no-repeat; background-position: left center; }
.contentFlowerR { background-image: url("/iwiImages/rightSideFlower.png"); background-repeat: no-repeat; background-position: right center;}
.content { padding: 0px 15px 65px; width: 1200px;}
/* end of content css */
/* side bar css */
.sidebar { width: 225px; }
.sidebar .navigation { margin-bottom: -5px; z-index: 1; position: relative;}
.navigation .navigationInner { background-image: url("/iwiImages/navBgTop.png"); background-repeat: repeat-y; background-position: left top;}
.navigationInner .flowerL { background-image: url("/iwiImages/navFlower.png"); background-repeat: no-repeat; background-position: 8px bottom;}
.navigationInner .flowerR { background-image: url("/iwiImages/navFlower2.png"); background-repeat: no-repeat; background-position: 60px 30%;}
.navigation .navigationBottom { background-image: url("/iwiImages/navBgBottom.png"); background-repeat: no-repeat; background-position: left top; height: 13px; width: 225px; }
.intranet { background-image: url("/iwiImages/internetBg.png"); background-repeat: no-repeat; background-position: left top; height: 42px; width: 171px; position: relative; z-index: 0; margin-left: 25px; margin-bottom: 30px;}
.intranet a { line-height: 37px; text-align: center; color: #d1b666; font-size: 18px; font-family: "Myriad Pro", Arial, Helvetica; font-weight: bold; display: block; text-decoration: none;}
.intranet a:focus, .intranet a:hover { text-decoration: none;}
.orangeBg { background-image: url("/iwiImages/orangeBg.png"); background-repeat: no-repeat; background-position: left top; margin-left: 1px; width: 225px;}
.orangeBg ul { padding: 8px 2px 4px; width: 221px; }
.orangeBg ul li.sep { background-image: url("/iwiImages/sepLink.png"); background-repeat: no-repeat; background-position: left top; height: 2px;}
.orangeBg ul li { width: 221px;}
.orangeBg ul li.big { width: 201px; padding-left: 20px; color: #fff; line-height: 42px; font-size: 21px; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica; }
.orangeBg ul li a { display: block; line-height: 33px; padding-left: 28px; color: #fff; text-decoration: none; font-size: 14px; width: 193px;}
.orangeBg ul li a:focus, .orangeBg ul li a:hover { color: #1d2c59;}
/* end of sidebar css */
/* main Content area */
.mainContentArea { width: 949px; padding-top: 13px;}
/* tabbedBox */
.tabbedBox { width: 949px; position: relative; margin-bottom: 6px;}
.tabbedBox .tTop { background-image: url("/iwiImages/smallYellow.png"); background-repeat: no-repeat; background-position: left top; width: 468px; height: 30px; position: relative; margin-left: 465px; margin-bottom: -2px;}
.tTop ul li { float: left; width: 154px; line-height: 30px; text-align: center; margin-right: 2px; display: inline;}
.tTop ul li a { display: block; font-weight: bold; color: #fff; text-decoration: none; font-family: Helvetica, Arial;}
.tTop ul li a:focus, .tTop ul li a:hover { color: #6472b5;}
.tTop ul li a.active { color: #1d2c59;}
.tBottom { width: 949px;}
.tBottom .active { display: block;}
.theBox { border: 2px solid #e7e7e7; padding: 14px; display: none;}
.theBox .upcoming { width: 326px; border: 2px solid #e7e7e7;}
.theBox .latestNews { width: 559px;}
.theBox .latestNews form { width: 255px; margin-left: 305px; }
.theBox .latestNews form input.textInput { padding: 0px; border: 0px; float: left; height: 28px; border: 1px solid #dbdada; padding-left: 5px; color: #c7c7c7; width: 160px;}
.theBox .latestNews form input.submitInput { padding: 0px; border: 0px; background-image: url("/iwiImages/searchButtonBg.png"); background-repeat: no-repeat; background-position: left top; height: 30px; width: 87px; float: left; cursor: pointer;}
.theBox .newsBox h1 { color: #1c2b59;line-height: 36px; border-bottom: 1px solid #1c2b59; font-weight: bold; font-size: 28px; padding-bottom: 5px; font-family: "Myriad Pro", Arial, Helvetica;}
.theBox .newsBox div { margin-top: 10px; position: relative; font-size: 13px; line-height: 17px; color: #1c2b59;}
.theBox .newsBox div span { color: #df7208; font-weight: bold; width: 110px; display: inline-block; margin-right: 15px;}
.theBox .newsBox div a { color: #6471b4; }
.theBox .newsBox div a.more { float: right; font-size: 14px; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica; font-style: italic; color: #6471b4; line-height: 16px;}
.theBox .newsBox div a:focus, .theBox .newsBox div a:hover { color: #1d2c59;}
/* end of tabbedBox */
/* start of lower half */
.lowerHalf { width: 921px; padding: 14px;}
.events { width: 484px;}
.events h1 { color: #1c2b59;line-height: 36px; border-bottom: 1px solid #1c2b59; font-weight: bold; font-size: 28px; padding-bottom: 5px;}
.events div { margin-top: 10px; position: relative; padding-bottom: 16px; font-size: 13px; line-height: 17px; color: #1c2b59;}
.events div a { color: #6471b4; }
.events div a.more { position: absolute; bottom: 0px; right: 0px; font-size: 14px; font-weight: bold; font-family: "Myriad Pro", Arial, Helvetica; font-style: italic; color: #6471b4; line-height: 16px;}
.events div a:focus, .events div a:hover { color: #1d2c59;}
.events div h3 { color: #df7208; font-weight: bold; font-size: 14px; margin-bottom: 2px;}
.projects { padding: 16px 3px 16px 16px; border-top: 1px solid #1C2B59; width: 375px; margin-top: 41px;}
.projects div { float: left; border: 1px solid #f1e8d1; margin-bottom: 13px; margin-right: 13px;}
.projects div a { display: block; width: 172px; height: 133px;}
.projects div a img { width: 172px; height: 133px;}
/* end of lower half */
/* end of main content area */
/* footer css */
.footer { background-image: url("/iwiImages/footerShapeBg.png"); background-repeat: no-repeat; background-position: left top; width: 865px; height: 41px; margin: -62px auto 0px; padding: 56px 25px 0px 135px; }
.footer p.floatLeft a:first-child { margin-left: 0px;}
.footer p.floatRight { color: #df7208;}
.footer p.floatRight a { color: #df7208; text-decoration: none;}
.footer p.floatLeft a { margin: 0px 10px; color: #6471B4; text-decoration: none;}
.footer a:focus, .footer a:hover { color: #1d2c59;}
.img { width: 1025px; margin: 0px auto;}
.img img { margin-left: 570px;}
/* end of fotoer css*/
/* sidebar css */
/* subpage css */
.subpage .content { width: 1215px; padding-right: 0px; background-image: url("/iwiImages/subpageBg.png"); background-repeat: no-repeat; background-position: 248px -40px;}
.subpage .mainContentArea { padding-top: 0px; width: 954px;}
.subpage .subpageArea { width: 650px;}
.subpage .subpageSidebar { width: 255px; border-left: 1px solid #ebedf9;}
.subpage .subpageArea .topArea { background-image: url("/iwiImages/smallYellow.png"); background-repeat: no-repeat; background-position: left bottom; width: 468px; height: 30px; position: relative; margin-left: 183px; margin-bottom: 25px; }
.subpage .subpageArea .topArea ul li { float: left; width: 154px; line-height: 30px; text-align: center; margin-right: 2px; display: inline;}
.subpage .subpageArea .topArea ul li a { display: block; font-weight: bold; color: #fff; text-decoration: none;}
.subpage .subpageArea .topArea ul li a:focus, .subpage .subpageArea .topArea ul li a:hover { color: #6472b5;}
.subpage .subpageArea .topArea ul li a.active { color: #1d2c59;}
.subpage .sContent { font: Verdana, Arial, Helvetica; font-size: 13px; line-height: 17px; width: 650px;}
.subpage .sContent h1 { font: Verdana, Arial, Helvetica; font-size: 24px; font-weight: bold; color: #333333; line-height: 40px; }
.subpage .sContent h2.subsectionTitle { font-size: 25px; color: #333333; line-height: 29px; font-family: "Myriad Pro", Arial, Helvetica; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #333333; margin-bottom: 24px;}
.subpage .sContent p { line-height: 19px; margin-bottom: 10px; color: #333333; }
.subpage .sContent p span { color: #333333;}
.subpage .sContent ul { margin-bottom: 15px; padding-left: 60px;}
.subpage .sContent ul li { font-size: 13px; color: #333333; padding-left: 10px; background-image: url("/iwiImages/arrows.png"); background-repeat: no-repeat; background-position: left 5px; line-height: 17px; margin-bottom: 5px;}
.subpage .sContent ol { list-style-type: decimal; list-style-position: outside; padding-left: 15px; margin-bottom: 15px; font-weight: bold; padding-left: 75px;}
.subpage .sContent ol li { line-height: 17px; margin-bottom: 5px; color: #333333; font-size: 13px;}
.subpage .sContent ol li span { color: #333333; font-weight: normal;}
.subpage .sContent blockquote { padding-left: 15px; margin-bottom: 15px;}
.subpage .sContent a { font-family: Verdana, Arial, helvetica; font-size: 13px; color: #1832ce; text-decoration: underline; line-height: 17px;}
.subpage .sContent a:link, .subpage .sContent a:active { color: #1832ce; text-decoration: underline; }
.subpage .sContent a:visited { color: #1832ce; text-decoration: underline;}
.subpage .sContent a:focus, .subpage .sContent a:hover { text-decoration: underline; color: #6c7fb8;}
.subpage .sContent h3 { font-size: 16px; font-family: Arial, helvetica; line-height: 18px; font-weight: bold; color: #333333; margin-bottom: 0px; margin-bottom: 10px;}
.subpage .subpageSidebar { background-image: url("/iwiImages/subpageSidebar.png"); background-position: left bottom; background-repeat: no-repeat; padding: 0px 17px;}
.subpage .subpageSidebar form { width: 255px; margin: 20px auto 15px; padding-bottom: 15px; border-bottom: 1px solid #9fafd5; padding-bottom: 12px;}
.subpage .subpageSidebar form input.textInput { padding: 0px; border: 0px none; float: left; height: 28px; border: 1px solid #dbdada; padding-left: 5px; color: #c7c7c7; width: 160px;}
.subpage .subpageSidebar form input.submitInput { padding: 0px; border: 0px none; background-image: url("/iwiImages/searchButtonBg.png"); background-repeat: no-repeat; background-position: left top; height: 30px; width: 87px; float: left; cursor: pointer;}
.subpage .sideMenu { width: 255px;}
.subpage .sideMenu .t { background-image: url("/iwiImages/subpageSideMenuTop.png"); background-repeat: no-repeat; background-position: top left; height: 11px;}
.subpage .sideMenu .b { background-image: url("/iwiImages/subpageSideMenuBottom.png"); background-repeat: no-repeat; background-position: top left; height: 11px;}
.subpage .sideMenu .c { background-image: url("/iwiImages/subPageSideMenuCenter.png"); background-repeat: repeat-y; background-position: top left; padding: 0px 3px;}
.subpage .sideMenu .f1 { background-image: url("/iwiImages/rightSideSubMenuFlower.png"); background-repeat: no-repeat; background-position: right top;}
.subpage .sideMenu .f2 { background-image: url("/iwiImages/rightSideSubMenuFlower2.png"); background-repeat: no-repeat; background-position: left bottom; padding: 0px 9px 5px;}
.subpage .sideMenu h3 { font-size: 13px; color: #ffc624; line-height: 17px;}
.subpage .sideMenu ul { padding: 7px 0px; border-top: 1px solid #bec6dc; border-bottom: 1px solid #bec6dc; margin: 7px 0px 0px 0px;}
.subpage .sideMenu ul li { line-height: 15px; padding: 6px 0px 6px 7px;}
.subpage .sideMenu ul li a { color: #fff; text-decoration: none;}
.subpage .sideMenu ul li a:focus, .subpage .sideMenu ul li a:hover { color: #fcd058;}
.subpage .addBoxes { margin-top: 12px;}
.subpage .addBoxes a { width: 173px; height: 133px; margin: 0px auto 15px; display: block; border: 1px solid #F1E8D1;}
.subpage p.newsFeedDate, .subpage p.eventsFeedDate {
margin-bottom: 0;
}
.subpage h3.newsFeedTitle, .subpage h3.eventsFeedTitle {
margin-bottom: 5px;
}
.newsFeedContent, .eventsFeedContent {
padding-bottom: 25px;
border-bottom: 2px dotted #cbaf60;
margin-bottom: 25px;
}
#mb_overlay, #mb_center, #mb_bottom {
z-index: 10;
}
/*
CSS Styles For Forms
*/
.red {
color:red;
}
label.small {
float:left;
text-align:right;
width:23%;
margin-top:2px;
padding:2px;
padding-right:4px;
}
label.large {
display:block;
text-align:left;
margin-top:2px;
padding:2px;
}
input.radio {
background:transparent;
border:0px;
}
input, textarea, select {
padding:5px;
border:1px Solid #1c2b59;
}
input.large {
width:250px;
}
input.small {
width:70px;
margin:0px;
}
select{
z-index:-100;
}
textarea:focus, input:focus{
background-color: #ced5f0;
}
label.nostyle {
float: none;
width: 30%;
margin:0;
padding:0;
}
#spacer {
height:1050px;
}
#spacer2 {
height:450px;
}
.smallText{
font-size:80%;
}
#formsuccess{
display: block;
width: 80%;
height: auto;
margin: 10px;
padding: 10px;
padding-left: 50px;
border: 2px solid #009900;
background-color: #F0FEE8;
color: #376B19;
text-align: left;
font-size: 95%;
font-weight: bold;
background-image: url(/iwiImages/success.gif);
background-repeat: no-repeat;
background-position: -10px -6px;
}
#formerror{
display: block;
height: auto;
margin: 10px;
padding: 10px;
padding-left: 20px;
padding-bottom: 0px;
border: 2px solid red;
background-color: #fffacd;
color: red;
text-align: left;
font-weight: bold;
background-image: url(/iwiImages/error.gif);
background-repeat: no-repeat;
background-position: -10px -6px;
}
#formerror ol{
padding-left:10px;
}
#formerror ol li{
padding:0;
color:red;font-size: 75%;
}
.formrow {
margin-top:1%;
background-color: #eee;
padding:8px;
}
.inlineField {
width:33%;
text-align: center;
float:left;
}
.sContent h2 {
margin-bottom: 10px;
}