/* CSS Document for WHI - css reordering */

* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;margin: 0;border: 0;}
html {color: #333; font-family: Arial, Tahoma, sans-serif; text-align: center; /*** Centers the design in old IE versions ***/}
body {font-size: 100%;}
p {padding: 10px 0 10px 0; font-size:87.5%;}
a {color: #414E87;text-decoration:none;}

#prtlg{ height:101px; background-image:url('../images/placeholder.jpg'); margin-left:2%; background-repeat:no-repeat;}

h1, h2, h3{padding-bottom: 5px;color:#000000; font-weight:normal;}
h1 {font-size: 240%;font-weight:normal;}
h2 {font-size: 130%;font-weight:normal;}
h3 {font-size: 100%; line-height:21px; margin:10px 0px 10px 0px;font-weight:normal;}
h4 { font-weight:bold; font-size:20px;}
h1 a, #header h2{color: #fff;}

/*STUFF FOR CLIENT PAGES*/
.clientSection{ float:left; background-color:transparent; }
.clientSection h3 {font-size: 120%; margin:10px 0px 10px 0px;font-weight:normal; clear:both;}
.solid{border-bottom:solid 2px #CCC; margin-bottom:20px; margin-top:10px;}
.cRow{  float:left; background-color:transparent; margin-bottom:8px; width:100%; clear:both;}
.cText {  float:left; background-color:transparent; font-weight:bold; width:25%;}
.cInfo {   float:left; background-color:transparent; width:75%;}
.dotted{ background-color:transparent; float:left; border-bottom:dotted 1px #CCC; margin-top:5px; margin-bottom:5px; clear:both; }
.clientSection p{clear:both;}
/*END*/

#mainContainer {text-align:left;    /*** Because we centered the text in body we have to move the text back to left aligning ***/}

* html #mainContainer { /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}

/*************************
MAIN NAV CONTENT
**************************/

* html #banner-container {display:none;  /*** IE needs this  ***/}
#banner-home {display:none;}

#menu {display:none;}
#logo-home {display:none; }
#logo {display:none;}

/**************************
SEARCH/MYWHI LOGIN SECTION
**************************/
#search { display:none;}
#tick {display:none; }
#breadcrumb {display:none;}

/**************************
CONTENT AND COLUMNS
**************************/
.float-wrap {/*** Same length as .outer padding-left but with negative value ***/ }
* html .float-wrap {/*** No need for hacking IE on this layout ***/}
#content-home {float: left; text-align:left; width:90%; }
#content-right {float: left;  padding-right:5%;}

#content-right p, #content-home p{ line-height:21px;}
#content-right h2{ font-size:30px;}
#content-right .title{ width:500px; float:left}
#content-right .options{width:175px; float:right;}
#content-right .banner{width:695px; margin-bottom:20px; }
#content-right .banner h1{color:#000;}
#content-right .row{ width:100%; clear:both;}
#content-right .rowsolid{ width:100%; clear:both; border-bottom:1px solid #DCDCDC; padding:10px 0px 10px 0px; float:left;}
#content-right .rowdashed{ width:100%; clear:both; border-bottom:1px dashed #DCDCDC; float:left; background-color:transparent;  }
#content-right .rowdashedTop{ width:100%; clear:both; border-top:1px dashed #DCDCDC; float:left; background-color:transparent; }
#content-right .rowTop{ width:345px; float:left; background-color:transparent; }

.paddTop{ width:100%; float:left; height:5px; margin-bottom:5px; background-color:transparent;}

#content-right ul{ list-style-image:url(../Images/bullet.gif); background-repeat:no-repeat; font-size:14px;}

.benRow{ width:650px; float:left; background-color:transparent; font-size:87.5%; margin-bottom:15px;}
.benRow .desc{ background-color:transparent; float:left; width:120px;}
.benRow .input{ background-color:transparent; float:left; width:300px;}
.benRow .info{ background-color:transparent; float:left; width:200px; color:#88190A;}
.benRow .sub{ background-color:transparent; float:left; width:180px; padding-top:4px;}
.benRow .benButn{background-color:transparent; float:right; width:350px;  }
.benRow .ff { width:255px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); float:left;} /* register formfield */


#listing{ display:inline;}
.resRow{ float:left; width:700px; background-color:transparent; padding:0px; margin:0px; }
.ename{ float:left; width:190px; background-color:transparent; padding-right:14px;}
.etype{float:left; width:100px; background-color:transparent; font-weight:normal; }
.evenue{float:left; width:120px; background-color:transparent; font-weight:normal;}
.edate{float:left; width:118px; background-color:transparent; font-weight:normal;}
.estart{float:left; width:74px; background-color:transparent; font-weight:normal; }
.eend{float:left; width:74px; background-color:transparent; font-weight:normal;}


.infoLine{ float:left; background-color:transparent; width:650px; font-size:87.5%; margin-bottom:4px;}
.infoleft{ float:left; font-weight:bold; background-color:transparent; width:120px;}
.inforight{ float:left; margin-left: 30px; background-color:transparent;}
.infoLine .inforight .date{ color:#BD5B2D; float:left; font-size:100%;}
.bookmark{ float:left; padding:10px 0px 10px 0px;}
.print{ float:right; padding:10px 0px 10px 0px;}
.four-col{ float:left; width:170px; font-size:12px; margin-bottom:50px; background-color:transparent; }

.rtitle{ float:left; width:460px; background-color:transparent; padding:0px; margin:0px; }
.rtype{ float:left; width:55px; background-color:transparent; padding:0px; margin:0px; text-align:center;}
.size{ float:left; width:85px; background-color:transparent;  padding:0px; margin:0px; text-align:center;}
.rdate{ float:left; width:90px; background-color:transparent;  color:#B03901; padding:0px; margin:0px; text-align:center; }

.resIcon{ padding-top:15px; padding-left:10px; display:inline;}

.newsleft{ float:left; border:1px solid #ccc; margin:10px 10px 10px 0px; background-color:transparent;}
.newsright{ float:right; width: 530px; background-color:transparent; }

.blogTitle{float:right; width: 530px; background-color:transparent; font-weight:bold; margin-top:10px;}
.blogLine{float:right; width: 530px; background-color:transparent; margin-bottom:5px;  font-size:12px; color:#666;}
.blogDate{ float:left; width:110px; background-color:transparent; }
.blogPostee{float:left; width:410px; background-color:transparent;text-align:right; padding-right:10px;}
.blogIcons{ border:none; padding-right:5px;}
.blogCats{float:right; width: 530px; background-color:transparent; text-align:center; font-size:12px; background-color:#E5E5E5; padding-top:5px; padding-bottom:5px;}
.blogCats a{ color:#B03901; text-decoration:none;}
.blogCats a:link{ color:#B03901; text-decoration:none;}
.blogCats a:visited{ color:#B03901; text-decoration:none;}
.blogCats a:hover{ color:#B03901; text-decoration:underline;}

* html #content {position: relative; /*** IE needs this  ***/}
.contentWrap { }
.contentWrap p{}
.contentWrap ol, .contentWrap ul {margin: 3px 0 5px 35px;}
.contentWrap li {padding-bottom: 2px;}


/**************************
right COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#right-home {float: left; margin-top:5%; }

#right-home .latest-row {width:50%; clear:both; border-bottom:1px solid #DCDCDC;  float:left;}

.dateI { color:#BD5B2D; padding-right:5px; }
#right-home .latest-left{ float:left; width:68px; background-color:transparent;}

#right-home .pres-left{ float:left; width:28px; background-color:transparent; padding-left:10px;}
#right-home .pod-left{ float:left; width:100px; background-color:transparent; margin-left:10px; }

.datebox{ width:44px; height:44px; background-image:url(../images/date.jpg); margin-right:5px; }
.datemonth{ text-align:center; color:#fff; font-size:10px; position:relative; top:2px;}
.dateday{ font-family: Georgia, Arial, "Times New Roman", Times, serif; color:#FFFFFF; text-align:center; font-size:20px; position:relative; top:2px;}
#right-home .latest-rightE {float:right; background-color:transparent; width:307px; padding-right:5px;}
#right-home .pres-rightE {float:right; background-color:transparent; width:342px;}
#right-home .pod-rightE {float:right; background-color:transparent; width:250px; margin-right:10px;}

#right-home .pod-rightE p .date {color:#BD5B2D; float:left; }

#right-home .latest-right {float:right; background-color:transparent; width:375px; text-align:left;}
#right-home .news-home { display:none; }
#right-home .faq-home{ display:none;}
#right-home .network-home { display:none;}
#right-home .more { display:none;}
#flash{ display:none;}

/**************************
LEFT COLUMN IN ORDER OF LAYOUT PLEASE
**************************/
#left-nav { display:none;}
#left-nav p{font-size:75%;}
#left-nav h2{ display:none;}
#left-nav ul{ display:none;}
#left-nav ul li{ margin:0px; padding:0px; border-bottom:1px solid #FFF; list-style-type:none;}

#left-nav ul li.on{ margin:0px; padding:0px; border-bottom:1px solid #FFF; list-style-type:none; background-color:#CCC;}

#left-nav ul  li.sub{ margin:0px; padding:0px; border-bottom:1px solid #FFF; list-style-type:none; background-color:#E5E5E5;}


#left-nav ul li a{ color:#000; padding:10px;display:block; font-weight:bold;}
#left-nav ul li a:hover{ padding:10px;display:block; background-color:#CCC;}

#left-nav ul  li.sub a{ color:#B03901; padding:10px 10px 10px 30px; display:block; font-weight:bold;}

#left-nav .on{ background-color:#CCC;}
#left-nav .latest-row { }
#left-nav .latest-left{ float:left; background-color:transparent;}
#left-nav .latest-rightE {float:left; background-color:transparent; width:186px; text-align:left; }
#left-nav .latest-right {float:left; background-color:transparent; width:245px; }

.dateTxt {color:#BD5B2D;  float:right; }

#left-nav #partners{ }
#left-nav #partners a{ color:#2B3A79;}
#left-nav #partners a:hover{ padding:10px;display:block; background-color:#FFFFFF;}
#left-nav .more { float:right; padding:0px 10px 0px 10px; background-color:transparent;}
#left-nav .network, #left-nav .news { display:none;}
#left-nav h4 { font-size:100%;}

#left-nav .blockOut{ height:162px; background-color:transparent; float:left; width:100%;}
/**************************
calendar styles
**************************/
#datecontainer { display:none;}

* html #left-nav {}
/**************************
FOOTER
**************************/
#footer {display:none;}

/*************************
button,form and registration STYLES
**************************/
.formfield01 { width:255px; color:#999; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg);} /* home formfield */
.formfield02 { width:210px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg);} /* left formfield */
.formfield03 { width:310px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative; left: 12px; top:12px;} /* search formfield */
.formfield04 { width:155px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative; left: 12px; top:12px; margin-bottom:3px;} /* whi login formfield */
.formfield05 { width:255px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative; top:8px; right:300px; margin-bottom:3px; float:right;} /* register formfield */
.formfield06 { width:270px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative; top:8px; right:300px; margin-bottom:3px; float:right;} /* register formfield */
.formfield07 { width:255px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_textarea.jpg); position:relative; top:8px; right:300px; margin-bottom:3px; float:right;} /* register formfield */
.formfield08 { width:50px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative; top:8px; right:520px; margin-bottom:3px; float:right;} /* title formfield */



.buttreg { position:relative; left: 328px;} /* register formfield */
.error { position:relative; left: 150px; top:10px; color:#88190A; float:right; font-size:85.5%; text-align:left;}

/*************************
GENERIC STYLES
**************************/
.intro h3{ padding:10px; font-weight:bold;}
.bigp { font-size:14px; font-weight:bold;} /*** big paragraph headings ***/
.bigimage { float: right; margin-left:10px; margin-bottom:10px; width:285px; height:195px; border:1px solid #ccc;}
.floatleft { float:left;}
.floatright { float:right;}
.clearboth { clear:both;}
.clear { clear: both; }
.floatleftPad{float:left; background-color:transparent; padding-left:10px; display:inline; width:120px; }
.floatleftPadTop{float:left; background-color:transparent; padding-left:10px; padding-top:20px; display:inline; width:120px; }
.splitter { clear:both; float: left;} 
.submit01 { position:relative; left:10px; top:6px;} /* home submits */

.submitOnGray{ position:relative; left:10px; top:2px; background-image:url(../Images/butt_submit2.jpg); background-repeat:no-repeat; width:72px; height:26px; color:#FFF; font-weight:bold; cursor:pointer;}

.submitOnWhite{ position:relative; left:10px; top:2px; background-image:url(../Images/butt_submit1.jpg); background-repeat:no-repeat; width:72px; height:26px; color:#FFF; font-weight:bold; cursor:pointer;}

.searchBtn{ background-image:url(../Images/butt_search.jpg); background-repeat:no-repeat; width:30px; height:29px; position:relative; left: 350px; bottom:12px; cursor:pointer;}

.logoutBtn{ background-image:url(../Images/butt_logout.jpg); background-repeat:no-repeat; width:72px; height:25px; cursor:pointer;}

.loginBtn{background-image:url(../Images/butt_login.jpg); background-repeat:no-repeat; width:72px; height:25px; cursor:pointer;}

.submit02 { position:relative; left:150px; top:6px;} /* left submits */

.submitOnGray2{ position:relative; left:150px; top:6px; background-image:url(../Images/butt_submit2.jpg); background-repeat:no-repeat; width:72px; height:26px; color:#FFF; font-weight:bold; cursor:pointer;}


.date { color:#BD5B2D; }
.phone { color: #AF3901; font-size:80%;}
.email { font-size:80%;}
.star { color:#88190A;}
.rss { position:relative; top: 10px; }
.rsstext { font-size:90%; margin:0px 0px 0px 0px; position:relative; bottom:10px;}
.noBorder{ border:none;}

.detailedimage {float: right; margin:10px 0px 10px 10px; clear:right; border:solid 1px #CCC;}
.eventResRow{ width:680px; float:left; background-color:transparent; margin-bottom:4px;}

.eventHalfRow{width:340px; float:left; background-color:transparent; margin-bottom:4px;}

.relResIcon{ width:20px; background-color:transparent; float:left; margin-right:10px;}
.relIcon{ width:4px; background-color:transparent; float:left; margin-right:10px; padding-top:4px;}
.relResText{ width:650px; background-color:transparent; float:left;}
.relHalfText{ width:310px; background-color:transparent; float:left;}

/*Blog Styles*/

.blogtop{ width: 700px; text-align: left; border-bottom: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; margin-bottom: 10px; font-size:19px; font-weight:normal; color:#B03901; clear:both; height:20px; }
.blogtopgrey{ width: 700px; text-align: left; border-bottom: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; margin-bottom: 0px; font-size:19px; font-weight:normal; color:#B03901; background-color:#F8F8F8; height:20px; }
.blogrow{ width: 700px; clear: both; float:left;}
.blogrowgrey{ width: 700px; clear: both; float:left; background-color:#F8F8F8; padding-top:10px; }
.date{ font-size:12px; color:#333; text-align:right; float:right;}
.blogbottom{ width: 700px; margin-bottom:10px; text-align: center; border-top: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; clear: both; background-color:#F8F8F8;}
.blogbottomwhite{ width: 700px; text-align: center;  padding: 0px 0px 0px 0px; clear: both; background-color:#FFF;}
.blogbottomgrey{ width: 700px;  text-align: center;  padding: 0px 0px 0px 0px; clear: both; background-color:#F8F8F8;}
.txtBorder{ border:solid 1px #CCC;}

.contactLeft{ width:340px; background-color:transparent; float:left; margin-right:5px;}
.contactLeft h3{ color:#B03901; font-size:18px;}

.loginRw{ width:650px; background-color:transparent; float:left; margin-bottom:4px; font-size:12px; color:#666; }
.loginRow{ width:340px; background-color:transparent; float:left; margin-bottom:10px; font-size:12px; color:#666;}
.loginTxt{ width:80px; background-color:transparent; float:left; margin-right:10px; padding-top:6px;}
.loginBx{ width:250px; background-color:transparent; float:left;}
.logintxtbx { width:200px; color:#666; padding:2px 2px 2px 10px; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); position:relative;}

.contacttxtbx{ width:200px; border:solid 1px #CCC; color:#666; }
.loginB{ width:450px; float:right; background-color:transparent;}
.loginBut{ width:130px; float:right; background-color:transparent;}
.errorLblClass{ font-size:12px; color:#B03901; }

.downloadBx{ width:650px; float:left; background-color:transparent; margin-top:10px; font-size:14px; }
.downloadBx h3{ color:#B03901; font-size:18px; }
.fileIcon{ width:20px; background-color:transparent; float:left; margin-bottom:2px;}
.dateText{ width:560px; background-color:transparent; float:left; font-size:12px; color:#B03901; margin-bottom:20px;}
/*************************
FORUM STYLES
**************************/
div#forum{min-height:790px; font-size:87.5%; height:auto !important; height:790px; line-height:1.4;width:700px; background-color:#fff; margin-top:20px; }
.rowblue{ height:18px; background-color:#00A9C1; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:17px;}
.rowgrey{ background-color:#E5E5E5;color:#333; font-size:16px; font-weight:bold; clear:both;}
.rowwhite{ background-color:#FFF; border-bottom: 1px solid #CCC; clear:both;}
.rowwhitetop{ background-color:#FFF; border-top: 1px solid #CCC; clear:both;}
.columnforum{ float:left; width:381px; padding-bottom:2px; padding-top:5px;}
.columnforumfull{ float:left; width:690px;padding-bottom:2px;}
.columnname{ float:left; width:171px; padding-bottom:2px; padding-top:5px;}
.columnposting{ float:right; width:500px; padding-left:0px; padding-bottom:2px; padding-top:5px;}
.columntopics{ float:left; width:83px; padding-top:5px;}
.columnposts{ float:left; width:83px; padding-top:5px;}
.columnlastpost{ float:left; width:148px; padding-top:5px;}
div#forum h2{ margin-top:5px;}
div#forum p{ margin-bottom:5px;}
div#forum .posticon{ position:relative;}
.postreplybox{ margin-left: 30px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; width:650px; border:1px solid #CCCCCC;}
.reply { position:relative; left:610px;}
/*************************
END FORUM STYLES
**************************/

/*Accordians*/

.accordians{width: 100%; margin-top:20px; margin-bottom:20px;  }
.breakAccordians{width: 100%; height: 1px; padding: 0 0 4px 0; margin-bottom: 4px;}
.AccordionHeader {width:100%; border-bottom: solid 1px #CCC; color:#B03901; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal;}
.AccordionHeader2 {width:100%; border-bottom: solid 1px #CCC; color:#B03901; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal; }
.AccordionContent { font-family: Gill Sans, arial,sans-serif;  font-weight:normal; width:100%;}
.intranetDocRow{width: 99%; padding-top: 4px; padding-bottom: 4px; float: left;}
.wholeLine{ width:690px; float:left; background-color:transparent; margin-bottom:4px; margin-top:4px; padding-top:5px; clear:both;}

/* Form Buttons /////////////////////////////////////////////////*/
 
span.button2 {
    background: transparent url(../Images/butt_right.jpg) no-repeat scroll right top;
    display: block;
    float: left;
    margin:0px;
    padding-right: 20px; /* sliding doors padding */
    font-family:Arial, Helvetica, sans-serif;
}
 
span.button2:hover, span.button2 input.form_but:hover {
    cursor: pointer;
    color: #fff;
}

span.button2:active {
    background-position: right -35px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */ 
    font-family:Arial, Helvetica, sans-serif;
}
 
span.button2 input.form_but {
    background: transparent url(../Images/butt_left.jpg) no-repeat;
    display: block;
    padding-right: 0;
    padding-left: 20px;
    white-space: nowrap;
    border: 0;
    margin: 0px;
    height: 25px;
    text-decoration: none;
    font-size:14px;
    font-weight:bold;
    width:70px;
    padding-top: 0;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
}

/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:320px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    float:left;
    font-size:12px; 
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    }     
/*END SITEMAP INFO*/