@charset "utf-8";
/* CSS Document */
/* COLOUR SCHEMA 
#EC1B23 - red
#F6911D - orange
#8AC43E - green
#00ACEE - blue
#8F268D - purple
#EC287A - pink
#E6E7E8 - grey
#333333 - blk / grey

*/
/* --- HTML TAGS DEFINITION ------------------------------------------------- */
		*{
			margin:0;
			padding:0;
		}
/* IE PNG Fix */
img, div, a, input { 
    behavior: url(../js/iepngfix.html) 

} 
body {
  margin: 0 auto;
  padding: 0;
  bottom: 0;
  background: #E6E7E8 url(../html/repeatbg.jpg) repeat-x center top;

}

.clearer { display: block; clear: both; margin: -1px; }

a {
  outline: none;
  color: #333333;
}
/* --- CLASSES -------------------------------------------------------------- */

#pagecontainer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  position: relative;
  background: #fff url(../html/repeatbg.jpg) repeat-x center top;

}
#ipagecontainer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  position: relative;
  background: url(../html/centerbg.jpg) no-repeat center top;

}
#innercontainer{
  clear: both;
  height: auto;
  width: auto;
  margin: 0 auto;


}
.inner-nav { 
  height: auto;
  width: auto;
  display: block;
  clear: both;	
}
.girlhardhat {
  background: url(../html/hdr-girlhardhat.jpg) no-repeat center center;
  height: 78px;
  width: auto;
  position: relative;
}
.hdsuppprograms {
  background: url(../html/hdr-supportprograms.jpg) no-repeat center center;
  height: 78px;
  width: auto;
  position: relative;
}
.hdteam {
  background: url(../html/hdr-team.jpg) no-repeat center center;
  height: 78px;
  width: auto;
  position: relative;
}
.hdadvo{
  background: url(../html/hdr-advo.jpg) no-repeat center center;
  height: 78px;
  width: auto;
  position: relative;
}
.hdpartner {
  background: url(../html/hdr-partner.jpg) no-repeat center center;
  height: 78px;
  width: auto;
  position: relative;
}

.girlhardhat h1, .hdsuppprograms h1, .hdteam h1, .hdadvo h1, .hdpartner h1{
  width: 1000px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-top: 15px;
  font-size: 32px;
}
.subnav {
	width: 1000px;
	height: 0px;
  margin: 0 auto;
  display: none;
  position: relative;
  text-align: right;
}
.subnav a {
  font-size: 13px;
  font-weight: normal;
  color: #8F278D;
}

/* --- HEADER --- */
#header { display: block; clear: both; width: 1000px; height: 180px; margin: 0 auto; }
.header-top { display: block; clear: both; width: 1000px; height: 143px; }
.findus {
  float: right;
  width: 257px;
  height: 50px;
  margin: 0 auto;
  background: url(../html/findus.png) no-repeat center top;
}
.findus a {
	display: block;
    width: 257px;
  height: 50px;
}
#sub-nav {
  float: right;
  width: 239px;
  height: 50px;
  margin: 0 auto;
  background: url(../html/top-nav.png) no-repeat center top;
}
#sub-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 32px;
}
#sub-nav ul li{
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  height: 33px;
  width: 33px;
  text-transform: lowercase;
  text-decoration: none;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 5px;
}
#sub-nav ul li a span, .findus a span { 
	position: absolute;
  width: auto;
  height: -1px;
  text-indent: -10000px;
  top: -10000px
}
#sub-nav ul li a{ padding-top: 5px; }
.logo { float: left; display: inline; }

/* --- NAV / MENU --- */
#menu{
  width: 1000px;
  display: block;
  clear: both;
  position: relative;
  height: 37px;
}

#menu ul, #menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li {
  float: left;
  display: inline;
  text-decoration: none;
  margin-right: 3px;
  background: url(../html/menu-purp-repeat.png) repeat-x center top;

}

#menu li a {
  text-decoration: none;
  display: block;
  padding-left: 12px;
  color: #FFFFFF;
  height: 37px;
  font: bold 13px/33px Verdana, Arial, Helvetica, sans-serif;
  background: url(../html/menu-purp-left.png) no-repeat left top;
}

