/* typography.css */
body {background-color: white; font-size:75%;color:#222;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#444;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {text-decoration: underline; color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#FFC1C2;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#F9E4E4;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

body {
/*	font-family:  Arial, Helvetica, 'Trebuchet MS' , 'Lucida Sans Unicode', Lucida, sans-serif;
   	color: #2d2d2d ;
	
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(images/DS/bg.gif);
	*/
	margin-top:0px;
	background-color: #343434;
	
font-size:80%
		
} 



/*GENERAL */
 
 a {
	color: #4b4b4b;
	}

a:focus, a:hover {text-decoration: underline;
 	color:#2d2d2d ;
 	}



p , ul ,  li  { 
 	list-style-type: square;  
	}
 
	
small   { 
 	 
	color: #4b4847;
	}
	
	
	.box {background-color: #efefef;}
 			
#wrapper {
	margin:auto; 
	padding:auto; 
	width: 860px;
	}
	
#header { 
	background-repeat: repeat-x;  
	background-position: center bottom;
	background-image: url(images/DS/headerBG.jpg);
}
#header .container { 
	padding-top:10px;
	}
	#header #calltoaction {
	margin-top: 37px; line-height: 1.4em;}
#header .calltoactionA { 
	color:#797979 ;
	font-size: 1.1em;
	}
#header .calltoactionB { 
	text-align: right; 
	color:#4b4b4b ; 
	font-size: 1.4em;
	}
#header .calltoactionC { 
	color:#797979 ; 
	margin-left: 50px; 
	font-size: 1.6em;  
	padding-bottom:20px;
	}
 
#header #calltoactionC strong {  
		color: #d80014 ;  
		font-style: normal;  
		font-weight: normal;  
	}
	
	
	/* GENERAL NAVIGATION */
#navigation {  
		background: center top  repeat-x  url(images/DS/PanelBG.gif);  
		background-color: #444444;
		color: #797979  ;
		font-weight: bold; 
		
		padding-top:8px;
		padding-bottom:8px;
	}
	
#navigation .container {  
	}
	
#navigation a  { 		
		font-size: 1.4em;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: bold;
		color: #c7c7c7; 
		
		padding:4px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
#navigation a:focus, #navigation  a:hover {text-decoration: underline;
		background-color: #4b4847; 
				
		font-size: 1.4em;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: bold;
		color: #efe7e3; 
		
		padding:4px;
	}

#navigation a .debug     { 	
		font-size: 1em;
		
		background-color:#8ac741;
}
#navigation a.debug     { 
		font-size: 1em;
		
		color:#8ac741;
}	
	
#s, #searchsubmit {
		border-width: 0px;
		border-style: none;
		
		background-color: #4b4847; 
		
		font-size: 1.2em;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: bold;
		color: #c7c7c7; 
		
		padding:4px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}	
 
 
 #s {width: 140px;}
 
.searchNav {display: block; clear: both;
padding:10px;
}	
#pageContent  ,
#frontpageContent
   {
    background: left top repeat-x url(images/DS/contentBG.gif);
   background-color: #e6e6e6;
    }
#pageContent .container  ,
#frontpageContent .container 
  {
  margin-top:9px;
 }
 


/************* FOOTER */	


#footer {
		margin:0;
		padding:18px 0;
		color: #797979;
		background: left top repeat-x url(images/DS/PanelBG.gif) ; 
		background-color: #343434;  
		}
#footer .container {
		padding-top:18px; 
		}
#footer .border {
  border-right: 1px solid #3c3c3c ;
		 
		}
#footer a {
		text-decoration: none; 
		color: #c7c7c7;
		 }
#footer a:focus , #footer  a:hover {
	text-decoration: underline;  
		color: #efe7e3; 
		} 	
		

/************** SEARCH results  */		
		.left{text-align: left;}
		.right{text-align: right;}
		.center{text-align: center;} 
			 
.searchNav .left{ clear: none; float: left; display: block;
		     vertical-align: bottom;}
.searchNav .right{ clear: none; float: right; display: block;
		     vertical-align: middle;}
.searchNav .center{ clear: none; display: block;
		     vertical-align: middle;}
		     
.aSearchResult {
				padding: 5px;
				display:block;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px; 
				}	
.aSearchResult:focus  , .aSearchResult:hover {
				padding: 5px;  
				display:block;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				background-color:#ccc; 
				}		     
