/*
 *   COGENT REFRESH - April 2010 
 *   ----------------------------------
 *   ID :: Main CSS File
 */

/* -------------- general content -------------- */

.clearit {
	clear: both;
}

.bodyCopySubSection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
	margin: 0 0 20px 0;
}

.newsTitle2010 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
    line-height: 1.4em;
	color: #014CA4;
	margin: 12px 0;
}

.breadCrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 15px 0 0 0;
}

.breadCrumbTemplate { /* template 1,2,3 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 15px 0 0 15px;
}

.templateContentWrapperT1 { /* template 1 */
	float: left;
	width: 650px;
	margin: 15px;
	padding: 0;
}

.templateContentWrapperT2 { /* template 2 */
	float: left;
	width: 870px;
	margin: 15px;
	padding: 0;
}

.templateContentWrapperSubSection { /* sub section page */
	width: 870px;
	margin: 5px 15px 25px 15px;
	padding: 0;
}

.templateTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
    line-height: 1.4em;
	color: #014CA4;
	margin: 0;
	padding: 0;
}

.template2image {
	margin: 13px 0 15px 0;
	padding: 0;
}

.templateIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #014CA4;
	margin: 12px 0 18px 0;
}

.templateIntroT3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #014CA4;
	margin: 20px 0 18px 0;
}

.templateContentMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
}

.templateContentMainT2col1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 425px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
}

.templateContentMainT2col2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 425px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
}

.templateContentMainT3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000000;
	margin: 12px 0 0 0;
}

.templateContentSide {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	width: 200px;
	margin: 15px 15px 0 0;
	padding: 0;
}

.templateContentSide img {
	border: 0px solid #CCC;
}

.template3imagesWrapper {
	width: 870px;
}

.template3image {
	float: left;
	width: 163px;
	height: 170px;
	margin: 15px 10px 0 0;
	padding: 0;
	border: 1px solid #CCC;
}

.template3imageLast {
	float: left;
	width: 163px;
	height: 170px;
	margin: 15px 0 0 0;
	padding: 0;
	border: 1px solid #CCC;
}

.templateRelatedLinksBar {
	background-image:  url(img/relatedSpeechBubbles.gif);
	background-repeat: no-repeat;
	background-position: 27px 12px;
	border: 1px solid #CCC;
	margin: 15px 15px;
	padding: 15px 15px 15px 100px;
	width: 752px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	font-style: italic;
}

.templateActionBar {
	margin: 20px 15px 20px;
	padding: 0;
	text-align: center;
}


/* -------------- header -------------- */

#crHeaderWrapper {
	background-image:  url(img/headerBackgroundCircles.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 112px;
	margin: 0;
	padding: 0;
}

#crHeaderLogo {
	float: left;
	width: 254px;
	height: 81px;
	margin: 15px 0 0 16px;
	padding: 0;
}

#crHeaderRightWrapper {
	float: left;
	width: 260px;
	margin: 0 0 0 370px;
	padding: 0;
}

#crHeaderWelshLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 10px 16px 0 0;
	padding: 0;
	clear: both;
	text-align: right;
}

#crHeaderSearch {
	margin: 50px 16px 0 0;
	padding: 0;
}

#crHeaderSearch #searchField {
	float: left;
	margin: 0;
	padding: 0;
	width: 176px;
}

#crHeaderSearch .searchField {
	background-color: #FFFFFF;
	width: 170px;
	height: 15px;
	margin: 0;
	padding: 0;
}

#crHeaderSearch #searchButton {
	float: left;
	margin: 0;
	padding: 0;
	width: 65px;
}

#crHeaderSearch .searchButton {
	background-color: transparent;
	margin: 0 0 0 5px;
	padding: 0;
}


/* -------------- social media header update -------------- */

#crSocialMediaIcons {
	margin: 10px 16px 0 0;
	padding: 0;
	clear: both;
	text-align: right;
}

#crSocialMediaIcons img {
	margin: 5px 0 0 10px;
	padding: 0;
}

