@charset "utf-8";
/* CSS Document */

/*sub*/

/* dropdown style in CMS */
#centerContent .quotes font{font-style:italic; font-weight:bold; color:#808000; }
#centerContent .quotes p{font-style:italic; font-weight:bold; color:#808000; }
#centerContent .quotes {font-style:italic; font-weight:bold; color:#808000; }


html #container-bottom {margin: 0 auto; width: 968px; height: 50px;clear:left;background: url(/images/sub/sub-bottom.png) no-repeat;}
a {color: #26547C;}
a:hover {color:#4689D9 }

/* Clears */
#subContentInner:after, #centerContent:after {content: ".";visibility: hidden;display: block;clear: left;height: 0;}

#subContent {clear: left; margin-left: 14px;background: url(/images/sub/lcol-bg.gif) repeat-y }
#subContentInner {
    background: url("/images/sub/sub-content.png") no-repeat scroll 0 0 transparent;
}	
	
#leftNav {width: 174px; float: left;background: url(/images/sub/lnav-bg.jpg) 0 0 no-repeat}
#leftNav ul {margin-top: 9px}
#leftNav ul ul {margin-top: 0}
#leftNav li {font-size: 11px;line-height: 110%}
#leftNav li li a {padding-left: 25px}
#leftNav li div {background: url(/images/sub/lnav-active-bottom.jpg) 0 0 no-repeat;padding-top: 1px}
#leftNav li div div {background: url(/images/sub/lnav-active-bottom.jpg) 0 100% no-repeat;padding-top:0;padding-bottom: 1px}
#leftNav a {font-weight: bold; color:#1F4067;display: block;text-decoration: none; padding: 5px 15px 5px 14px;}
#leftNav a:hover {color:#4689D9;}

li.activeNav {background: url(/images/sub/lnav-active-top.jpg) no-repeat}
li.activeNav ul {background: url(/images/sub/lnav-active-ul.jpg) repeat-y;padding-bottom:2px;}

#leftNav li.activeNav a {background: url(/images/sub/lnav-active-bottom.jpg) no-repeat}
#leftNav li.activeNav a:hover {color:#000;}
#leftNav li.activeNav li a:hover {color:#4689D9;}

#leftNav li.activeNav li a {background: none}

	
#leftNav  h3 {position: relative; display: block; height: 40px; background-repeat: no-repeat; background-color: transparent; background-attachment: scroll; background-position: 13px 21px;text-indent: -9999px;}		
		
h3.certification {background-image: url(/images/sub/head/certification.jpg); position:absolute;}
h3.certification a{position:relative;width:143px;height:30px;}

h3.news {background-image: url(/images/sub/head/news.jpg); position:absolute;}
h3.news a {position:relative;width:143px;height:30px;}

h3.resources {background-image: url(/images/sub/head/resources.jpg); position:absolute;}
h3.resources a {position:relative;width:143px;height:30px;}

h3.careers {background-image: url(/images/sub/head/careers.jpg); position:absolute;}
h3.careers a {position:relative;width:143px;height:30px;}

h3.accreditation {background-image: url(/images/sub/head/accreditation.jpg); position:absolute;}
h3.accreditation a {position:relative;width:143px;height:30px;}

h3.training {background-image: url(/images/sub/head/training.jpg); position:absolute;}
h3.training a {position:relative;width:143px;height:30px;}

h3.about {background-image: url(/images/sub/head/about.jpg); position:absolute;}
h3.about a {position:relative;width:143px;height:30px;}

h3.community {background-image: url(/images/sub/head/community.jpg); position:absolute;}
h3.community a {position:relative;width:143px;height:30px;}

h3.sitemap {background-image: url(/images/sub/head/sitemap.jpg); position:absolute;}
h3.sitemap a {position:relative;width:143px;height:30px;}

h3.contact {background-image: url(/images/sub/head/contact.jpg); position:absolute;}
h3.contact a {position:relative;width:143px;height:30px;}

#leftNav h3.person{background-image:url(/images/sub/head/what-really-matters.jpg
);} 
h3.person a {position:relative;width:143px;height:30px;}

/* new nav */
#leftNav h3.training{background-image:url(/images/sub/head/certificationTraining.png); background-position:15px 19px}
#leftNav h3.Organization{background-image:url(/images/sub/head/organizationTransformation.png); background-position:15px 8px}
#leftNav h3.accreditation{background-image:url(/images/sub/head/CQLAccreditation.png); background-position:15px 17px}
#leftNav h3.resources{background-image:url(/images/sub/head/resourcesTools.png); background-position:15px 19px}
/* end new nav */
 
