@import url("forms.css");

div#filterbox{border:1px solid #e3e3e3; padding:10px; height:20px; }

a.l-homepage { color:#999;}

img.europe-logo {
	float: right;
	clear: both;
	margin-top: 30px;
	}	
	
	.padding-left { padding-left:25px; }

/* possible candidates for base css */

em, cite {
	font-style: italic;
}

strong {
	font-weight: bold; 
}

a {
 outline: none;
}

li img {
  display: block;
}

/* reusable */

.frame {
  border: 1px solid #ddd;
		padding: 4px;
		margin-bottom: 10px;
}

.frame2 {
  border: 1px solid #ededed;
		padding: 20px;
}

.inset {
  float: left;
		margin: 0 15px 10px 0;
}

.box { position: relative; width: 100%; }
.corner { position: absolute; width: 12px; height: 12px; repeat: no-repeat; font-size: 0%; }
.boxInner { padding: 10px; }
.tl { top: 0; left: 0; background-position: 0 0; }
.tr { top: 0; right: 0; background-position: -12px 0; }
.bl { bottom: 0; left: 0; background-position: 0 -12px; }
.br { bottom: 0; right: 0; background-position: -12px -12px; }

.blue { background-color: #398ABF }
.blue .corner { background-image: url(../../images/bg/corners_blue.gif); }

.yellow { background-color: #D8B10B; }
.yellow .corner { background-image: url(../../images/bg/corners_yellow.gif); }

.purple { background-color: #793081; }
.purple .corner { background-image: url(../../images/bg/corners_purple.gif); }

.grey, .loc { background-color: #EEEDED; }
.grey .corner, .loc .corner { background-image: url(../../images/bg/corners_grey.gif); }

.green, #p-home .loc { background-color: #7DAC2A; }
.green .corner, #p-home .loc .corner { background-image: url(../../images/bg/corners_green.gif); }

/*ICONS*/

.file, .txt, .pdf, .word, .doc, .ppt, .xls, .ext, .zip {
  margin-left: 1px;
  padding: 4px 10px 3px 22px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(../../../images/icons/page.gif);
  line-height: 1.5em;
}

.pdf {
  background-image: url(../../images/icons/page_white_acrobat.gif);
}

.doc, .word {
  background-image: url(../../images/icons/page_white_word.gif);
}

.xls {
  background-image: url(../../images/icons/page_white_excel.gif);
}

.ppt {
  background-image: url(../../images/icons/page_white_powerpoint.gif);
}

.jpg, .gif, .png {
  background-image: url(../../images/icons/page_white_picture.gif);
}

.ext {
  background-position: 7px 50%;
		background-image: url(../../images/icons/ext.gif);
}


/* fonts */

body, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#strap {
  font-size: 11px;
}

#primary h1 {
  font-size: 18px;
}

#primary h2 {
  font-size: 14px;
}

#primary h3 {
  font-size: 16px;
}

#primary .section-header h1 {
  font-size: 14px;
}

#tertiary h2 {
  font-size: 13px;
}

/* main css */

html, body {
	height: 100%; /* needed for container min-height */
}

body {
		text-align: center;
		background: #ebebeb url(../../images/bg/bg.jpg) repeat-x 0 0;
		color: #666;
}

a {
  color: #DFB601;
		text-decoration: none;
}

h2 {
  text-transform: uppercase;
}

h3 {
  color: #888;
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
}

table {
  border-bottom: 2px solid #efefef;
		width: 100%;
}
				
tr {
}
				
th {
  padding: 5px 30px 5px 0;
		color: #999;
		width: 80px;
		vertical-align: top;
		border-bottom: 1px solid #e6e6e6;
}

td {
  padding: 5px 30px 5px 0;
		border-bottom: 1px solid #e6e6e6;
}

hr {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 8px 0 20px;
  height: 0;
		width: 37%;
}

.hr {
  background: #fff url(../../images/bg/hr.gif) no-repeat 0 bottom;
  margin: 8px auto 20px;
  height: 1px;
} 