#crHeaderSearchSocialMedia {
	margin: 31px 16px 0 0;
	padding: 0;
}

#crHeaderSearchSocialMedia #searchField {
	float: left;
	margin: 0;
	padding: 0;
	width: 176px;
}

#crHeaderSearchSocialMedia .searchField {
	background-color: #FFFFFF;
	width: 170px;
	height: 15px;
	margin: 0;
	padding: 0;
}

#crHeaderSearchSocialMedia #searchButton {
	float: left;
	margin: 0;
	padding: 0;
	width: 65px;
}

#crHeaderSearchSocialMedia .searchButton {
	background-color: transparent;
	margin: 0 0 0 5px;
	padding: 0;
}


/* -------------- navigation -------------- */

#crMainNavigationWrapper {
	background-image:  url(img/nav_backgroundTile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #0079c2;
	height: 41px;
}

ul#topnav {
	margin: 0; 
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index: 3000; /* IE z-index fix for navigation flyout */
	position: relative; /* IE z-index fix for navigation flyout */ 
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	list-style-type: none;
}

ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 41px;
}

ul#topnav li:hover a, ul#topnav li a:hover { 
	background-position: left bottom; 
} /*--Hover State--*/

ul#topnav a.home {
	background: url(img/nav_home.gif) no-repeat;
	width: 57px;
}

ul#topnav a.about {
	background: url(img/nav_about.gif) no-repeat;
	width: 60px;
}

ul#topnav a.publications {
	background: url(img/nav_publications.gif) no-repeat;
	width: 101px;
}

ul#topnav a.research {
	background: url(img/nav_research.gif) no-repeat;
	width: 82px;
}

ul#topnav a.standards {
	background: url(img/nav_standards.gif) no-repeat;
	width: 110px;
}

ul#topnav a.apprenticeships {
	background: url(http://www.cogent-ssc.com/images/refresh2010/navigation/nav_apprenticeships.gif) no-repeat;
	width: 128px;
}

ul#topnav a.higherEducation {
	background: url(img/nav_higher.gif) no-repeat;
	width: 85px;
}

ul#topnav a.employer {
	background: url(img/nav_employer.gif) no-repeat;
	width: 72px;
}

ul#topnav a.skillsPolicy {
	background: url(img/nav_skillsPolicy.gif) no-repeat;
	width: 74px;
}

ul#topnav a.careers {
	background: url(img/nav_careers.gif) no-repeat;
	width: 71px;
}

ul#topnav a.skillsMatch {
	background: url(img/nav_skillsMatch.gif) no-repeat;
	width: 60px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 41px; 
	left: 0;
	background: #0072B6 url(img/sub_bg.gif) repeat-x; /*--Background gradient--*/
	padding: 10px 10px 20px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#topnav li .sub ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 220px; /*--Set width of sub link columns--*/
	float: left;
}

ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: 5px; /*--Override height from parent list item--*/
	background: url(img/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: left;
  	outline: none;
}

ul#topnav .sub ul li a:hover {
	color: #FFF;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration: underline;
}


/* -------------- HOME - welcome area -------------- */

#crHomeWelcomeWrapper {
	padding: 0;
	margin: 16px;
	height: 376px;
}

#crHomeWelcomeWrapper .imageWrapper {
	float: left;
	width: 503px;
	height: 184px;
}

#crHomeWelcomeWrapper #imageBox1 {
	width: 503px;
	height: 184px;
	margin: 0;
	padding: 0;
}

#crHomeWelcomeWrapper #imageBox2 {
	width: 503px;
	height: 184px;
	margin: 8px 0 0 0;
	padding: 0;
}

#crHomeWelcomeWrapper .welcomeBox {
	float: right;
	background-image:  url(img/homeWelcomeBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F2F2F2;
	width: 337px;
	height: 356px;
	padding: 10px;
}

#crHomeWelcomeWrapper .welcomeBox h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;	
	color: #0079c2;
	font-weight: normal;
	margin: 4px;
	padding: 0;
}

