@charset "UTF-8";
/* StyleSheet for The Common Source
   Project: The Common Source
   v0.1 by subi@designatwork.com
   Date: October 2009
   www.designatwork.com
*/

@import url('reset.css');

/* STRUCTURE */

body{background:#333;}
	
	#centerWrapper{ background:#eaf0f9; margin:0 auto; width:954px;}
		
		#topWrapper{ height:110px; background:#FFF;}
			
			#logo {width:582px; float:left; cursor:pointer;}
				
				.mainLogo {padding-left:20px; cursor:pointer;}
			
					/*ul#topNav {width:345px; float:left; display:inline; list-style-type:none; margin:50px 0 0 27px;}*/
		
		#banner{ height:169px; clear:both; background:url(../images/common/borderwithgradient.gif) bottom left repeat-x;}
				
			#animatedBanner {height:149px;}
		
		#contentWrapper{ background:url(../images/common/contentbg_gradient.jpg) top left repeat-x; min-height:425px; height: auto; _height: 425px; }
		
			#navigationBlock{ background:#ee2e24 url(../images/common/toproundedcolor_red.jpg) top right no-repeat; width:147px; float:left; display:inline;}
			
				#navigationLower{background: url(../images/common/bottomroundedcolor_red.gif) bottom right no-repeat;width:147px;}
				
					ul#mainNav{padding-top:10px; margin:0; width:147px; min-height:420px; height:auto !important; height:420px; list-style-type:none; display:block;}
			
			#mainContent{width:393px; padding:15px 16px 0 26px; float:left; display:inline; }
			
				#thisMonthContest{background:#d0dff1; padding:10px 10px 10px 20px; margin:0 0 15px 0; border:2px solid #999;}
				
				#nextMonthContest{background:#CCC; padding:10px 10px 10px 20px;  margin:0 0 15px 0; border:2px solid #d0dff1;}
				
				#previousMonthContest{background:#d0dff1; padding:10px 10px 10px 20px;;  margin:0 0 15px 0; border:2px solid #999;}
				
				.olderContests{ padding:10px 10px 0px 20px;;  margin:0 0 10px 0; }
			
			#circularImages{float:left; display:inline; padding:15px 0 0 0; width:150px; text-align:left; }
			
			#rightContent{ padding: 15px 0 0 4px; margin:0; width:190px; float:left; display:inline; position:relative;}
			
				#esignup {width:190px; height:100px; padding:0; margin:0; float:left;}
		
				#rightText{padding:10px 0 0 0; margin:0; }
				
				div#certifications{ padding:40px 0 0 0; margin:0;}
				
				div#calendarContest{ padding:15px 0 0 0; margin:0; display:block; cursor:pointer;}
				
			
		#footer{height:31px; background:#000; border-top:4px solid #FFF; padding:0 0 0 163px;}
				
	
/* TOP RIGHT NAVIGATION

ul#topNav li{font:bold 12px Arial, Helvetica, sans-serif; float:left; display:inline;}
			
	ul#topNav li a:link, ul#topNav li a:visited{color:#000; text-decoration:none;}
	
	ul#topNav li a:hover, ul#topNav li a:active, ul#topNav li a:focus{color:#117bca; text-decoration:underline;} */
	
/* MAIN LEFT NAVIGATION */

	/* LEVEL 1 STYLING */

	ul#mainNav li{width: 129px;display: block; background: url(../images/common/thinnavseparator.jpg) bottom left no-repeat; font: normal 14px/36px Arial, Helvetica, sans-serif; text-align:right;position:relative;}
	
		ul#mainNav li a:link, ul#mainNav li a:visited {color:#FFF; text-decoration:none;}
	
		ul#mainNav li a:hover, ul#mainNav li a:active {color:#000; text-decoration:none; font-weight:bold;}
		
		/* No bg image for the last item */
		#navigationBlock #navigationLower #mainNav li#navContacts {background:none; padding-bottom:15px;}
		
	/* LEVEL 2 STYLING */
		ul#mainNav ul li{ background:none; font:normal 11px/11px Arial, Helvetica, sans-serif; border:none; padding:0; margin:0 0 7px 0;}
			
			ul#mainNav ul li a:link, ul#mainNav ul li a:visited, ul#mainNav.servicesSelected li#navServices ul li a, ul#mainNav.companySelected li#navCompany ul li a { color:#FFF; font-weight:normal; display:block;}
						
			ul#mainNav ul li a:hover, ul#mainNav.servicesSelected li#navServices ul li a:hover, ul#mainNav.companySelected li#navCompany ul li a:hover{ font-weight:bold; color:#000;}
			
	/*No margin for last items of 2nd Level menu, 10px padding added for adjustment */
		ul#mainNav ul li#underServicesswst, ul#mainNav ul li#underCompanySecurity{margin:0; padding:0 0 10px 0;}
		
	/*Hide 2nd level Nav when unnecessary */
		ul#mainNav li ul#underCompany,
		ul#mainNav li ul#underServices{visibility:hidden; display:none; height:0;}
		
	/* Selected State(Black/Bold) for Primary Level Elements */
		ul#mainNav.homeSelected li#navHome a,
		ul#mainNav.companySelected li#navCompany a,
		ul#mainNav.servicesSelected li#navServices a,
		ul#mainNav.goGreenSelected li#navGoGreen a,
		ul#mainNav.partnersSelected li#navPartners a,
		ul#mainNav.affiliationsSelected li#navAffiliations a,
		ul#mainNav.charitiesSelected li#navCharities a,
		ul#mainNav.awardsSelected li#navAwards a,
		ul#mainNav.newsSelected li#navNews a,
		ul#mainNav.contactsSelected li#navContacts a{color:#000; font-weight:bold;}
		
	/*Display 1st level Nav */
		#mainNav.companySelected li#navCompany ul#underCompany,
		#mainNav.servicesSelected li#navServices ul#underServices,
	/*Display 2nd level Nav */
		#mainNav.eddSelected li a#navServices ul#underServices,
		#mainNav.aprSelected li a#navServices ul#underServices,
		#mainNav.fdpSelected li a#navServices ul#underServices,
		#mainNav.sohSelected li a#navServices ul#underServices,
		#mainNav.disSelected li a#navServices ul#underServices,
		#mainNav.bosSelected li a#navServices ul#underServices,
		#mainNav.ocrSelected li a#navServices ul#underServices,
		#mainNav.caiSelected li a#navServices ul#underServices,
		#mainNav.dbdSelected li a#navServices ul#underServices,
		#mainNav.tcSelected li a#navServices ul#underServices,
		#mainNav.bbSelected li a#navServices ul#underServices,
		#mainNav.cddvdSelected li a#navServices ul#underServices,
		#mainNav.swstSelected li a#navServices ul#underServices{ visibility:visible; display:block; height: auto;}
		
		/*Selected State with active Hover States for Products*/
		#mainNav.whySelected li#navCompany ul#underCompany.secNav li#underCompanywhy a,
		#mainNav.ourstSelected li#navCompany ul#underCompany.secNav li#underCompanyourst a,
		#mainNav.securitySelected li#navCompany ul#underCompany.secNav li#underCompanySecurity a,
		/*Selected State with active Hover States for Services*/
		#mainNav.eddSelected li#navServices ul#underServices.secNav li#underServicesedd a,
		#mainNav.aprSelected li#navServices ul#underServices.secNav li#underServicesapr a,
		#mainNav.fdpSelected li#navServices ul#underServices.secNav li#underServicesfdp a,
		#mainNav.sohSelected li#navServices ul#underServices.secNav li#underServicessoh a,
		#mainNav.gdSelected li#navServices ul#underServices.secNav li#underServicesgd a,
		#mainNav.disSelected li#navServices ul#underServices.secNav li#underServicesdis a,
		#mainNav.bosSelected li#navServices ul#underServices.secNav li#underServicesdbos a,
		#mainNav.ocrSelected li#navServices ul#underServices.secNav li#underServicesocr a,
		#mainNav.caiSelected li#navServices ul#underServices.secNav li#underServicescai a,
		#mainNav.dbdSelected li#navServices ul#underServices.secNav li#underServicesdbd a,
		#mainNav.tcSelected li#navServices ul#underServices.secNav li#underServicestc a,
		#mainNav.bbSelected li#navServices ul#underServices.secNav li#underServicesbb a,
		#mainNav.cddvdSelected li#navServices ul#underServices.secNav li#underServicescddvd a,
		#mainNav.swstSelected li#navServices ul#underServices.secNav li#underServicesswst a{ font-weight:bold; color:#000;}
		
/* TYPOGRAPHY */

body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

h1, h2{ text-indent:-9999px; display:none; height:0px;}

h3{ color:#0c70bb; font:normal 22px "Myriad Pro",Tahoma, Geneva, sans-serif; margin:0 0 10px 0;}

#mainContent h4{ color:#333333; font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 3px 0;}

#mainContent h5{ color:#0c70bb; font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 3px 0; border-bottom:1px dotted #0c70bb;}

#mainContent p{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#555657; margin:0 0 10px 0;}

	#mainContent p a:link, #mainContent p a:visited {text-decoration:none; color:#0c70bb;}
	
	#mainContent p a:hover, #mainContent p a:active, #mainContent p a:focus {text-decoration:none; border-bottom:1px dotted #0c70bb;}
	
	#mainContent p.quizQuestion{color:#333333; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 0 0 0; margin:0;}
	
	#mainContent p.quizWinner{color:#0c70bb; font:bold 12px Arial, Helvetica, sans-serif; padding:5px 0 0 0; margin:0;}
	
	#mainContent p.entryformLinkActive{color:#333333; font:bold 10px Arial, Helvetica, sans-serif; padding:5px 0 0 0;}
		
		#mainContent p.entryformLinkActive a:link, #mainContent p.entryformLinkActive a:visited{text-decoration:none; border:none; color:#333;}
		
		#mainContent p.entryformLinkActive a:hover, #mainContent p.entryformLinkActive a:active{text-decoration:underline; border:none; color:#0c70bb;}
	
	#mainContent p.entryformLinkExpired{color:#888; font:bold 10px Arial, Helvetica, sans-serif; padding:5px 0 0 0;}
	
	#mainContent h4.blue {color:#0c70bb;}
										
/*#esignup h3{background:url(../images/common/signup.gif) top left no-repeat; text-indent:-9999px; height:15px; margin:0; padding:0;}*/

#rightText p{font:normal 13px/16px Arial, Helvetica, sans-serif; color:#555657; margin:0 0 10px 0;}

#footer p{font: normal 11px/28px Arial, Helvetica, sans-serif; color:#939598;}
		
	#footer p a:link, #footer p a:visited {text-decoration:underline; color:#939598;}
			
	#footer p a:hover, #footer p a:active {text-decoration:none;}
	
.reg {padding:0 0 0 2px;}

/* List Items */

.callOut{background:#d8e1ed url(../images/common/callout_topcurve.gif) top left no-repeat; width:395px; margin:0 0 10px -10px;  color:#117bca; min-height:120px; height:auto !important; height:120px;}
				
	.callOut .calloutBottom{background:url(../images/common/callout_bottomcurve.gif) bottom left no-repeat; width: 395px; min-height:120px; height:auto !important; height:120px;}
	
.callOutOnline{background:#d8e1ed url(../images/common/callout_topcurve.gif) top left no-repeat; width:395px; margin:0 0 10px -10px;  color:#117bca;}
				
	.callOutOnline .calloutBottom{background:url(../images/common/callout_bottomcurve.gif) bottom left no-repeat; width: 395px;height:auto; padding:5px 0 2px 2px; text-align:center;}
	
		.calloutBottom p {padding:0; margin:0;}
	
		#mainContent .callOut .calloutBottom p{padding:8px 10px 10px 10px; color:#117bca; font-weight:normal; margin:0;}
		
		.callOut ul.calloutList{ padding: 0 10px 10px 10px; margin:-10px 0 0 20px; list-style-type:disc;}
		
			.callOut ul.calloutList li {font: normal 13px/18px Arial, Helvetica, sans-serif;}
		
		.callOut ul.calloutlistLeft{ padding: 0 0 0 10px; float:left; display:inline; margin:-10px 0 0 0;}
		
		.callOut ul.calloutlistRight{ float:left; display:inline; margin:-10px 0 0 15px;}
			
			.callOut ul.calloutlistLeft li, .callOut ul.calloutlistRight li {font: normal 13px/18px Arial, Helvetica, sans-serif;}
			
				.callOut ul.calloutlistLeft li a:link, .callOut ul.calloutlistRight li a:link {color:#117bca; text-decoration:none;}
				
				.callOut ul.calloutlistLeft li a:hover, .callOut ul.calloutlistRight li a:hover {text-decoration:underline;}
				

/*#circularImages ul {margin:0; padding:0; list-style-type:none; position:relative;}

	#circularImages ul li{height:124px; width:124px; margin:0 0 5px 0; padding:0;}*/
	
	#circularImages ul{list-style-type:none;}

	#circularImages ul li{height:124px; width:124; margin:5px 0;}

	/*#circularImages ul li{margin:0 0 5px 0;}*/

#certifications ul { margin:0; padding:0; list-style-type:none; }
				
	#certifications ul li{ display:inline; float:left; width:85px; padding:0; margin:0 5px 0 0; }
	

ul.regularList{padding:0 0 15px 0; margin:0px 0 0 0; list-style-type:disc; position:relative;}

	ul.regularList li{ font:normal 13px/16px Arial, Helvetica, sans-serif; color:#0c70bb; margin:0 0 5px 20px;}
	
ol.regularList{padding:0 0 15px 0; margin:0px 0 0 0; list-style-type:decimal; position:relative;}

	ol.regularList li{ font:normal 13px/16px Arial, Helvetica, sans-serif; color:#0c70bb; margin:0 0 5px 25px;}
	

ul.regularListSmall{padding:0 0 15px 0; margin:-6px 0 0 0; list-style-type:disc; position:relative;}

	ul.regularListSmall li{ font:normal 10px/14px Arial, Helvetica, sans-serif; color:#333; margin:0 0 5px 20px;}
	
	ul.regularListSmall li a:link, ul.regularListSmall li a:visited{ color:#333; text-decoration:none;}
	
	ul.regularListSmall li a:hover{ color:#0c70bb; text-decoration:underline;}
	

/*ul.leftList, ul.rightList{padding:0 0 15px 0; margin:-6px 0 0 0; float:left;}
	
	ul.leftList li, ul.rightList li{font:normal 13px Arial, Helvetica, sans-serif; line-height:normal; color:#0c70bb; padding:0; list-style-type:disc; margin:0 0 5px 20px; width:160px;}*/
	
ul.leftList{ float:left; display:inline; width:180px; margin:-6px 0 0 0; padding:0 0 15px 0; position:relative; list-style-type:none;}

ul.rightList{ float:left; display:inline; width:180px; margin:-6px 0 0 5px; padding:0 0 15px 0;  position:relative; list-style-type:none;}

	ul.leftList li, ul.rightList li{ list-style-type:disc; font:normal 13px/16px Arial, Helvetica, sans-serif; margin:0 0 5px 20px; padding:0; color:#0c70bb; display:list-item; list-style-position:outside;}



ul.linkedList{padding:0; margin:-6px 0 15px 0; list-style-type:disc;}

	ul.linkedList li{ font:normal 13px/16px Arial, Helvetica, sans-serif; color:#0c70bb; margin:0 0 5px 20px; list-style-type:disc;}
	
		ul.linkedList li a:link, ul.linkedList li a:visited{text-decoration:none; color:#0c70bb;}
		
		ul.linkedList li a:hover, ul.linkedList li a:active, ul.linkedList li a:focus { border-bottom:1px dotted #0c70bb;}
		
		
ul.imageList div.imageListimg{float:left; display:block; width:150px;}
/*ul.imageList li img{border:2px solid #FF0;}*/
ul.imageList div.imageListcopy{float:left; display:inline;}
ul.imageList li{display:block; height:100px; margin-bottom:15px; padding-top:15px; border-top:1px solid  #CCC; clear:both;  }


ul.partnersList {}
ul.partnersList li{display:block; margin:0 0 10px 0; padding:0; border-bottom:2px solid #d8e1ed;}	

/* Classes */

.enewsEmail {height:18px; width:175px; background:#e7e7e8; margin:7px 0; border-top:2px solid #949494; border-left:2px solid #949494; border-right:2px solid #ececec; border-bottom:2px solid #ececec; font:normal 10px Verdana, Geneva, sans-serif; color:#333; padding:0 0px;}
				
.clear{clear:both;}	

.reference {font:normal 10px/14px Verdana, Geneva, sans-serif; font-style:italic; color:#117bca;}

	.reference a:link, .reference a:visited {text-decoration:none;  color:#117bca;}
	
	.reference a:hover, .reference a:active {text-decoration:underline;}
	
.dateline{ color:#666; font:bold 10px/14px Arial, Helvetica, sans-serif;}

.leftImage{float:left; margin:10px 10px 0 0; padding:0;}

/* Tooltip */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #666;background-color: #FFF;padding: 5px;opacity: 0.85;}

#tooltip h3, #tooltip div { margin: 0; }

/*Toggle */

ul.tog li.toggler{ font:bold 14px/18px Arial, Helvetica, sans-serif; color:#555657; cursor:pointer; padding:5px 10px; background:none; }

ul.tog li:hover, ul.tog li.active{cursor:pointer;  background:#d8e1ed; color:#117bca; }
	
ul.tog li.element {width:383px; padding: 0 0 0 10px; background:none; }

ul.tog li.element img{float:right; padding:5px 5px 0 5px;}

/*calendarContest */

.contestImgbrown{border:3px solid #963;}
.contestImgblack{border:3px solid #000;}
.contestImgwhite{border:3px solid #FFF;}
.contestImggray{border:3px solid #CCC;}


/*contactForm & contestForm */

fieldset{border:1px solid #cccccc; padding:0 15px 15px 15px; margin: 0 0 15px 0; background:#ececec;}

legend{display:none; height:0; visibility:hidden;}

form div {padding:5px 0 5px 0;}

form label {font: normal 12px/18px Arial, Helvetica, sans-serif; display:block; float:left; width:115px;}

form input.chkbx{width:20px; clear:both; margin-left:95px;}

form textarea.messageareaLeft{width:200px; height:100px; float:left;}

form#contactForm input.submitBtn, form#contestForm input.submitBtn{width:75px; float:left; margin:5px 0 0 95px;}

form#enewsSignup input.imageSubmitBtn{ height:52px; width:70px;}


form#contactForm, form#contestForm{margin:0; font: normal 12px/18px Arial, Helvetica, sans-serif;}

form#contactForm #firstCheck, form#contestForm #firstCheck{padding:5px 0 15px 0; margin:0;}

form#contactForm #justMessage, form#contestForm #justMessage{float:left; clear:both; padding:10px 0 0 0;}

form#contactForm #justMessage p, form#contestForm #justMessage p{font: normal 11px Verdana, Geneva, sans-serif; font-style:italic; color:#117bca; margin:0; padding:0;}
	

/*3D FLIP
#image11, #image21, #image31{
	position:absolute;
	cursor:pointer;
	width:124px;
	height:124px;
}
#image12, #image13, #image22, #image23, #image32, #image33{
	display:none;
	position:absolute;
	cursor:pointer;
	width:124px;
	height:124px;
}

CROSSFADER

ul.rotator1,ul.rotator2, ul.rotator3 {position:relative; height:124; width:124; z-index:400; padding-bottom:134px;}

ul.rotator1 li, ul.rotator2 li, ul.rotator3 li { position:absolute; list-style: none; z-index:400;}
    
    ul.rotator1 li.show1, ul.rotator2 li.show2, ul.rotator3 li.show3 { z-index:500; }
    
    */
	
/* MISC */
#onlineCallOuts {float:left; margin:0; padding:0; width:400px; height:auto;}
	
	#leftColumn {float:left; margin:0; padding:0; width:190px; height:auto;}
	
	#rightColumn {float:right; margin:0; padding:0; width:190px; height:auto;}
	
ul.linkList li {line-height:normal; padding-bottom: 5px;}
	
ul.linkList li a {text-decoration:none; color:#0c70bb; font:normal 14px/18px Arial, Helvetica, sans-serif; text-transform:uppercase;}
	
	ul.linkList li a:hover {text-decoration:none; border-bottom:1px dotted #0c70bb;}
	
.red {color:#ee2e24;}


	
		
.archive {width:390px; height:auto;}

.archive ul {margin:0px 0 0 0; padding:0;}

.selected {color:#ee2e24;}

.archivebtn {cursor:pointer;}

.archivebtn:hover {color:#0c70bb; text-decoration:underline;}