#container {
  position: relative;
		margin: 0 auto;
		padding: 10px 0;
		text-align: left;
		width: 840px;
		background-color: #fff;
		
		height: auto !important; /* real browsers */
	 height: 100%; /* IE6: treated as min-height*/
		min-height: 100%; /* real browsers */
}

#pageheader, #pagebody, #pagefooter {
  margin: 0 10px;
}

#pageheader {
  position: relative;
		height: 172px;
		background: url(../../images/bg/header.jpg) no-repeat 0 0;
		border-bottom: 1px solid #dbdbdb;
}

			#logo {
			  position: absolute;
					top: 30px;
					left: 30px;
			}
			
			#strap {
					position: relative;
					top: 90px;
					left: 88px;
					width: 290px;
					color: #494949;
					text-transform: uppercase;
					font-weight: bold;
			}
			
			#nav-main li {
			  padding-bottom: 4px;
			}
			
			#nav-main a {
			  color: #fff;
					text-transform: uppercase;
					background: url(../../images/bg/arrow_right_white.png) no-repeat 0 50%;
					padding: 0 0 0 34px;
					font-weight: bold;
			}
			
			#nav-main a:hover {
				  color: #eee;
						background: url(../../images/bg/arrow_right_gold.png) no-repeat 0 50%;
			}
			
			  #p-home #n-home a,
					#p-about #n-about a,
					#p-why #n-why a,
					#p-who #n-who a,
					#p-success #n-success a,
					#p-team #n-team a,
					#p-resources #n-resources a,
					#p-news #n-news a,
					#p-contact #n-contact a,
					#p-business-support-links #n-business-support-links a,
					#p-young-chamber #n-chamber a,
					#p-strategic-engagement #n-strategic-engagement a {
					  background: url(../../images/bg/arrow_right_gold.png) no-repeat 0 50%
					}
			
			#nav-main1, #nav-main2 {
			  position: absolute;
					top: 28px;
					left: 412px;
			}
			
			#nav-main2 {
					left: 600px;
			}

#pagebody #secondary {
  width: 200px;
		float: right;
}
    
				#secondary h2 {
				  color: #333;
						font-weight: bold;
						margin-top: 19px;
						padding: 0 0 4px 20px;
						background: url(../../images/bg/arrow_right_green.png) no-repeat 0 2px;
				}
				
				#secondary li a {
				  display: block;
						color: #999;
						padding: 2px 0 2px 20px;
						background: url(../../images/bg/arrow_right_grey.png) no-repeat 0 4px;
						/*text-transform: uppercase;*/
				}
				
				#secondary li a:hover {
				  background: url(../../images/bg/arrow_right_green.png) no-repeat 0 4px;
				}
				
				  #p-opp-indiv #secondary li#n-opp-indiv a,
						#p-opp-team #secondary li#n-opp-team a,
						#p-opp-mentor #secondary li#n-opp-mentor a,
						#p-opp-sponsor #secondary li#n-opp-sponsor a,
						#p-opp-bono #secondary li#n-opp-bono a {
						  background: url(../../images/bg/arrow_right_green_on.png) no-repeat 0 0;
								color: #fff;
						}

					#nav-location ul {
					  background: #fff;
						padding-bottom: 20px;
					}
					
					#map {
				    position: absolute;
						top: 180px;
						right: 5px;
						z-index: 101;
				 }
					
				#p-home #map {
				  right: -5px;
				}
				
				#box-register {
						padding: 42px 0 0 0;
						margin-bottom: 55px;
				}
				
				  #p-home #box-register {
						padding: 60px 0 0;
						height: 297px;
				  }
				
				#box-register h2 {
				    text-indent: -3000px;
						height: 60px;
						border: none;
						background: url(../../images/bg/interested.gif) no-repeat 10px 0;
				}
								
				  #p-home #box-register h2.interested {
					  height:41px;
				    background: url(../../images/bg/interested-home.gif) no-repeat 10px 0;
				  }
				  
				  #p-home #box-register h2.follow {
				    background: url(../../images/bg/follow-us-home.gif) no-repeat 10px 0;
					height: 20px;
				  }
				
				#box-register li {
				  background: none;
					padding-left: 0;
					padding-top: 6px;
					margin-left: 10px;
				}
				
				div.follow { display: none; }
				#p-home div.follow { display: inherit; }
				
				#box-register li a {
				  color: #999;
				  padding: 0 0 0 20px;
					background: url(../../images/bg/arrow_right_green.png) no-repeat 0 2px;
				}
				
				#p-home #box-register li a.noarrow { background-image: none; width:25px; float: left; padding: 0; margin-left: 10px; }
								#p-home #box-register li a#start { margin-left: 20px; }
				
				  #p-home #box-register li a {
						  color: #fff;
							background: url(../../images/bg/arrow_right_green2.png) no-repeat 0 2px;
						}
				
				#box-register li a:hover {
				  background: url(../../images/bg/arrow_right_grey.png) no-repeat 0 2px;
				}
				
				#f-newsletter {
				  margin: 10px 0 0 32px;
					padding: 0;
				}
				
				#f-newsletter label {
				  display: none;
				}
				
				#f-newsletter input.itext {
				  background-color: #fff;
						color: #52760C;
						border: none;
						padding: 1px 5px;
						margin: 0;
						width: 110px;
				}
				
				  #home #f-newsletter input.itext {
				    background-color: #E4EFCF;
				  }
				
				#f-newsletter input.submit {
				  border: none;
						color: #999;
						background-color: #EEEDED;
						cursor: pointer;
						text-transform: uppercase;
						padding: 7px 0 1px 0;
						margin: 0;
						text-align: left;
				}
				
				  #p-home #f-newsletter input.submit {
						  color: #fff;
							background-color: #7DAC2A;
						}