div.searchresultARTICLE { background-color: yellow; }		     
		     
.searchtitle{ 
		padding-left: 6px;
		padding-bottom: 3px;
		padding-right: 6px;
		padding-top: 3px;
		background-color: #c7c7c7;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
 		font-size: 2em;
		                            } 
		                            

/**************** REGISTER */	
	
#register {
margin:0;
		  background-color: white;  
		}	                            
		                            
		                            
#l,#lpw, #loginsubmit {vertical-align: middle;
		margin-bottom: 4px;
		border-style: none;
		
		background-color: #e3e3e3; 
		
		font-size: 1em;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: bold;
		color: #4b4b4b; 
		
		padding: 2px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}	
 
 
 #l ,#lpw {width: 140px;}
 
 .hidden {
	position: absolute;
	top: -10000px;
}
 
/*************** RESOURCES */
 
 .resourceslogin #l, .resourceslogin #lpw, .resourceslogin #loginsubmit{padding:4px; background: #e80011 ; color:white;}

.loginForm strong { font-style: normal; text-transform: uppercase; font-weight: normal; }
 
 	 
.loginForm { 
		text-align: right; 
		font-size: .88em;
		margin-bottom: 4px;
		color: #4b4b4b;
		background-color: #efefef;
		padding-top: 2px; 
		padding-bottom:2px;
		padding-left:12px;
		padding-right:12px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
			}
