body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 13px;
    background-color: #4076b3;
}

h2 {font-size: 18px !important;}

img { border: none; }

div#wrap {margin: 20px auto; width: 975px; border: 1px solid #fff; }

div#wrap.style1 {
    background: #fff url('../images/rightColBack.gif') repeat-y right top;   
}

div#wrap.style2 {
    background: #fff url('../images/rightColBack.gif') repeat-y right top;   
}

div#wrap.style3 {
    background: #fff url('../images/rightColBack.gif') repeat-y right top;  
}

div#wrap.style1 div#header {
    background: url('../images/bpsLogo.gif') no-repeat left top;
    height: 154px;
 }
 
 div#wrap div#header img.logo {
	 padding: 6px 14px;
	 background:transparent;
 }

div#wrap.style2 div#header {
    background: url('../images/bpsLogo.gif') no-repeat left top;
    height: 154px;
 }
 
 div#wrap.style3 div#header {
    background: url('../images/bpsLogoStyle3.gif') no-repeat left top;
    height: 154px;
 }
 
 
 .footer {
         background: #fff url('../images/footerBack.gif') repeat-x left top;
         border-top: 2px solid #fff;
	 font-size: 10.5px;
	 text-align: center;
	 color:  #4b88c7;
	 padding: 0 0 5px 0;
 }
 
.rightcol {
    float:right;
    width: 178px;
    border-left: 2px solid #fff;
}

div#wrap.style1 div#leftcol {
    float:left;
    width: 795px;
    background-color: #fff 
}

div#wrap.style2 div#leftcol {
    float:left;
    width: 795px;
    background-color: #fff 
}

div#wrap.style3 div#leftcol {
    float:left;
    width: 975px;
    background-color: #fff 
}



div#wrap.style1 div#content { width: 795px;  background:url('../images/contentBack.gif') repeat-y}
div#wrap.style2 div#content { width: 795px;  }
div#wrap.style3 div#content { width: 975px; }


#home { background: none; }


.contentLeft {
   float:left;
   width: 226px;
   background: #dce8f4 url('../images/contentLeftBack.gif') repeat-x;
}

.contentLeft ul {
    list-style-type:none;
    margin: 20px;
    padding:0;
}

.contentLeft ul li {
    margin: 10px 0;
}

a,a:link,a:visited { text-decoration:none; color: #4b88c7; }

a:hover { text-decoration:underline; }

.contentRight {
   float:left;
   width: 528px;
   padding: 15px 20px;
   background: url('../images/contentTopBack.gif') no-repeat left top;
}

div#wrap.style2 .contentRightWiderTop {
   width: 796px;
   background: url('../images/contentTopBackWider.gif') no-repeat left top;
   height: 11px;
}

div#wrap.style2 .contentRightWider .contentRight {
   width: 776px;
   background: url('../images/contentWiderBack.gif') repeat-y right top;
}



div#wrap.style3 .contentRightWider .contentRight {
   width: 766px;
   background: url('../images/contentWidestBack.gif') repeat-y right top;
}


div.gmenu { height: 34px; background: url('../images/gnavWrapBack.gif') repeat-x left bottom; }

.contentRight li {
  margin-left: 50px;
}

div.search{
    float:right;
    margin: 10px 10px 0 0;
    color: #f8f8f8;
    font-weight: bold;
}

div.videoContainer {
	float:left;
	margin-right: 15px;
}

label.searchlabel {
    color: #f8f8f8;
    font-weight:normal;
}

ul.quickLinks li a, ul.jd_menu_bps li ul li a {
    font-size: 12px;
    line-height: 16px;
 
}

.clear {clear:both;}

.search-result {
    border-bottom: 1px dotted #ccc;    
    margin: 0 0 10px 0;    
    padding: 0 0 10px 0;
}

input.quiz-answer {
}

.pagination {
    float:right;
}


.pagination .prev {
    float:left;
}

.pagination .next {
    float:right;
}

.pagination {
    font-size: .75em;
    margin: 5px 0;
    padding: 5px 0;
    height: 16px;
}

