/* Mentoring Circles stylesheet November 2007 - global styles */

/************************************* Main **************************************************************/

* {border:none; padding: 0; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
html {height:100%; width:100%}
body {font-size:100%; height:100%; color:#fff; width:auto; padding:0; background: url(../images/mainBG.gif) center top repeat-y transparent; text-align:center;}
img {border:none; padding: 0; margin: 0}
.hide {display:none}
#wrapper {width:100%; text-align:center; height:100%; /*background: url(../images/shadowStrip.gif) center top repeat-y transparent;*/}
#fixed {width: 750px; margin-left: auto; margin-right: auto; text-align:left; color: #fff;}
.clear {clear:both;}

#skipLink {font-size: 0.01em; height:0px; float:left;}
#skipLink a:link{text-decoration:none; color: #ececec; background: none transparent}
#skipLink a:active{text-decoration:none; color: #ececec; background: none transparent}
#skipLink a:visited{text-decoration:none; color: #ececec; background: none transparent}
#skipLink a:hover {text-decoration:none; color: #ececec; background: none transparent}

fieldset {padding:0; margin:0; border: 0px solid #000}
legend {display:none}

/******************************************** Page header ************************************************/
#header {clear:both; background: url(../images/headerBG.jpg) left top no-repeat transparent; color:#fff; height: 126px; width: 750px;}
#header #headerLeft {background: none transparent; color:#fff; float:left;}
#headerLeft img {padding:0; margin:0}
#header #headerRight {background: none transparent; color:#fff; float:right; width:350px}

/************************************* Global Navigation Styles *****************************************/

#globalNav {font-size:0.75em; margin:0; padding-left:3px; padding-right:2px; color:#fff; float:right; display:inline; background: url(../images/globalNavBLSec.gif) bottom left no-repeat transparent; }

#globalNav div {padding: 4px 3px 4px 3px; background: none transparent; float:left; font-family: Arial, sans-serif; color:#606076}
#globalNav div#divider {background: url(../images/globalStart.gif) no-repeat center top transparent; width:2px; height:20px; padding-top:0}

#globalNav a:link{color:#7e7d9b; background:none transparent; text-decoration:none;}
#globalNav a:active{color:#fff; background:none transparent; text-decoration:none;}
#globalNav a:visited{color:#7e7d9b; background:none transparent; text-decoration:none;}
#globalNav a:hover{color:#000; background:none #fff; text-decoration:none;}

#globalNav div#globalSelected {background: none transparent; color:#f06e16; padding-left: 18px;}
#globalNav div#globalSelectedLive {background: url(../images/globalNavIcon.gif) no-repeat left top #fff; color:#f06e16; padding-left: 18px;}

/************************************* Spacer ***********************************************************/

.bumpLayer{clear:both; font-size:0.01em; line-height:0.01em; background: none transparent; height:0; color:#fff}

/****************************************** Equalitec logo box ***********************************************/

#logoBox {clear:right; float:right; display:inline; margin-top:35px; padding-right:7px}

/****************************************** Inova logo box ***********************************************/

/*#logoBox {clear:right; float:right; display:inline; margin-top:35px; padding-right:7px}*/

/****************************************** Content Styles ***********************************************/

#contentStart {display:none;}
#content {color:#0f4c6d; margin:0; padding:0;}
#content a:link{text-decoration:underline; color:#819937; background: none transparent}
#content a:active{text-decoration:none; color:#819937; background: none transparent}
#content a:visited{text-decoration:underline; color:#b5b5b5; background: none transparent}
#content a:hover{color:#fff; background:none #819937; text-decoration:none;}

h1 {font-family: Arial, Verdana, sans-serif; font-weight:normal;}
h2 {font-family: Arial, Verdana, sans-serif; font-weight:normal;}
h3 {font-family: Arial, Verdana, sans-serif; font-weight:normal;}
h4 {font-family: Arial, Verdana, sans-serif; font-weight:normal;}
p {color:#525365;}
ul {padding:0; margin:0; font-size:.85em; color:#525365; list-style:none; padding-top:5px; margin-left:7px; margin-right:10px;} 
ul li {padding-left:15px; padding-bottom:10px; background: url(../images/listBullet.gif) left 2px no-repeat transparent}

#LHWrapperSpacer {padding-left:25px;}
#LHWrapper {float:left; width:550px; display:inline; margin-left:0; margin-top:0; background: none transparent; margin-bottom:20px}
#RHWrapperSpacer {padding:7px 7px 7px 0; background: none transparent; margin-right:0}
#RHWrapper {float:right; display:block; clear:both; width:161px; margin-top:0; background: none transparent;}


/*************************************** Right-hand Boxes ******************************************/

#calendar {min-height:63px; background: url(../images/calendarBottom.gif) left bottom no-repeat transparent;}
#calendar h1 {margin:0;padding:0 0 0 10px; line-height:1.2em; background: url(../images/calEventsTop.gif) left top no-repeat transparent; margin-bottom:0; font-size:.8em;}
#calendar h1 strong {font-weight:700; font-size: 1.3em; display:block}

#RHWrapperSpacer #calendar h1 a {display:block; padding-top:6px; text-decoration:none; color:#fff; background: url(../images/calendarIcon.gif) right 10px no-repeat transparent}
#RHWrapperSpacer #calendar h1 a:link{text-decoration:none;color:#fff;}
#RHWrapperSpacer #calendar h1 a:active{text-decoration:none;color:#fff;}
#RHWrapperSpacer #calendar h1 a:visited{text-decoration:none; color:#fff; }
#RHWrapperSpacer #calendar h1 a:hover{color:#c9e00c; text-decoration:none;background: url(../images/calendarIconOver.gif) right 10px no-repeat transparent}

#calendar h1 span {display:block; padding-top:6px; text-decoration:none; color:#c9e00c; background: url(../images/calendarIconOver.gif) right 10px no-repeat transparent}
#calendar h1 span strong {font-weight:700; font-size: 1.3em; display:block}

#eventDetail {margin-top:4px; padding-left:10px; min-height:158px; background: url(../images/calEventsTop.gif) left top no-repeat #9999bd}
#eventDetail h2 {margin:0; padding:8px 0 0 0; margin:0; line-height:.9em; margin-bottom:0; font-size:1.1em; color:#fff}
#eventDetail p {font-size: 0.85em; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; padding:10px 0 0 0; width:135px;}
#eventDetail p a {text-decoration:underline; color:#fff; background: none transparent}
#eventDetail p a:link{text-decoration:underline;color:#fff; background: none transparent}
#eventDetail p a:active{text-decoration:underline;color:#fff; background: none transparent}
#eventDetail p a:visited{text-decoration:underline; color:#fff; background: none transparent}
#eventDetail p a:hover{color:#9999bd; text-decoration:none; background: none #fff}
#eventDetail p.date {font-size: 0.7em; color: #fff; padding: 3px 0 0 0; width:135px}
#eventDetailBottom {background: url(../images/eventsBottom.gif) left top no-repeat transparent; height:10px; margin-bottom:8px; color:#9999bd}

#content .bottomRHBox {line-height:.8em;background: url(../images/bottomRHBoxesBottom.gif) left bottom no-repeat #bcd30d; margin-top:5px; min-height:52px}
#content .bottomRHBox h3 {margin:0; background: url(../images/bottomRHBoxesTop.gif) left top no-repeat #bcd30d; color:#767591; line-height:1em; font-weight:bold; font-size:.95em; padding:0 0 0 8px}

#content .bottomRHBox h3 span {display:block; line-height:1em; font-size:.9em; font-weight:normal;}

#content .bottomRHBox h3.selectedSub span {display:block; color:#fff; background: url(../images/testimonialIconOver.gif) right top no-repeat transparent; font-size:1em; font-weight:bold; padding-top: 10px; margin-right:5px; padding-bottom:5px;}
#content .bottomRHBox h3.selectedSub span span {display:block; line-height:1em; font-weight:normal; background: none transparent; padding: 0; margin:0;}

#content .bottomRHBox h3.selectedTest span {display:block; color:#fff; background: url(../images/subscribeIconOver.gif) right top no-repeat transparent; font-size:1em; font-weight:bold; padding-top: 10px; margin-right:5px; padding-bottom:5px;}
#content .bottomRHBox h3.selectedTest span span {display:block; line-height:1em; font-weight:normal; background: none transparent; padding: 0; margin:0;}

#RHWrapperSpacer .bottomRHBox h3 a#subscribeLink {display:block; padding-top: 10px; margin-right:5px; padding-bottom:5px; color:#767591; text-decoration:none; color:#fff; background: url(../images/subscribeIcon.gif) right top no-repeat transparent;}
#RHWrapperSpacer .bottomRHBox h3 a#subscribeLink:link{text-decoration:none;color:#767591;}
#RHWrapperSpacer .bottomRHBox h3 a#subscribeLink:active{text-decoration:none;color:#ffff33;}
#RHWrapperSpacer .bottomRHBox h3 a#subscribeLink:visited{text-decoration:none; color:#767591; }
#RHWrapperSpacer .bottomRHBox h3 a#subscribeLink:hover{color:#fff; text-decoration:none;background: url(../images/subscribeIconOver.gif) right top no-repeat transparent;}

#RHWrapperSpacer .bottomRHBox h3 a#testiLink {display:block; padding-top: 10px; padding-bottom:5px; margin-right:5px;color:#767591; text-decoration:none; color:#fff; background: url(../images/testimonialIcon.gif) right top no-repeat transparent;}
#RHWrapperSpacer .bottomRHBox h3 a#testiLink:link{text-decoration:none;color:#767591;}
#RHWrapperSpacer .bottomRHBox h3 a#testiLink:active{text-decoration:none;color:#ffff33;}
#RHWrapperSpacer .bottomRHBox h3 a#testiLink:visited{text-decoration:none; color:#767591; }
#RHWrapperSpacer .bottomRHBox h3 a#testiLink:hover{color:#fff; text-decoration:none; background: url(../images/testimonialIconOver.gif) right top no-repeat transparent;}

/*************************************** Footer ******************************************/

#pageFooter {float:left; display:inline; width:750px; font-family:Verdana, Arial, sans-serif; text-align:left; background: url(../images/footerTop.gif) top left repeat-x #9999bd;}
#pageFooterLeft ul {padding: 0 0 0 11px; margin-top: 7px; margin-left:0; font-size:.8em;}
#pageFooterLeft li {padding: 0 8px 0 14px; display:inline; color:#fff; background: url(../images/pageFooterBullet.gif) left 1px no-repeat transparent; margin:0;}
li#footerListStart {background: none transparent; color:#fff; padding: 0 8px 0 0}
li.footerListSelected {color:#ff9f18!important; font-weight:bold;}
#pageFooterLeft {color:#fff; background: none transparent; padding-bottom:7px; float:left}
#pageFooterLeft a {color:#fff; background:none transparent; } 
#pageFooterLeft a:link{text-decoration:none;}
#pageFooterLeft a:active{text-decoration:none;}
#pageFooterLeft a:visited{text-decoration:none;}
#pageFooterLeft a:hover{color:#83a611; background:none #fff; text-decoration:none;}
#pageFooterRight {float:right; color:#fff; font-family:Verdana, Arial, sans-serif; font-size:.8em; background: none transparent; padding:7px 9px 0 0; margin:0;font-size:.80em; }
#pageFooterRight a {color:#fff; text-decoration:underline;}
#pageFooterRight a:link{text-decoration:underline;}
#pageFooterRight a:active{text-decoration:none;}
#pageFooterRight a:visited{text-decoration:underline;}
#pageFooterRight a:hover{color:#83a611; background:none #fff; text-decoration:none;}

#bottomContainer {float:left; width:750px; background: url(../images/footerBottom.gif) top left repeat-x #fff; padding-top:9px; padding-bottom: 5px; text-align:right;}
#bottomContainer img {float:none}

/*************************************** Remove rollovers from images ******************************************/
a.noRolloverImg {background: none transparent; color:#fff}
a.noRolloverImg:link {background: none transparent; color:#fff}
a.noRolloverImg:active {background: none transparent; color:#fff}
a.noRolloverImg:visited {background: none transparent; color:#fff}
a.noRolloverImg:hover {background: none transparent; color:#fff}