#centerContent {width:769px;float:left;position: relative;}
#centerContent p {padding-bottom: 15px;color:#333333;line-height: 1.3;padding-right: 15px;}
#centerContent h2 {padding: 4px 0 18px 0; color: #333; font-size: 15px; font-weight: bold}
#centerContent h3 {font-size: 14px; color: #26547C;font-weight:bold;margin-bottom: 4px;}
#centerContent h3 a {color: #26547c}
#centerContent h3 a:hover {color:#4689D9}
#centerContent ul {clear:left;padding-bottom: 15px;}
#centerContent ul ul {padding-top: 8px; padding-bottom: 0px}
#centerContent ul li {color:#333333;padding-left:13px ;padding-bottom: 7px; line-height: 110%; background: url(/images/sub/bullet.gif) 2px .4em no-repeat}
#centerContent hr {margin: 4px 20px 8px 0; display: block;height: 1px; font-size: 1px; line-height: 1px;color: #ccc;border: 0;background-color: #ccc;}

#centerContent p.subHead {color:#998A39;font-size:15px;font-weight:bold;margin-left:23px;padding-bottom:10px;}

#centerContentLeft {width:543px;float: left;margin-top:4px;}
#centerContent .wide {width: 736px}

html #breadcrumb {padding-bottom: 4px; margin: 18px 0 0 23px;}
#breadcrumb {font-size: 11px; color: #535353; width:400px;}
html #breadcrumb li {background: none; padding: 0; line-height: 110%; display: inline; color: #ccc; font-size: 11px}
#breadcrumb a {color: #26547C;font-size: 11px;}
#breadcrumb a:hover {color:#4689D9;}