.pagination a {color: #4b88c7 !important; }

.clear {
    clear:both;
    line-height: 0;
}

span.correct-answer {
    color: red;
    padding-left: 5px;
}

div.question-feedback {
    color: #666;
    margin: 10px 0 0 0;
    font-weight: bold;
}

div#definition dt {
    font-weight: bold;
}



p.legend {
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}


.footer ul li {
    list-style-type:none;
    display: inline;
    padding-right: 20px;
}

.footer ul li a {
    color: #1e4991;
    text-decoration: underline;
}

div.imageWrap {
	float:right;
	margin: 0 0 0 40px;	
}

ul li { list-style-type: none; margin:0; padding:0; }
ol {margin:0 0 0 20px; padding:0;}
ol li {margin:0 0 5px 0; padding:0;}

ul.list li {margin:0 0 5px 0; padding: 0; list-style-type: square;}
ul.list {margin:5px 15px; padding: 0;}

dl.glossary dt, dl.links dt  { margin-top: 10px;}
dl.glossary dt { color: #1E4991;}
dl.links dt { color: #1E4991; font-size: 16px; margin: 10px 0;}
dl.links dd  { margin-bottom: 5px;}
dl.links dd  a { color: #000; }
dl.links dd  a:hover { color: #4B88C7; }
dl.links dd  a.find { color: #EBAF00; padding: 0 0 0 10px; font-size: 12px; font-style: italic;}


div.org {margin-bottom: 10px;}
div.org div.name {font-weight: bold;}
div.professional-resources h3 {color:#1E4991;}
div.professional-resources a {color:#EBAF00;}

div.questions-to-ask-your-contractor p strong {color: #1E4991;}

div.newsLetterArea { padding: 15px 10px 10px 10px;}
div.newsLetterArea div.newsDesc p { color: #4b88c7; font-size: 12px; }
div.newsLetterArea div.newsDesc p a { color: #ebaf00; font-style: italic; font-weight: bold; font-size: 12px}
div.newsLetterArea div.newsCurrent p { padding-left: 5px;}
div.newsLetterArea div.newsCurrent p h3 { margin:0 0 5px 0; }
div.newsLetterArea div.newsCurrent p div.read{width: 75px; font-style: italic; font-size: 12px; font-weight: bold; }
div.newsLetterArea ul.newsLetters { margin:10px; padding:0; float:left;}
div.newsLetterArea ul.newsLetters li { margin:0 3px 3px 0px; padding:0; font-size: 11px; font-weight: bold;}
div.newsLetterArea ul.newsLetters li a { color: #4b88c7 !important;}


ul.videoSections { padding:0; margin:0 0 10px; }
ul.videoItems  { float:left; padding:0; margin:0 0 10px; }
ul.videoSections li { padding:0 5px 0 0; margin:0 5px 0 0; }
ul.videoItems li {  padding:0 5px 0 0; margin:0 5px 0 0;  }
ul.videoItems li a , ul.videoItems a { color: #4b88c7 !important; font-weight: normal;  }

ul.training { margin:0; padding:0;}
ul.training li { margin: 0 0 5px 10px; padding:0;}

div.resultItem { margin-bottom: 8px;}

span.hit { background-color: yellow }

.yellow
	{ 
	color : #ebaf00; 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	font-weight : normal;  
	line-height : 17px;
	}

div.homeLeftCol { float:left; text-align: center; font-size : 12px; line-height : 18px; width: 248px;}
div.homeLeftCol div.first { color: #1e4991; margin: 5px 0 5px 0;  }
div.homeLeftCol div.second { color: #4b88c7; margin: 0 0 11px 0; }
div.homeLeftCol div.second strong { font-size: 16px; }
div.homeLeftCol div.second a { color: #ebaf00;  font-size: 24px; position: relative; top: 0px;}
div.homeLeftCol div.third a { color: #ebaf00;  font-size: 11px; position: relative; top: 0px;}
div.homeRightCol { float:left; width: 290px; padding: 0 0px 0 10px;}
div.homeRightCol h2 { margin:0; color: #1e4991; line-height: 24px; font-size: 18px;}
div.homeRightCol ul li { margin: 0 0 5px 15px; padding:0; list-style-type: disc; }
div.homeRightCol ul {  margin:5px 0 0 0; padding:0; color: #4b88c7;}
div.homeRightCol p {  color: #4b88c7;}
div.homeRightCol div.rule { width: 221px; background: url(../images/rule.gif) repeat-x center center; margin: 5px 0}
div.homeRightCol h2.head1 {background: url(../images/whyShouldI.png) no-repeat left top; height: 96px; width: 284px;}
div.homeRightCol h2.head2 {background: url(../images/isTheTraining.gif) no-repeat left top; height: 31px; width: 221px;}
div.homeRightCol h2 span {visibility:hidden; }

ul#gnav { font-size: 12px; margin: 0px; padding: 0px; height: 29px; clear: both;}
ul#gnav li#menu1 { background: transparent url('../images/aboutBack.gif'); width: 191px; }
ul#gnav li#menu2 { background: transparent url('../images/courseInfoBack.gif'); width: 144px; }
ul#gnav li#menu3 { background: transparent url('../images/courseRegBack.gif'); width: 150px; }
ul#gnav li#menu4 { background: transparent url('../images/contractorResourcesBack.gif'); width: 160px; }
ul#gnav li#menu5 { background: transparent url('../images/forHomeOwnerBack.gif'); width: 150px; }
div#wrap.style3 ul#gnav li#menu6 { background: transparent url('../images/homeGnavBack.gif'); width: 178px; }
div#wrap.style1 ul#gnav li#menu6 { display:none; }
div#wrap.style2 ul#gnav li#menu6 { display:none; }
ul#gnav li#menu1.sfHover { background: transparent url('../images/aboutBackOn.gif'); width: 191px; }
ul#gnav li#menu2.sfHover { background: transparent url('../images/courseInfoBackOn.gif'); width: 144px; }
ul#gnav li#menu3.sfHover { background: transparent url('../images/courseRegBackOn.gif'); width: 150px; }
ul#gnav li#menu4.sfHover { background: transparent url('../images/contractorResourcesBackOn.gif'); width: 160px; }
ul#gnav li#menu5.sfHover { background: transparent url('../images/forHomeOwnerBackOn.gif'); width: 150px; }
ul#gnav  li.gnavi  { float:left; margin: 0px; cursor: pointer;height: 29px;}
ul#gnav  li.gnavi a span { visibility: hidden;}
ul#gnav  li.gnavi ul li a span { visibility: visible;}
ul#gnav li.gnavi a { text-decoration: none; }
ul#gnav li.gnavi a:hover { text-decoration: none; }

dl.sitemap dd dl { margin-left: 20px; }
dl.sitemap dd  { margin-bottom: 5px; }
dl.sitemap dt  { margin: 15px 0; }
dl.sitemap dd dl dt { margin: 5px 0; }

table td.label { text-align: right; padding-right: 20px; font-style: italic;}
table { margin-bottom: 15px;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/*** BPS SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		5px;
	text-decoration:none;
	color: #4b88c7;
}

.sf-menu li.sfHover ul li a:hover {
	text-decoration:underline !important;
	color: #1e4991; !important;
}

.sf-menu li.sfHover ul li a:hover span {
	color: #ebaf00;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #4b88c7;
}

.sf-menu li li a {
	background: #fff;
	color: #4b88c7;
}


.sf-menu li a span {
	color: #4b88c7;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fff
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

li.top { border-top: 1px solid #7999c6;;border-right: 1px solid #7999c6;;border-left: 1px solid #7999c6;}
li.middle { border-right: 1px solid #7999c6;;border-left: 1px solid #7999c6;}
li.bottom { z-index: 1; border-bottom: 1px solid #7999c6;;border-right: 1px solid #7999c6;;border-left: 1px solid #7999c6;}

li#menu5 ul li ul li { z-index: 5; }
li#menu2 ul li ul li { z-index: 5; }


dl.sitemap dt a, dl.sitemap dd a {
	color:#4b88c7 !important;
}