.last a{}
#menu ul li a span{
  background: url(../html/menu-purp-right.png) no-repeat right top;
  height: 37px;
  padding-right: 9px;
  display: block;
}
.obepblog { background: url(../html/menu-green-repeat.png) repeat-x center top !important; margin-left: 50px !important; }
.obepblog a {  background: url(../html/menu-green-left.png) no-repeat left top !important; }
.obepblog a span { background: url(../html/menu-green-right.png) no-repeat right top !important; }
.membersonly { background: url(../html/menu-org-repeat.png) repeat-x center top !important;  }
.membersonly a {  background: url(../html/menu-org-left.png) no-repeat left top !important; }
.membersonly a span { background: url(../html/menu-org-right.png) no-repeat right top !important; }
#menu ul li:hover { background: url(../html/over/menu-purp-repeat.png) repeat-x center top; }
#menu ul li a:hover { background: url(../html/over/menu-purp-left.png) no-repeat left top; }
#menu ul li a span:hover {  background: url(../html/over/menu-purp-right.png) no-repeat right top; }
.becomepartner {
  width: 328px;
  height: 47px;
  display: block;
  background: url(../html/becomepartner.gif) no-repeat center top;
  margin-bottom: 3px;
}
.takesurvey {
  width: 328px;
  height: 47px;
  display: block;
  background: url(../html/takeoursurvey.gif) no-repeat center top;
  margin-bottom: 3px;
}
.obepbloghome {
  width: 328px;
  height: 47px;
  display: block;
  background: url(../html/obepblog.gif) no-repeat center top;
}
.becomepartner, .obepbloghome, .takesurvey {
	background-position: 0 -47px;
}
.becomepartner span, .obepbloghome span, .takesurvey span{
	display: none;
}
/* --- // NAV / MENU --- */

/* --- //HEADER --- */
/* --- CONTENT --- */
#content {
  min-height: 425px;
  height: auto;
  margin: 0 auto;
  clear: both;
  width: 1000px;
	display: block;
  padding-top: 10px;
  padding-bottom: 25px;
}
.innercontent {
  min-height: 350px;
  height: auto;
  margin: 0 auto;
  clear: both;
  width: 1000px;
	display: block;
  padding-bottom: 25px;
}

/* --- //CONTENT --- */
/* --- FOOTER --- */

#pagefooter {
  clear: both;
  display: block;
  width: auto;
  margin: 0 auto;
  position: relative;
  height:auto;
  color: #BAAC8D;
  text-align: center;

}
.footerclear {
	width: auto;
  display: block;
  clear: both;
  height: auto;
}
.innerfooter {
  clear: both;
  height: auto;
  width: 987px;
  margin: 0 auto;
  bottom: 0;
  position: relative;
  color: #BAAC8D;
  font-weight: normal;
  font-size: 12px;

}
#footer {
  display: block;
  height: auto;
  width: auto;
  min-height: 200px;
  margin-top: 25px;
  background: #E6E7E8 url(../html/footer.gif) repeat-x center top;
}
#footer .left { float: left; display: inline; width: 570px; text-align: left;  padding-top: 15px;}
#footer .right {
  float: right;
  display: inline;
  width: 120px;
  text-align: right;
  margin-top: -15px;
}
#footer .right ul {
  margin: 0;
  padding: 0;
  list-style: none;

}
#footer .left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  clear: both;
}
#footer .left ul li{
  list-style: none;
  height: auto;
  width: auto;
  display: inline;
  float: left;
  margin-top: 0;
  margin-right: 2px;
  margin-left: 0;

}
#footer .left ul li a {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 22px;
  color: #333333;
  text-decoration: none;
    border-right: 1px solid #999999;
}
#footer .left ul li.end a{
border-right: 0px solid #ccc;
}
#footer .right ul li{
  list-style: none;
  height: 29px;
  width: 33px;
  display: inline;
  float: left;
  margin-top: 0;
  margin-right: 2px;
  margin-left: 0;
}
#footer .right ul li a {
  color: #BAAC8D;
  text-decoration: none;
}
#footer .right ul li span { float: left; }

