/* 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; background-image:url(../images/WHI_bg.jpg); background-repeat:no-repeat; background-position:-500px 0px; /*** 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;}
a:hover{color: #414E87;text-decoration:underline;}


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;}
h5 { font-size:140%; font-weight:normal; margin-top:10px;}
h1 a, #header h2{color: #fff;}

.red{ color:#BD5B2D; }

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

#mainContainer {width: 990px;margin: 0 auto; /*** Centers the design ***/min-height: 300px;text-align: left;   /*** Because we centered the text in body we have to move the text back to left aligning ***/}

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

/*************************
MAIN NAV CONTENT
**************************/
#banner-container {margin: -25px 0 0 -990px; /*** Move the right column so it takes the positon as a top menu ***/float: left; width: 960px;height: 40px;min-height: 40px; }
* html #banner-container {position: relative;  /*** IE needs this  ***/}
#banner-home {width:960px; height:170px; position:relative; background-color:#FFF; margin:0px; padding:0px; left:15px;top:40px;}

#banner-home .buttons{ position: relative;top: 20px;}
#menu {width: 964px; height: 38px;position:relative;margin:0px;padding:0px;background-color:#283E6C;left:13px;top: 40px;font-size:15px;font-weight:bold; text-transform:uppercase;}
#menu ul {list-style: none; margin:0px 0px 0px 0px; padding:0px; position:relative;}
#menu li {display: block;margin:0px 0px 0px 0px;padding:10px 0px 10px 0px; float:left; background-color:#283E6D; border-left:1px solid #FFF;}
#menu li .on{ background-color:#696A6E;}
#menu a {color:#FFFFFF;text-decoration:none; padding:10px 24px 10px 24px; margin:0px 0px 0px 0px;}
#menu a:hover { background-color: #696A6E;}
#menu .about a:hover { background-color: #696A6E; width:138px;}
#logo-home {position:relative;width: 362px;height:157px;bottom:478px;}
#logo {position:relative;width: 362px;height:157px;bottom:281px;}

/**************************
SEARCH/MYWHI LOGIN SECTION
**************************/
#search { width:392px; height:97px; position:relative; left:587px; top:138px; background-color:transparent;}
#search .searchtab{ width:116px; height:25px; float:left; }
#search .mywhitab{ width:126px; height:25px; float:left; margin-left:3px;  }
#search .searcharea{ width:392px; background-color:#FFFFFF; height:77px; float:left; }

.searchSection{ width:210px; float:left; background-color:transparent; padding:15px 10px 20px 20px; font-size:12px; }

#search .button{ position:relative; left: 350px; bottom:12px; }
#search .contact{ position:relative; bottom:12px; font-weight:bold;width:370px; background-color:transparent; padding-left:20px; }
#search .searcharea{ width:392px; background-color:#FFFFFF; height:72px; float:left; }
#search .benefits{ position:relative; width:210px; height:35px; line-height:24px; font-size:75.5%; float:right; left:10px; clear:left; top:2px;}

#search .forgotpassword{ padding-left:80px; }
#search .buttlogin{ position:relative; }
#tick {clear:both;height:25px;position:relative;color:#2B3A79;font-size:15px;font-weight:bold;top: 130px;left:15px;border-bottom:1px solid #DCDCDC;border-top:1px solid #DCDCDC; background-color:transparent; float:left; width:100%; padding-top:15px;}

#tick .latest{color:#AF3901;text-transform:uppercase; background-color:transparent; float:left;}
#tick .headers{ background-color:transparent; text-transform:uppercase; float:left;}
#tick .icons{float:right;padding: 11px 0px 3px 3px;}
#breadcrumb {clear:both;position:relative; width: 800px;color:#2B3A79;font-size:12px;top: 53px;left:40px;}


/*BUTTONS*/

.submitGray{ background-image:url(../Images/but_submitgrey.jpg); background-repeat:no-repeat; height:25px; width:73px; cursor:pointer;}
.submitWhite{background-image:url(../Images/butt_submitnews.jpg); background-repeat:no-repeat; height:25px; width:73px; cursor:pointer;}
.login{background-image:url(../Images/butt_login.jpg); background-repeat:no-repeat; height:25px; width:72px; cursor:pointer;}


/**************************
CONTENT AND COLUMNS
**************************/
.outer {padding-top:157px;  /*** We need to add some space for our top menu ***/}
* html .outer {/*** No need for hacking IE on this layout ***/}
.inner { /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/}
* html .inner {  }
/*** div.inner is wider thaon its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {float: left;width: 990px;  /*** Same length as .outer padding-left but with negative value ***/ padding-bottom:15px; background-color:#FFFFFF;}
* html .float-wrap {/*** No need for hacking IE on this layout ***/}
#content-home {float: left;width: 540px;background: #fff;margin-top:368px;position:relative;left:20px;}
#content-home h2{ margin-top:20px;}
#content-right {float: left;width: 695px;background: #fff;margin-top:90px; margin-right:0px;position:relative; left:281px; background-color:transparent;}