h1 {font-size: 20px; color: #26547C;margin-left: 23px;font-weight:bold;margin-bottom:10px;}
.h1Byline {color:#998A39;margin: 3px 0 0 23px; font-size: 15px}

.stbutton {left: 445px; }
.stbutton img  {padding-right: 5px;}
.email {background: url(/images/sub/mail.jpg) 0 2px; left: 564px ;}
.print {background: url(/images/sub/print.jpg)  0 2px; left: 698px;}
.email, .print, .stbutton {display: block; margin-top: 20px; font-size: 11px; color: #26547C;padding-left:23px;bottom:9px;position: absolute;  background-repeat: no-repeat}
.email:hover, .print:hover, stbutton:hover {color:#4689D9;}

.imageWrap1 img {display: block;}
.imageWrap1 {position:relative; top:-4px; margin: 1px 0 14px 19px;  background: url(/images/sub/photo/tl.jpg) no-repeat}
.imageWrap2 {background: url(/images/sub/photo/tr.jpg) 100% 0 no-repeat}
.imageWrap3 {background: url(/images/sub/photo/bl.jpg) 0 100% no-repeat}
.imageWrap4 {padding: 7px; background: url(/images/sub/photo/br.jpg) 100% 100% no-repeat}
#centerContent .floatLeft {float:left;margin: 1px 13px 8px 20px;}

.gradientBg {width: 201px; margin: 0 auto;padding: 12px 3px; background: url(/images/sub/eventbox-gradient-bg.jpg) repeat-x #f3f3f3;}
.gradientBg:after {content: ".";clear:left;visibility:hidden;height:0;display:block}
.gradientBg dt {clear:left;float:left;width:60px;white-space:nowrap;text-align:right;color:#998A39;margin-right: 10px;}
.gradientBg dd {white-space:nowrap;text-align:left;width:130px;float:left;font-weight:bold;color:#131415;}

#centerContent .glossary {margin-bottom: 15px; margin-left: 23px; padding-left: 0}
#centerContent .searchpage {margin-bottom: 15px; margin-left: 0px; padding-left: 0}
.contentWrapper {margin-left: 23px; }

#centerContent .backToTop {font-size: 11px; padding-bottom:0;background: url(/images/sub/back-to-top.gif) 0 50% no-repeat;padding-left: 14px;clear:both;}
.backToTop {clear:left;}
.backToTop a {color:#26547C;}
.backToTop a:hover {color: #4689d9 ;}

#centerContentRight {margin-top: 0;float: left; width:226px;background: url(/images/sub/rcol-body.jpg) repeat-y }
#centerContentRight-inner {background: url(/images/sub/rcol-top.jpg) no-repeat}
#centerContentRight-inner2 {background: url(/images/sub/rcol-bottom.jpg) 0 100% no-repeat;padding-top:24px;padding-right: 18px;padding-bottom: 8px;}
#centerContentRight h3 {margin-left: 21px;}
#centerContentRight ul {margin-left: 18px;}
#centerContentRight h3 {margin-bottom: 10px; font-weight: bold; color: #fff;font-size: 14px;}
.portletHorizontalRule {background: url(/images/sub/portletDivider.jpg) no-repeat; width: 214px; height: 19px; margin-left: 6px;}
#centerContentRight .portletActive a	{color: #ffffff; font-weight: bold;}

#centerContentRight ul a {color: #DDD69B;font-weight: bold}
#centerContentRight ul a:hover {color: #fff}
html #centerContentRight li {padding-top: 3px; padding-left: 19px; background: url(/images/layout/newsevents-bullet.png) 0 2px no-repeat;list-style: none;}

#centerContentRightCallout {margin-left: 18px;margin-bottom: 20px; background: url(/images/sub/rcol-inner-body.jpg) repeat-y}
#centerContentRightCallout-inner {background: url(/images/sub/rcol-inner-top-get-inspired.jpg) 0 0 no-repeat}
#centerContentRightCallout-inner2 {width: 178px; padding: 0 5px 20px 5px;background: url(/images/sub/rcol-inner-bottom.jpg) 0 100% no-repeat}

#centerContentRight #centerContentRightCallout img {display:block; border-bottom: 1px solid #597DAB }
#centerContentRight #centerContentRightCallout p {margin-left:0; font-size: 11px;  color: #fff;padding-top: 13px; padding: 13px 15px 0 15px;  background: url(/images/sub/rcol-callout-p-bg.jpg) 0 0 no-repeat; min-height: 37px;}
#centerContentRight #centerContentRightCallout p a {color: #fff}

#centerContentRight #centerContentRightCallout h2 {margin:0;padding:0}
#centerContentRight #centerContentRightCallout h2 a {display: block; height: 35px;text-indent: -9999px;}

#centerContent .didYouKnow {margin: 0 0 0 20px;width: 207px;float: right;margin-right:11px}
.didYouKnow-inner {background: url(/images/sub/didyouknow.jpg) 0 0 no-repeat #eee;}
.didYouKnow h3 {margin-bottom: 10px;text-indent: -9999px;height: 35px;}

#centerContent .didYouKnow ul {margin: 0; padding: 3px 0 4px 3px;}
#centerContent .didYouKnow ul li {background: none;color: #998A39;font-weight: bold}

/*News Detail*/
.info {font-size:11px;}
.info a {font-weight:bold;}

/* News Index */
#centerContent .currentLink {line-height: 34px; vertical-align: middle; float:left;height:34px;border-right: 1px solid #fff;padding: 0 6px 0 12px}
.currentLink a {color:#26547C;font-weight:bold;white-space:nowrap;}
.currentLink a:hover {color:#4689D9}
.currentLink span {color:#8F8135}
#centerContent .viewBar {position: relative;left: -3px;margin-left:0;width: 480px;margin-bottom: 20px}
.viewBar .gradientBg {width: auto;padding:0 0 0 0; background: url(/images/sub/view-block-bg.jpg) repeat-x #f3f3f3}
.viewBar .imageWrap4 {padding:5px;}
.viewForm {float:left;width: 320px;}
.viewForm select.yearSelect {float:left;display:block;}
.viewForm input.image {float:left;display:block}
.viewForm input.text {float:left;display:block;}
.viewForm label.yearSelect {padding: 0 10px 0 10px;line-height: 32px;height: 34px; vertical-align:middle; display:block;float:left;color: #535353;font-weight:bold}
.viewForm select.yearSelect {border: 1px solid #809db9; margin-top: 6px; margin-right: 4px; }
#centerContent p.date {color: #535353; padding-bottom: 0;font-weight:bold}


#centerContent .viewBar .gradientBg p {padding-bottom: 0}

/* Resources */
fieldset.viewStories {display: block;margin-left: 13px; }
fieldset.viewStories label.select {color:#7C702E;font-weight:bold;display:block;margin-bottom:9px;font-size:11px}
fieldset.viewStories select {border: 1px solid #809db9;margin-bottom: 4px; font-size:11px}
fieldset.viewStories input.image {position:relative; left: -3px}

#leftNav .hr {background: url(/images/sub/lcol-divide.jpg); width: 174px; height: 15px; margin: 5px 0 12px 0}

#centerContentRight p {margin-left: 21px; color:#fff;font-size:11px}
#centerContentRight p a {color:#fff}
#centerContentRight p a span {color: #DDD69B;}
#centerContentRight p a:hover {color:#DDD69B}

.resourceImage {/*margin-left: 21px;*/ display:block; border: 1px solid #305478;margin-bottom: 10px; }

/* Site Map */
#centerContent h2.sitemap a{padding: 0px 0 0px 0; color: #333; font-size: 15px; font-weight: bold}

/* Pagination Bar */

.paginationWrapper {
	float: right;
}

.pagination {
	margin: 10px 20px 10px 0; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	line-height: 23px; 
	text-align:right;
	float: right;
	width: 692px;
}
.pagination:after {content:".";height:0; display:block;clear:left;visibility:hidden}
.pagination a {
	display:block;
	float:left;
	line-height: 23px;
	font-size: 11px; 
	color:#26547C;
	padding: 4px 6px;
	border: 1px solid #fff;
	line-height: 1.0;
}
.pagination a.active, .pagination a.number:hover {color: #998A39;background: url(/images/sub/paginate-bg.jpg) repeat-x #eee;}
.pagination a span {color: #998A39}
.pagination a:hover {color:#4689D9}
a.previous {border-right: 1px solid #ccc;padding-right: 10px}
a.next {border-left: 1px solid #ccc;padding-left: 10px}
html .search {
	float: left;
}
.shortPage {
	width: 500px;
	/*margin-bottom: 20px;*/
}

/* zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz    Email Form zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
#emailFormMain {
	margin-bottom: 150px;

}
#newsEventsForm {
	margin-bottom: 150px;
}
.mandatory {

}
.optional {

}
.emailForm fieldset {
  margin-bottom: 10px;
  border: none;
}
.emailForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.emailForm fieldset ol {
  margin: 0;
  padding: 0;
}
.emailForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.emailForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.emailForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.emailForm fieldset fieldset label {
  display: block;
  width: auto;
}
.emailForm label {
  width: 200px; 
}
.emailForm fieldset fieldset label {
  margin-left: 123px; 
}
.emailForm input {
	border:1px solid #ccc;
	width:250px;
	height:14px;
	text-align: left;
	font-size:11px;
	color:#000000; /*color of input text*/
	padding:3px;
}
.emailForm label {
	font-size: 14px;
	color: #26547c;
	font-weight: bold;
	margin-bottom: 4px;
}
.emailForm textarea {
	border:1px solid #ccc;
	width:250px;
	text-align: left;
	font-size:11px;
	color:#666;
	padding:3px;
	margin-bottom: 18px;
}
.emailForm h2 {
	padding: 4px 0 18px 0; 
	color: #333; 
	font-size: 15px; 
	font-weight: bold;
}
.emailForm #emailFormButton {
	margin: 0px;
	margin-left: 221px;
	width: 87px;
	height: 28px;
	padding: 0px;
	padding-top: 0px;
	border: none;	
}
/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz END EMAIL FORM zzzzzzzzzzzzzzzzzzzzzzzzzz*/

/*Share This & rss */
a.rss{display:block; width:71px; height:18px; text-indent:-9999px; background:url(/images/layout/rss.png) no-repeat left top; float:right; margin-right:40px; margin-top:10px;}
a#share { background: url("/images/layout/share-this.png") no-repeat scroll 15px 3px transparent; padding-left: 35px; padding-top: 3px;}
img.RightAligned {float:right; padding: 10px 0px 10px 10px;}
img.LeftAligned {float:left; padding: 10px 10px 10px 0px;}

#breadcrumb-wrapper { background: url("/images/sub/breadcrumb.png") no-repeat scroll right bottom transparent; position:relative; margin-right:7px;min-height:1%;}
#breadcrumb-wrapper a.stbutton {padding: 3px 0 0 35px;}

/* Video */
	div.video{width:45%; float:left; padding:11px 0}
						div.video1{width:50%; margin-right:5%}
						div.video div.shadow{background:url(images/video/shadow.png) no-repeat 0 0; padding:5px; float:left; margin:0 18px 10px 0}
						div.video div.shadow a{display:block; width:121px; height:95px; overflow:hidden; margin:auto;}
						#centerContent div.video h2{margin:-1px 0 0; padding:0; font-size:14px;}
						#centerContent div.video p{margin:0; padding-bottom:0; font-size:12px; line-height:1.18;}
						.videopagination{float:left; clear:both; width:auto}
						.videos{clear:both; min-height:1%; zoom:1; padding:4px 0 43px}
						.videos:after{ content: ""; display: block; height: 0; clear: both;}