.loginForm a {color: #ca0012}
.loginForm a:focus , .loginForm   a:hover {
	text-decoration: underline; 
	color: #3e0001}
.-loginForm input {border-style: none; color: #797979; width:120px;height:18px;padding:1px; background-color: #e3e3e3 }

 
/*********************** CHALLENGES PAGE */

.challenges {}
.challenges .page_item ul { 
	margin: 0 ;
	list-style-type: none;  
}
.challenges  li { 
	margin: 0 ;
	list-style-type: none; 
	}
.challenges ul    {
			margin:0px 18px 0px 0px ;
			list-style-type: none;  }
	
.challenges li.page_item   {
			list-style-type: none; }
	
.challenges .page_item a {
		background-color: white; 
		display:block;
		border-top-color: white;
		border-left-color: #bfbfbf;
		border-bottom-color: #7f7f7f;
		border-right-color: #7f7f7f;
		border-width: 1px;
		border-style: solid;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px; 
		padding-left: 18px; 
		padding-bottom: 6px; 
		padding-right: 18px; 
		padding-top: 6px; 
		
		background-color: #f3f3f3;
		background-position: left top; 
		background-repeat: no-repeat; 
		background-image: url(images/DS/ OpenQuotes.gif); 
		font-size:1.2em;
		margin-bottom:1.25em;
}
.challenges .page_item a:focus , .challenges .page_item a:hover {
	text-decoration: underline;
	background-color: #e2e2e2;}

/************* CONTACT FORM */

.contactform {
	position: static;
	overflow: hidden;
	width: 500px;
}

.contactleft {
	width: 100px;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold; 
}

.contactright {
	width: 370px;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0; 
}

.contacterror { 
color:white;
	background-color:#e80011  ;
}
#wpcf_msg {
		width:208px; 
		height:120px;padding:5px;}
 


  .contactform  textarea    { width:208px;height:120px;padding:5px;}






ol.ResouceDownloads   {    margin: 0 auto; }
ol.ResouceDownloads li  {

	list-style-position: inside;
	list-style-type: none; 
	padding: 0px;
	border-style: none;
	float: left;
	display: block;
	font-size:1.5em;line-height:1;margin-bottom:1em;
}
.ResouceDownloads .ZIP    { 
	background-color: white; 
		 
		padding: 18px 8px 18px 48px;  
		
		background-color: #f3f3f3;
		background-position: 2px center; 
		background-repeat: no-repeat; 
		background-image: url(images/packshots/Resource_zipfile_icon.gif); 
		margin-bottom: 9px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}



 p a img {-margin:0;-padding:0; -clear:both;}
 
 .shadowrule {margin-bottom:8px;}
 #vcard { padding:0px; margin:0px;}
 .vcardphoto {     margin: 0 auto;
 	 float: right;   
 	 height:36px; margin-bottom:36px; display: block; border-bottom: red 1px dashed;
	float: left;
	display: none;}
  .region , .locality {display: inline;}
  
  #SolutionMatrix {background-color: white;}
  
  #SolutionMatrix tr, #SolutionMatrix th, #SolutionMatrix td {text-align: center; margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
  
#SolutionMatrix table {margin-bottom:1.4em;width:100%;}
#SolutionMatrix th {color: #2d2d2d; font-weight:bold;background:#efefef;}
#SolutionMatrix th, #SolutionMatrix td {padding:4px 10px 4px 5px;}
#SolutionMatrix th , #SolutionMatrix td{border-bottom:3px solid #efefef;}
#SolutionMatrix tr.even td {background:#c7c7c7;}
#SolutionMatrix tfoot {font-style:italic;}
#SolutionMatrix caption {background:lightgrey;}

#SolutionMatrix tr:hover     {color: black; background-color: #efefef;border-bottom:2px solid grey;}
 #SolutionMatrix .bespoke {text-transform: lowercase; color: black; background-color: #e03c43;}
 #SolutionMatrix .core {text-transform: lowercase; color: black; background-color: #dc696f;}
 #SolutionMatrix .limited {text-transform: lowercase; color: black; background-color: #db9698;}
 #SolutionMatrix .optional {text-transform: lowercase; color: black; background-color: #d7c0c1;}
 
 
 
 /******************** WIDGETS */
 #widgets  { padding:0px; margin:0px;} 
#widgetRow {
	background-color: #e2e2e2;
	color: white;
  		margin: 0;
		padding: 0;
}
 
 
		
.widgets {		 padding:0px
   				margin:0px;    
  				color: white;   
  				 
}
 .widgets  {	
  				 padding: 10px 25px 15px 25px;     
 				 }
 				 
/*front page widget bar  
#widgetRow  { padding:0px; margin:0px;} 
#widgetRow ul   {    margin: 0 auto; }
#widgetRow ul li  {

	list-style-position: inside;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	border-style: none;
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 252px;
}
#widgetRow ul h2  { 
} 
#widgetRow ul h2  ,#widgets ul h2  a { 
	list-style-type: none; 
	text-decoration: none; 
	color:white; 
} 
#widgetRow ul h2   a:focus, #widgetRow ul h2    a:hover {
	text-decoration: underline; 
	color:#e3e3e3; 
} 
#widgetRow ul li li  {
	list-style-type: none;
	border-style: none;
}
#widgetRow ul li li a  {
	text-decoration: none;
	border-top-width: 1px;
	border-top-color: #797979;
	border-bottom-color: #4b4b4b;
	border-bottom-width: 1px;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: solid;
	color: white;
	display: block;
}
#widgetRow ul li li a:focus , #widgetRow ul li li a:hover  { 
	text-decoration: underline; 

	border-top-width: 1px;
	border-top-color: #4b4b4b;
	border-bottom-color: #c7c7c7;
	border-bottom-width: 1px;
	border-left-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: solid;
	color: white;
	background-color: #4b4b4b;
	display: block;

}
*/
/* widget column */
#widgetColumn {
	 
	}
#widgetColumn ul     { 
	margin: 0px;
	padding:0px; 
}
#widgetColumn ul li   {    
	list-style-type: none;
}
#widgetColumn  li   { 
}
#widgetColumn h2  , .widgettitle {
	font-size:1.5em;
	line-height:1;
	margin-bottom:1em;
}
 
 
.widgettitle {margin-top:18px;
	 }

.widget_flickrRSS  { 
	padding: 24px; 
}
.widget_flickrRSS a {
	display: inline-block;
	margin: 0px;
	padding: 5px;
	background-color: #b90000; 
}
.widget_flickrRSS  a:focus , .widget_flickrRSS  a:hover {
	text-decoration: underline; 

	display: inline-block;
	margin: 0px;
	padding: 5px;
	background-color: #f4020a; 
}
 
 
.textwidget ul li   , .widget_rss ul li   { 
	background-repeat: no-repeat; 
	background-position: left 4px; 
	background-image: url(images/bullet.gif); 
	list-style-type: disc;   
	padding-left: 14px;
}



/******************* COMMENTS */
ol.commentlist     {  
	margin: 0px;
	padding:0px; 
}

ol.commentlist  li   {    
	background-color: #e3e3e3;    
	list-style-type: none;
}


/* addresses */
.adr , .street-address , .locality , .region , .postal-code , .country-name {
	display: inline-block;
	}