#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;height:81px;background-image:url(../images/banner02.jpg); margin-bottom:10px;}
#content-right .banner h1{position:relative; top:30px;left:20px;color:#FFFFFF; width:650px;}
#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:690px; float:left; background-color:transparent; }


/*WHITTER STYLES*/
.whitLine{ width:675px; float:left; background-color:transparent; border-bottom:1px dashed #DCDCDC; margin-bottom:20px;}
.whitLogo{ width:95px; float:left; background-color:transparent; padding-left:5px; }
.whitCont{ width:575px; float:left; background-color:transparent; }
.whitCom{ width:575px; float:right; background-color:transparent; text-align:left; margin-top:5px; }
.whitName{width:355px; float:left; background-color:transparent;}
.whitCount{width:220px; float:left; background-color:transparent; font-weight:bold;}

.gray{ color:#666;}
.whitCont p{ font-size:100%; }
.whiThumb{ border:solid 1px #DCDCDC; margin-bottom:10px; float:left; height:55px; width:81px; }


.whiBack{ width:675px; float:left; background-color:#F2F2F2; padding:10px 10px 10px 10px; margin-bottom:20px;}
.whiLine{ width:675px; float:left; padding:0px; margin:0px; clear:both;}
.whiBx{width:675px; float:left; background-color:#FFF; margin-top:-3px; padding:10px 0px 10px 0px; }
.whiBxComs{width:655px; float:left; background-color:#FFF; padding:10px 10px 10px 10px; margin-top:10px; }
.whiMain{ width:549px; background-color:transparent; float:left; }
.whiMan{ width:126px; background-image:url(../Images/whitMan.jpg); background-repeat:no-repeat; height:121px; float:left; padding-bottom:20px;}
.whiManWhite{ width:100px; background-image:url(../Images/whiManwhite.jpg); background-repeat:no-repeat; height:121px; float:left; padding-bottom:20px;}
.whiTextBx{ width:540px; height:100px; border:solid 2px #00AAE8; color:#6E6E6E; padding:10px 10px 10px 10px; font-family: Arial, Tahoma, sans-serif;}
.whiBt{ float:right; margin-top:10px;}


.whiComm{width:655px; float:left; background-color:transparent; border-top:1px dashed #DCDCDC; color:#999999; margin-top:10px; padding-top:10px;}
.whiMain p{ margin:0px; padding:0px 0px 2px 0px;}
.whiComm p{ margin:0px; padding:0px 0px 2px 0px;}
.whiMain a{ font-weight:bold;}

/*END WHITTER STYLES*/

.clientLine{ width:695px; background-color:transparent; float:left;}
.clientList{ width:330px; background-color:transparent; float:left; margin-top:10px;}
#clientFlash{ width:355px; background-color:transparent; float:left; margin-top:10px;}
#partnerFlash{ width:355px; background-color:transparent; float:left; margin-top:10px;}

.sLine{width:235px; background-color:transparent; margin-top:10px; margin-left:440px;}
.st{ width:45px; background-color:transparent; float:left; font-size:11px; padding-top:4px;}
.tb{ width:130px; background-color:transparent; float:left;}
.tbx{ border:solid 1px #CCC; font-size:11px; height:14px;}
.sb{ width:60px; float:left; background-color:transparent;}
.sbw{ background-image:url(../Images/sub.jpg); background-repeat:no-repeat; width:56px; height:20px; color:#FFF; font-size:12px; font-weight:bold; cursor:pointer; }


.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 .desc2{ background-color:transparent; float:left; width:180px;}
.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: right;width: 380px; background:#FFF; min-height: 250px;margin-top:368px;border: 10px solid #E5E5E5;position:relative;right: 20px;}
#right-home p{font-size:12px;}
* html #right-home {position: relative; /*** IE needs this  ***/height: 250px;}
#right-home .latest-row {width:380px; clear:both; border-bottom:1px solid #DCDCDC; padding:10px 0px 10px 0px; float:left; background-color:transparent;}
.dateI { color:#BD5B2D; padding-right:5px; float:right;  }
#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-left:10px; margin-right:5px; background-color:transparent; }
.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 {border-top: 10px solid #E5E5E5;padding:10px; width:360px; float:left; background-image:url(../images/bg_homenews.jpg); background-position:bottom right; background-repeat:no-repeat; }

#right-home .banner-home {border-top: 10px solid #E5E5E5;padding:10px; width:360px; float:left; background-color:#FFF;  }
#flashSide{ margin-top:15px;}

#right-home .faq-home{border-top: 10px solid #E5E5E5;padding:10px; width:360px; float:left; height:80px; 
background-image:url(../images/bg_faqs.jpg); background-position:bottom right; background-repeat:no-repeat;}
.faqLine{ width:360px; background-color:transparent; float:left; margin-top:10px;}
.faqp{ width:276px; background-color:transparent; float:left;}

#right-home .network-home {border-top: 10px solid #E5E5E5;padding:10px; width:360px; background-color:#E5E5E5; float:left;}
#right-home .more { float:right; padding:5px 10px 5px 10px;}


/**************************
LEFT COLUMN IN ORDER OF LAYOUT PLEASE
**************************/
#left-nav {float: right;width: 245px; margin-top:90px; position:relative; right: 732px; background-color:transparent;}
#left-nav p{font-size:75%;}
#left-nav h2{ margin:20px 0px 10px 0px; clear:both; color:#AF3901;}
#left-nav ul{ margin:0px 0px 0px 0px; padding:0px; background: #E5E5E5; list-style-type:none; font-size:85.5%;}
#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.whi{ margin:0px; padding:0px; border-bottom:1px solid #FFF; color:#FFF; list-style-type:none; background-color:#B03901;}

#left-nav ul  li.whi a{ color:#FFF; background-color:#B03901;}
#left-nav ul  li.whi a:hover{color:#FFF; background-color:#B03901; text-decoration:underline;}

#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 {width:245px; clear:both; border-bottom:1px solid #DCDCDC; padding:10px 0px 10px 0px; float:left; background-color:transparent; margin-bottom:10px; }
#left-nav .latest-left{ float:left; width:59px; background-color:transparent;}
#left-nav .latest-rightE {float:right; 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{ background-color:#FFFFFF; font-weight:bold; position:relative; right:10px; margin-bottom:30px;}
#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 { background-color:#E5E5E5; padding:10px;}
#left-nav h4 { font-size:100%;}

#left-nav .blockOut{ height:162px; background-color:transparent; float:left; width:100%;}
/**************************
calendar styles
**************************/
#datecontainer { width:225px; padding:10px; background-color:#E5E5E5; height:228px;}
#datecontainer .dateyear { text-align:center; float:left; width:180px;}
#datecontainer .months { margin-top:20px; float:left;}
#datecontainer .dateleft {float: left; padding:3px 3px 0px 0px; width:72px; height:44px; margin:0px;}
#datecontainer .dateright {float: right; padding:3px 3px 0px 0px; width:72px; height:44px; margin:0px;}

* html #left-nav {position: relative; /*** IE needs this  ***/height: 250px;}
/**************************
FOOTER
**************************/
#footer {width: 990px; height:120px; margin: 0 auto; text-align: left; background-image:url(../images/footer.jpg); background-repeat: no-repeat; background-color:#FFFFFF;}

#footer .logos{ float:left; position:relative; left:22px; top:30px; }

#footer .links{float:right; position:relative; top:30px; width:300px; right:5px;  }
#footer .rad{ float:right; font-size:12px; margin-top:20px; padding-right:20px; color:#999; margin-bottom:5px;}
.rad a{ color:#999;}
.rad a:link{ color:#999;}
.rad a:visited{ color:#999;}
.rad a:hover{ color:#999;}

#footer .linksLine{ float:right; width:280px; background-color:transparent; border:none;  }

#footer .linksLine a{font-size:75%; }

#footer .links-left { float:left; text-align: right; border-right:1px solid #D6D6D6; padding-right:15px; width:140px; background-color:transparent; line-height:24px;}
#footer .links-right { float:right; text-align: left;   width:100px; background-color:transparent; line-height:24px;}

/*#footer .links-left{ float:left; text-align: right; position:relative;  left:310px; line-height:24px; border-right:1px solid #D6D6D6; padding-right:15px; background-color:pink;}
#footer .links-right{ float:right; text-align: left; position:relative; right:20px; line-height:24px; background-color:Aqua;}*/


#footer p { font-size:75%;}

/*************************
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{ background-color: #F1F1F1; position:relative;  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; }
.clearLeft{ clear:left;}
.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;}

.ftl{ float:left; background-color:yellow; clear:left;}
.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;}

.relPodIcon{ width:32px; background-color:transparent; float:left; margin-right:10px; height:32px;}
.relIcon{ width:4px; background-color:transparent; float:left; margin-right:10px; padding-top:4px;}
.relResText{ width:630px; background-color:transparent; float:left;}
.relPodText{ width:630px; background-color:transparent; float:left; padding-top:5px;}
.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;}

.halfForm{width:340px; background-color:transparent; float:left; text-align:left;}

.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; color:#666; border:1px solid #CECECE; background-image:url(../images/bg_formfield01.jpg); padding-left:5px; }

.contacttxtbxN{ width:200px; color:#666; border:1px solid #CECECE;  }
.loginB{ width:450px; float:right; background-color:transparent;}
.loginB{ width:450px; float:right; background-color:transparent;}
.loginBut{ width:130px; float:right; background-color:transparent;}
.loginBut2{ width:65px; float:left; background-color:transparent; padding-left:320px;}
.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*/

.padTabs{ width:695px; background-color:transparent; margin-bottom:10px; clear:both; height:54px;}
.small{ font-size:11px;}