#pagebody #primary {
  width: 580px;
  float: left;
}
				
				.section-header {
				  padding: 8px 0 7px 38px;
					background: url(../../images/bg/arrow_med_down_gold.gif) no-repeat 20px 10px;
					border-bottom: 1px solid #dcdcdc;
				}
				
				.sub {
				  border-top: 1px solid #dcdcdc;
				}
				
				  .box .sub {
					  border-top: 0;
					}
				
				.section-header h1 {
				  padding: 0 0 0 0;
					text-transform: uppercase;
					color: #DFB601;
				}
				
			.section {
				  margin: 15px 0 40px 38px;
				}
				
    .section p, .section td, .section th, .section h2, .section li, .section address, .section blockquote {
				  line-height: 1.5em;
				}
				
				.section p, .section address, .section blockquote {
				  padding-bottom: 10px;
				}
				
				.section blockquote {
				  border: 5px solid #eee;
						background-color: #fff;
						color: #888;
						padding: 20px 20px 15px;
						margin: 10px 0 20px;
				}
				
				.section h1 {
				  color: #CFA415;
				  text-transform: uppercase;
						padding: 0 0 8px 0;
				}
				
				.section h2 {
				  color: #CFA415;
				  text-transform: uppercase;
						padding: 0 0 0 0;
						margin: 6px 0 9px;
				}
				
				
				.section ul, .section ol {
				  padding-bottom: 10px;
				}
				
				.section li {
				  padding: 0 0 8px 15px;
				  background: url(../../images/bg/bullet_s_gold.png) no-repeat 0 7px;
				}
				
				.section .box {
				  margin: 10px 0 30px;
					padding: 10px 20px 0;
					width: 500px;
				}
				
				
				/*listings style page*/
				
				#listing {
						margin-top: 24px;
						padding-bottom: 10px;
				}
				
				.item {
				  position: relative;
						border-top: 4px solid #DFB601;
						padding: 35px 0 10px 0;
						overflow: auto;
				}
				
				#listing h2 {
				  margin: 0;
					padding: 0;
				}
				
				.item img {
				  float: left;
				  margin-right: 15px;
				}
				
				table {
					clear: both;
				}
				
				.summary table {
				    clear: none;
						float: left;
						width: 365px;
						margin-top: -7px;
				}
				
				.summary .noimage table {
				  width: 100%;
				}
				
				.nav-sector {
				  position: absolute;
					top: 65px;
					right: 0;
					list-style: none;
				}
				
				.nav-sector li {
					float: left;
					list-style: none;
					background: none;
					padding: 0;
					margin: 0;
				}
				
				.nav-sector li a {
				  display: block;
					height: 20px;
					width: 20px;
					background-image: url(../../images/icons/icon_education.png);
					background-repeat: no-repeat;
					background-position: 0 0;
					text-indent: -3000px;
				}
				
				.nav-sector li.nav-safety a { background-image: url(../../images/icons/icon_safety.png);} 
				.nav-sector li.nav-community a { background-image: url(../../images/icons/icon_community.png);}
				.nav-sector li.nav-environment a { background-image: url(../../images/icons/icon_environment.png);}
				.nav-sector li.nav-economy a { background-image: url(../../images/icons/icon_economy.png);}
				.nav-sector li.nav-health a { background-image: url(../../images/icons/icon_health.png);}
				.nav-sector li.nav-arts a { background-image: url(../../images/icons/icon_arts.png);}
				
				.nav-sector li a:hover {
				  background-position: 0 -20px;
				}
				
    .nav-more a {
      position: absolute;
						top: 42px;
						right: 0;
						width: 96px;
						height: 13px;
						background: url(../../images/bg/nav-moreinfo.gif) no-repeat 0 0;
						text-indent: -3000px;
    }
				
				#nav-getinvolved a {
				  display: block;
						width: 121px;
						height: 13px;
						background: url(../../images/bg/nav-getinvolved.gif) no-repeat 0 0;
						text-indent: -3000px;
						float: right;
				}
				
				#nav-getinvolved em {
				  display: block;
						font-style: normal;
						margin: 20px 0 10px;
				}
				
				.nav-more a:hover, #nav-getinvolved a:hover {
				  background-position: 0 -20px;
				}
				
				.nav-more a {
          position: absolute;
					top: 42px;
					right: 0;
					width: 96px;
					height: 13px;
					background: url(../../images/bg/nav-moreinfo.gif) no-repeat 0 0;
					text-indent: -3000px;
    }
				
				.nav-more a:hover {
				  background-position: 0 -20px;
				}
				
				#primary #nav-pager {
				  position: relative;
					height: 67px;
					padding-top: 14px;
				  border-top: 4px solid #9CC538;
				}
				
				#primary #nav-pager li {
				  float: left;
					background: none;
					padding: 0 5px 0 0;
				}
				
				#primary #nav-pager li a {
						display: block;
						padding: 0 5px;
						border: 1px solid #ccc;
						color: #9CC538;
				}
				
				#primary #nav-pager li a:hover {
				  border-color: #9CC538;
				}
				
				#primary #nav-pager li.on a {
				  background-color: #9CC538;
						border: 1px solid #9CC538;
						color: #fff;
				}
				
				#primary #nav-pager li.nav-prev a {
				  background: url(../../images/bg/nav-prev.gif) no-repeat 0 0;
						display: block;
						width: 75px;
						text-indent: -3000px;
						border: none;
				}
				
				#primary #nav-pager li.nav-next a {
				  background: url(../../images/bg/nav-next.gif) no-repeat 0 0;
						position: absolute;
						right: 0;
						width: 75px;
						text-indent: -3000px;
						border: none;
				}
				
				#primary #nav-pager li.nav-prev a:hover,
				#primary #nav-pager li.nav-next a:hover {
				  background-position: 0 -20px;
				}
				
				/* resources */
				
				#p-resources li {
				  background: none;
						padding-left: 0;
				}
				
				/*homepage*/
				
				#p-home #pagebody #primary {
      width: 610px;		
				}
				
				 #p-home #box-register {
				  margin-bottom: 0;
				}
				
				#promo {
				  background: url(../../images/bg/getinvolved.gif) no-repeat 0 18px;
				}
				
				#promo img {
				  display: block;
					position: relative;
					top: 53px;
					left: -20px;
					z-index: 100;
				}
				
				#box-opps {
				  width: 400px;
				  float: left;
				}
				
				#box-completed, #box-news {
					width: 200px;
				  float: right;
				}
				
				#box-news {
				  margin-top: 9px;
				}
				
				#p-home .box {
				  padding: 6px 0 2px;
					color: #fff;
				} 
				
				.box a {
				  color: #fff;
				}
				
				#primary .box h2 {
				  display: block;
					height: 20px;
					font-weight: bold;
				  padding: 3px 0 4px 18px;
					margin-bottom: 5px;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					line-height: 1em;
					color: #fff;
				}
				
				  #primary #box-opps h2 {
						text-indent: -3000px;
						background: url(../../images/bg/t-completed.gif) no-repeat 2px 0;
			  	}
					
					#box-opps ul {
					  padding: 0 0 1px;
					}
				
				  #primary #box-completed h2 {
				    text-indent: -3000px;
					  	background: url(../../images/bg/t-news.gif) no-repeat 2px 0;
				  }
				
			  	#primary #box-news h2 {
				    text-indent: -3000px;
					  background: url(../../images/bg/t-opp.gif) no-repeat 2px 0;
				  }
				
				  #box-completed ul, #box-news ul {
				    padding: 8px 0 7px; 
					  border-bottom-width: 1px;
					  border-bottom-style: solid;
				  }
				
				.box li {
						padding: 0 0 3px 18px;
						background: url(../../images/bg/bullet_s.png) no-repeat 6px 6px;
				}
				
				#box-opps li {
				  padding: 10px 0 10px 18px;
						background: url(../../images/bg/bullet_s.png) no-repeat 6px 16px;
						border-bottom-width: 1px;
						border-bottom-style: solid;
				}
				
				#box-opps li a {
				  color: #534D35;
				}
				
				#box-opps li p.sub a {
				  color: #fff;
						display: block;
						padding-top: 3px;
				}
				
				.yellow h2 { border-color: #EFE09D; }
				.purple h2 { border-color: #C6AEC8; }
				.blue h2 { border-color: #B1CFE7; }
				.green h2 { border-color: #BACC90; }
				
    .yellow ul, .yellow li { border-color: #E8D16C; }
				.purple ul, .purple li { border-color: #AF84B2; }
				.blue ul, .blue li { border-color: #8BB8D9; }
				.green ul, .green li { border-color: #B6C991; }
				
				.box .more {
				  padding: 10px 0 0 18px;
				}
				
#pagebody #tertiary {
  overflow: auto;
		clear: both;
}				

       #pagebody #tertiary h2 {
					color: #999;
					padding: 20px 0 6px 30px;
					margin-bottom: 9px;
					border-bottom: 1px solid #dcdcdc;
					background: url(../../images/bg/arrow_med_down_grey.gif) no-repeat 10px 20px;
				}
				
				ul#involved-logos {
				  margin: 0;
					padding: 0;
				}
				
				ul#involved-logos li {
				  display: block;
						height: 110px;
						width: 166px;
						background: url(../../images/bg/logobox.gif) no-repeat 0 0;
						float: left;
				}
				
				ul#involved-logos li.last {
				  width: 152px;
				}
				
				ul#involved-logos li div {
				  margin: 5px 0 0 5px;
						width: 152px;
				}

#pagefooter {
		clear: both;
		position: relative;
		border-top: 3px solid #D8B10B;
		margin-top: 0;
		padding: 10px 0 40px;
		color: #cecece;
		text-transform: uppercase;
		height: 60px;
}

    #pagefooter a {
				  color: #cecece;
						text-decoration: none;	
				}
				
				#pagefooter a:hover {
						color: #398ABF;
				}
				
				#copyright, #credit {
				  position: absolute;
					top: 10px;
				}
				#copyright {left: 0;}
				#credit {right: 0;}
				
				
				
.brief-info {
	padding: 30px;
	line-height: 2em;
	font-size: 20px;
	color: #aaa;
	background-color: #fafafa;
}				
				
/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .section-header h1 {
	 visibility: hidden;
}

.sIFR-hasFlash .section h1 {
  visibility: hidden;
}

.sIFR-hasFlash .section h2 {
	visibility: hidden;
	width: 445px;
}

.sIFR-hasFlash #strap {
  width: 285px;
}