#crHomeWelcomeWrapper .welcomeBox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;	
	color: #666;
	line-height: 140%;
	margin: 4px;
	padding: 0;
}

#crHomeWelcomeWrapper A:link {
	color: #666;
	text-decoration: underline;
}

#crHomeWelcomeWrapper A:visited {
	color: #666;
	text-decoration: underline;
}

#crHomeWelcomeWrapper A:hover {
	color: #014CA4;
	text-decoration: underline;
}


/* -------------- HOME - promo images rotator -------------- */

#imageBox1, #imageBox2 { 
	width: 503px; 
	height: 184px; 
	overflow: hidden; 
	position: relative; 
	padding: 0; 
	margin: 0; 
}

#imageBox1 ul, #imageBox2 ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	position: relative; 
}

#imageBox1 ul li, #imageBox2 ul li { 
	display: none; 
	width: 503px; 
	height: 184px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}


/* -------------- HOME - member logos rotator -------------- */

#membersLogos { 
	width: 192px; 
	height: 73px; 
	overflow: hidden; 
	position: relative; 
	padding: 0; 
	margin: 0; 
}

#membersLogos ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	position: relative; 
}

#membersLogos ul li { 
	display: none; 
	width: 192px; 
	height: 73px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}


/* -------------- HOME - content area -------------- */

#crHomeContentWrapper {
	padding: 0;
	margin: 0 16px 16px 16px;
}

#crHomeContentLeftWrapper {
	float: left;
	width: 656px;
}

#crHomeContentLeftWrapper h2 {
	font-size: 0.9em;
	color: #0079C2;
	margin: 0;
	padding: 10px;
}

#crHomeContentLeftWrapper .yourIndustryBox {
	background-image:  url(img/homeIndustriesBox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 649px;
	height: 233px;
	font-family: Arial, Helvetica, sans-serif;
}


#crHomeContentLeftWrapper .yourIndustryBox .industryButton {
	float: left;
	width: 205px;
	height: 52px;
	margin: 9px 0 0 8px;
	padding: 0;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton a {
	display: block;
	width: 205px;
	height: 52px;
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 52px;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton A:link {
	display: block;
	color: #FFF;
	text-decoration: none;
  	outline: none;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton A:visited {
	color: #FFF;
	text-decoration: none;
  	outline: none;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton A:hover {
	color: #FFF;
	text-decoration: underline;
  	outline: none;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton.nuclear {
	margin: 4px 0 1px 435px;
}

#crHomeContentLeftWrapper .yourIndustryBox .industryButton.oilAndGas,
#crHomeContentLeftWrapper .yourIndustryBox .industryButton.petroleum {
	margin: 9px 0 0 9px;
}

#crHomeContentLeftWrapper .skillsAcademiesBox {
	background-image:  url(img/homeSkillsAcademiesBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 629px;
	height: 155px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
	padding: 10px;
}

#crHomeContentLeftWrapper .skillsAcademiesBox h2 {
	font-size: 0.9em;
	color: #0079C2;
	margin: 0 0 8px 0;
	padding: 0;
}

#crHomeContentLeftWrapper .skillsAcademiesBox .nuclearLogo {
	float: left;
	margin: 20px 25px 0 0;
	padding: 0;
}

#crHomeContentLeftWrapper .skillsAcademiesBox .processLogo {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

#crHomeContentLeftWrapper .skillsAcademiesBox .content {
	float: left;
	margin: 40px 0 0 20px;
	padding: 0;
	width: 300px;
}

#crHomeContentLeftWrapper .skillsAcademiesBox .content p {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 140%;
}

#crHomeContentRightWrapper {
	float: right;
	width: 212px;
}

#crHomeContentRightWrapper h2 {
	font-size: 0.9em;
	color: #0079C2;
	margin: 0 0 8px 0;
	padding: 0;
}

#crHomeContentRightWrapper .newsHeadlinesBox {
	background-image:  url(img/homeSideBoxBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	width: 212px;
	padding: 10px;
}