#footer .right ul li.last{ border-right: 0px !important;}
.designbox {
  display: block;
  clear: both;
  font-size: 11px;
  font-weight: normal;
  padding-top: 10px;
  padding-left: 10px;
  color: #000000;
}
.designby a{
   font-size: 11px;
    font-weight: normal;
}
#footermenu a{}

#subfooter a {}
/* --- //FOOTER --- */

/* --- Path / Forms --- */

.clearer { width: 1px; height: 2px; margin: 1px; clear: both; }
select {}
input {}
iframe { text-align: center; }
form { margin: 0px; }
label {
  display: block;
  font-weight: bold;
  padding: 2px;
}
.required {	}


/* --- template specifics ---*/
/* --- ABOVE FOR DEV ONLY - template specifics ---*/

/* BLOG - RELATED STYLES */
.blog-left{
  float: left;
  display: inline;
  width: 705px;
  height: auto;
  padding-right: 25px;

}
.blog-menu {
 float: right; 
 display: inline; 
 min-height: 1000px;
 height: auto; 
   width: 235px;
  padding: 4px;
  padding-left: 25px;
  background: url(../html/rightmenuline.png) no-repeat left top;
 
 } /* right menu */
.doc-recentposts { margin: 0; padding: 0; list-style: none; }
.doc-recentposts li{
  margin: 0;
  padding: 2px 0 3px;
  list-style: none;
  border-bottom: 1px dotted #CCCCCC;
}
.doc-recentposts a, .docyears a, {
  font-size: 11px;
  font-weight: normal;
}
.blogpostdate { font-size: 11px; }
.blog h1 {
	  margin-top:15px;
  font-size: 20px;
   color: #77A12D;
  margin-bottom: 10px;
  font-style: italic;
  font-weight: bold;
}
.blog-menu h3 {
  padding: 2px 2px 2px 4px;
  background: #8DC53E;
  color: #FFFFFF;
  font-size: 15px;
  margin-top: 10px;
}
.articles-item { margin: 0; padding-bottom: 15px; padding-top: 10px; margin-bottom: 5px; border-bottom: 1px dotted #CCCCCC; }
.articles-item h2 { margin: 0; padding: 0; }
.docauthpub { font-size: 12px; }
.docyears {
  display: block;
  clear: both;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 2px;
}
.docyears li {
	width: 45%;
  float: left;
  display: inline;
   list-style: none;
  margin: 0; padding: 0;
}
.archives {
	display: block;
  clear: both;
  width: auto;
  height: auto;
  padding-bottom: 4px;
  padding: 4px;
}
.searchform {
	padding: 4px;
}
/* form styles */
input {
  padding: 2px;
  border: 1px solid #333333;
}
.textar, textarea {
  padding: 2px;
  border: 1px solid #333333;
  font: 13px Arial, Helvetica, sans-serif;

}
.frmbut {}
.required {
  font-size: 11px;
  color: #FF0000;
  font-weight: normal;
}

.contactform {
  padding: 10px;
  margin: 0px;

}
div.error {
  color: #FF0000;
  width: 300px;
  height: auto;
  float: right;
  padding: 10px;
  border: 1px solid #FF0000;
  background: #FFFFFF;
}
.error { color: #FF0000; }

/* Photo Gallery Styles */
#gallery-display {
  margin-top: 10px;
  clear: both;
  width: 100%;
}
ul.galleryview {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
li.gallery-item {
  margin: 0 2px 2px 0;
  padding: 0;
  text-align: center;
  width: 150px;
  height: 205px;
  padding: 2px;
  float: left;
  display: inline;

}
li.gallery-item img { display: block; }
.thumbphoto {
  width: 145px;
  height: 145px;
    border: 1px solid #ccc;
    padding: 3px;
}
.downloadlink { font-size: 11px; }

li.gallery-item .thumbphoto:hover { border: 1px solid #003366; }
/* HOME SPECIFIC */
	
  .hometop {
  	display: block;
    clear: both;
    width: auto;
    height: 280px;
 
  }
  .homebottom {
  	display: block;
    clear: both;
    width: 1000px;
    height: 280px;
    margin-bottom: 10px;
	 }
  .slides {
  	float: left;
    display: inline;
    width: 665px;
    height: 280px;
  }
  .partner-blog {
    	float: right;
    display: inline;
    width: 328px;
    height: 280px;
  }
    .partner-blog img{
    margin-bottom: 3px;
    }
  .home-partner {}
  .home-blog {
  padding: 3px;
  font-size: 12px;
}
	.bota, .botb, .botc {
  width: 290px;
  min-height: 270px;
  height: auto;
  float: left;
  display: inline;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 15px;
  }
  .bota, .botb {
  	border-right: 1px solid #ccc;
  }
  .homebottom h3 {
  text-transform: uppercase;
  color: #333333;
  font: bold 24px "Century Gothic", Arial, Verdana;
  margin-bottom: 25px;
  }
/* blog -- */

.sbutton {
  font-size: 11px;
  border-top: 1px solid #D0C8B3;
  border-right: 1px solid #312E27;
  border-bottom: 1px solid #312E27;
  border-left: 1px solid #9B895E;
  background: #B0A385;
  font-weight: normal;
  color: #241613;
  text-transform: uppercase;
}
.home-blog .blogtitle {
  text-transform: uppercase;
  color: #333333;
  font: bold 15px "Century Gothic", Arial, Verdana;
}
.home-blog  {
	padding-top: 10px;
  padding-left: 10px;
}
.home-blog a:hover {
	text-decoration: none;
}
.sociallinks { padding: 4px; border: 1px solid #ccc; background-color: #eee; margin-top: 12px; }
.sociallinks span{
  margin-right: 4px;
  font-weight: bold;
  text-transform: uppercase;
}
#commenting fieldset { padding: 10px; }
#commentingform { padding: 5px; }
#commentingform label{ display: block; font-weight: bold; }
.commentbutton { display: block; }
#usercomments { padding: 5px; }
#document-comments-header {font-weight: bold;}

/*pagination */
div#pagingnav {
  height:25px;
  width: 99%;
  display: block;
  clear: both;
  text-transform: uppercase;
  font-size: 15px;
  padding: 3px;
  padding-left: 0px;
  line-height: 24px;
  margin-top: 20px;
 }
div#pagingnav .count {
  float:left;
  padding:5px;
  text-transform: uppercase;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
     }
div#pagingnav .pages {
     float:right;
      padding:5px; 
     }

div#pagingnav { padding: 3px; margin: 3px; }
div#pagingnav a {
  padding: 2px 8px;
  margin: 1px;
  border: 1px solid #8F268D;
  text-decoration: none; /* no underline */
  color: #8F268D;
  background: #FFFFFF;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
}
div#pagingnav a:hover, div.paging a:active {
  border: 1px solid #8F268D;
  color: #FFFFFF;
  background: #8F268D;
}
div#pagingnav span.pageon {
  padding: 2px 8px;
  margin: 1px;
  border: 1px solid #8F268D;
  font-weight: bold;
  color: #FFF;
  background: #8F268D;
     }
div#pagingnav span.disabled {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #CCCCCC;
     color: #CCCCCC;
}
.members-menu h3 {
  background: #8F278D;
  padding: 3px 3px 3px 6px;
  color: #FFFFFF;
  font-size: 15px;
}
.members-menu ul { list-style: none; }
.members-menu ul li {
  text-decoration: none;
  line-height: 23px;
}
.members-menu ul li.dada {

padding: 2px;
}

.members-menu ul li li {
  padding: 2px;

}
.members-menu ul li img {
	float: left;
  margin-right: 4px;
}
.members-menu ul li a{
  text-decoration: none;
  line-height:22px;
}
.dada {

}
/* --- Print version --- */

@media print {
body { background-color:#fff; }
}
.reqd { color: #FF0000; }