#crHomeContentRightWrapper .newsHeadlinesBox p {
	font-size: 0.75em;
	margin: 8px 0;
	padding: 0;
	width: 193px;
}

#crHomeContentRightWrapper .cogentPollBox {
	background-image:  url(img/homeSideBoxBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	width: 212px;
	padding: 10px;
	margin: 7px 0 0 0;
}

#crHomeContentRightWrapper .cogentPollBox p {
	font-size: 0.75em;
	margin: 0;
	padding: 2px 0;
	*padding: 0;
	width: 193px;
}

#crHomeContentRightWrapper .cogentPollBox .answers {
	font-size: 0.75em;
	margin: 0;
	padding: 2px 0;
	*padding: 0;
}

#crHomeContentRightWrapper .cogentPollBox input,
#crHomeContentRightWrapper .cogentPollBox textarea,
#crHomeContentRightWrapper .cogentPollBox select {
   background-color: #FFF;
}




#crHomeContentRightWrapper .cogentPollBox .pollArchiveSmallText {
	font-size: 70%;
}



#crHomeContentRightWrapper .cogentPollBox #votebutton {
	margin: 4px 0 0 0;
	*margin: 0;
	padding: 0;
	font-family: Arial, sans serif;
	font-size: 1em;
	background-color: none;
}

#crHomeContentRightWrapper .boardMembersBox {
	background-image:  url(img/homeSideBoxBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	width: 212px;
	padding: 10px;
	margin: 7px 0 0 0;
}

#crHomeContentRightWrapper .boxCap {
	background-image:  url(img/homeSideBoxCap.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	margin: 0;
	padding: 0;
}


/* -------------- footer -------------- */

#crFooter {
	border-top: 8px solid #7FBCE0;
	background-image:  url(img/footerGradBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 361px;
	padding: 0 0 16px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #4C4C4C;
	line-height: 135%;
}

#crFooter h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;	
	background-image:  url(img/footerDivider.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 33px;
	margin: 12px 0;
	padding: 0;
}

#crFooter p {
	margin: 5px 0;
	padding: 0;
}

#crFooter .col1 {
	float: left;
	width: 127px;
}

#crFooter .col2 {
	float: left;
	width: 222px;
}

#crFooter .col3 {
	float: left;
	width: 158px;
}

#crFooter .col4 {
	float: left;
	width: 192px;
}

#crFooter .col5 {
	float: left;
	width: 174px;
}


#crFooter A:link {
	color: #4C4C4C;
	text-decoration: none;
  	outline: none;
}

#crFooter A:visited {
	color: #4C4C4C;
	text-decoration: none;
  	outline: none;
}

#crFooter A:hover {
	color: #014CA4;
	text-decoration: underline;
  	outline: none;
}

#crFooterCap {
	background-image:  url(img/footerCogentLogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #afafaf;
	height: 43px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 0.7em;
	line-height: 43px;
	padding: 0 16px 0 120px;
}

#crFooterCap .crNavbar {
	float: left;
}

#crFooterCap .crCopyright {
	float: right;
}

#crFooterCap A:link {
	color: #FFF;
	text-decoration: none;
}

#crFooterCap A:visited {
	color: #FFF;
	text-decoration: none;
}

#crFooterCap A:hover {
	color: #FFF;
	text-decoration: underline;
}


/* -------------- polls archive -------------- */

.pollArchiveWrapper {
	float: left;
	padding: 0;
	margin: 0;
}

.cogentPollArchiveBox {
	background-image:  url(img/homeSideBoxBackground.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	width: 212px;
	padding: 10px;
	margin: 0;
}

.cogentPollArchiveBox p {
	font-size: 0.75em;
	margin: 0;
	padding: 2px 0;
	*padding: 0;
	width: 193px;
}

.cogentPollArchiveBox .answers {
	font-size: 0.75em;
	margin: 5px 0 0 0;
	padding: 2px 0;
	*padding: 0;
}

.pollArchiveBoxCap {
	background-image:  url(img/homeSideBoxCap.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	margin: 0;
	padding: 0;
	width: 212px;
}