@charset "UTF-8";
/* CSS Document */
html, body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #CFDEF2;	*/
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 10px;
	color: #FFFFFF;
	height: 100%;
}	

#container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px;
	} 
	
#header{
	margin: 0px;
	padding: 0px;
	height: 68px; 
	width: 100%;
	background: #FFFFFF;
	}	
	
#headerNav{
display:none;
visibility: hidden;
}

	
/*left side of the header contains the logo white background*/
#logo{
display:none;
visibility: hidden;
}  

#logo-print{
margin: 0px;
padding: 0px 0px 0px 20px;
height: 68px;
width: 234px;
float: left;
background: #FFFFFF;
}


/*contains all of the main content with 2 columns mainLeft and mainRight*/	
#mainContent{
/*min-height:353px;*/
	/*overflow: hidden;*/
	background-image: none;
	/*background-image:url(/assets/images/borderwhite.gif);
	background-repeat:repeat-y;	  */
	background-color:#FFFFFF;   
	width:100%;
	}
#mainNav{
 	display:none;
	visibility:hidden;
}

/*controls left column floated left set widht 288px*/
#mainLeft{
	display:none;
	visibility:hidden;
	}
	
/*controls the right column floated right set width 576px */
#mainRight{
	/*width: 576px;	*/
	float: left;  
	background-color:#FFFFFF; 
	width:100%;
	}

 #gradient {
	/*background-image:url(http://aabgu.pub30.convio.net/assets/images/gradientarticle.jpg);
	background-repeat: repeat-x;
	height: 22px;
	/*background:#999999;*/
	margin: 0px;
	padding: 0px;
	}

/*list with underline looks like a <p> grey type*/
#regions li{
	/*margin: 0 0 0 30px;*/
	/*padding: 0px 145px 0px 15px;*/
	font-size: 12px;
	line-height: 18px;
	font-weight:100;
	color: #333333;
	}
	
/*paragraphs in grey*/	
#regions p{
	margin: 0px 10px 0 15px;
	font-size: 12px;
	line-height: 15px;
	font-weight:100;
	color: #333333;
	padding-bottom: 10px;
	}
	
#regions p.events{
	margin: 0 10px 0 15px;
	font-size: 12px;
	line-height: 15px;
	font-weight:100;
	color: #333333;
	padding-top: 10px; 
	border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333; 
	}	
	
#regions a {
   color: #333333;
}	

#regions a:link {
   color: #333333;	
} 

#regions a:hover {
   color: #f37421;
}

#flashMap{
	/*width: 576px;
	height: 327px;	*/
	margin: 0 0 10px 0px;}

	
#interior {
  /*width: 675px; */
  margin-right: 10px;
  /*float: left;	*/
  page-break-inside: auto;
}	
	
/*list with underline looks like a <p> grey type*/
#interior li{
	/*margin: 0 0 0 30px;*/
	/*padding: 0px 145px 0px 15px;*/
	font-size: 12px;
	line-height: 18px;
	font-weight:100;
	color: #333333;
	}
	
/*paragraphs in grey*/	
#interior p{
	margin: 0px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 15px;
	font-weight:100;
	color: #333333;	
	padding-bottom: 10px;
	}
	


	


/*/*paragraphs with a link has an orange link*/	
p a:link{
	color:#f37421;
	font-size: 12px;
	color: #333333;
	}
	
/*hover has no underline*/	
p a:hover{
	text-decoration:none;
	}

/*list with border right after text within a paragraph*/
.pipes a{
	text-decoration: none;
	}
	
.pipes a:link{
	color: #005295;}
	
.pipes a:hover{
	text-decoration:underline;}
 
#publications{
padding-left: 15px;
	padding-right: 10px;
}	   
#publications div.odd, #publications div.even{
display: inline;
margin: 0px; 
	font-size: 12px;
	line-height: 18px;
	font-weight:100;
	color: #333333;	
	padding-bottom: 10px;
}

#publications div.odd a, #publications div.even a {
 color: #16529A;
 text-decoration: none;
}
	
/*headlines in blue 19px*/
h1{
	margin: 0px;
	padding:15px 15px 5px 25px;
	color: #005295;
	font-size:18px;
	line-height: 22px;
	font-weight:500;}

	
/*headlines in orange 19px*/
h2{
	margin: 0px;
	padding:15px 5px 5px 15px;
	color: #F37421;
	font-size:17px;
	font-weight:bold;}
	
/*sub headline in orange 13px*/
h3{
	margin: 0px;
	padding:5px 5px 5px 15px;
	color: #F37421;
	font-size:13px;
	/*font-weight: 600;*/
	 }
/*dark grey headline medium size*/
h4 {
	margin: 0px;
	padding:10px 5px 5px 15px;
	color: #333333;
	font-size:13px;
	font-weight: bold;}


/*bold grey font 12px*/	
#mainRight strong{
	font-size: 12px;
	line-height: 15px;
	font-weight:bold;
	color: #333333;
	}
	
	
#interior-news {
  /*width: 675px;  */
  /*float: left;	*/
  padding-left: 15px; 
  margin-right: 10px;  
}	
	
/*list with underline looks like a <p> grey type*/
#interior-news li{
	/*margin: 0 0 0 30px;*/
	/*padding: 0px 145px 0px 15px;*/
	font-size: 12px;
	line-height: 18px;
	font-weight:100;
	color: #333333;
	font-family:"Times New Roman", Times, serif;
	}
	
/*paragraphs in grey*/	
#interior-news p{
font-family:"Times New Roman", Times, serif;
	padding: 0px 0 0px 0;
	font-size: 12pt;
	line-height: 18px;
	color: #333333;
	} 
#interior-news h1.article {
font-family: Arial, sans-serif;
font-size: 14pt;
font-weight:bold;
padding: 5px 0 0 0;
text-align: center;
color: #333333;
	}  
	
#interior-news h2.article {
font-family: Arial, sans-serif;
font-size: 12pt;
font-weight:bold;
padding: 5px 0 0 0;
text-align: center;
color: #333333;
}  

#interior-news h4{	
font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 11pt;
	color: #000000;
	text-align:center;
	padding: 40px 0 10px 0;
	}

h1.release {
font-family: Arial, sans-serif;
font-size: 14pt; 
line-height: 20px;
font-weight:bold;
padding: 10px 0 0 0;	
color: #333333;	
text-transform: uppercase; 
	}	 
	
h2.release {
font-family: Arial, sans-serif;
font-size: 12pt; 
line-height: 18px;
font-weight:bold;
padding: 10px 0 0 0;	
color: #333333;
	}	
	
#boilerplate{
font-size: 10pt;
color: #333333;
}	

#boilerplate h1{
font-family: Arial, sans-serif;
font-weight: bold;	 
font-size: 10pt;
color: #333333;
text-align: left;
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 16px;
}	 

#boilerplate p{
font-family:"Times New Roman", Times, serif; 
 font-size: 10pt;
color: #333333;
}	

#newsHeader{
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*height:88px;*/
	/*border: 1px solid #FFFF00;*/ 
	/*width:500px; */ 
	clear: right;
	
	}
#newsHeaderLeft{
	/*background:#00FF99;*/
	float: left;
	/*width:600px;*/
	/*height: 53px;	*/
	/*padding: 10px 0 10px 10px; */
	margin: 0;
	color: #005494;	
	clear: right;
	}
	
#newsHeaderRight {
display:none;
visibility: hidden;
	
	}

	
#newsNav{
display:none;
visibility: hidden;
	}


#contact {
padding: 0;
margin: 0;	

/*	height:80px;*/
	/*background:#0066CC;*/}
	
#contactRight {
	/*height: 80px;*/
	padding: 0px 0px 0 0;
	/*background:#CCCCCC;*/
	}	

#contactRight p
{font-family:"Times New Roman", Times, serif;
font-size: 12pt;
font-weight:bold;
padding: 0 0 0 0;}
	
#contactLeftArticle {
/*background:#CC66CC;*/
	/*float: left; */
	/*height: 80px;	 */
	padding: 10px 20px 0 0;	 
	/*clear:right;	*/
	}	
	
#contactLeftArticle h3{
	font-weight: bold;
	font-size:11pt;
	font-family:"Times New Roman", Times, serif;
	padding: 0;	
	color:#333333;
	}
	
#contactLeftNews {
/*background:#CC66CC;*/
	float: left;
	/*height: 80px;	*/
	padding: 0 20px 0 0;
	} 
	
	
/*light blue color on the paragraph*/
.blueType{
color: #ABE1FA;}


/*join button containter*/
/*height expands with type. set width 288 floated left centered with a font size 11px*/
#joinContainer{
display:none;
visibility: hidden;
	}



/*controls the arrows with a set height of 14px width 34px floated right. A overflow hidden is set to trick the image to roll over and switch to a different color*/	
#arrowBlue a{
	float: right;
	padding: 0px;
	margin: 0px 32px 0px 2px;
	display:block;
	height:14px;
	width:34px;
	overflow:hidden;	
}

/*controls the hover on the arrows. A -35px is set on the text-indent to show the second image of the arrow button*/	
#arrowBlue a:hover{
	display:block;
	text-indent:-35px;} 
/*end of join button*/


/*small button container on the right*/
#smallBt{
display:none;
visibility:hidden;
	}


/*image right styles*/	
/*orange headline above image*/
#imageRight h1{
color: #F37421;
font-size:12px;
margin: 0;
padding: 0;	
}

/*paragraph below image in grey*/
#imageRight p{	
font-size: 14px;
	color: #333333;
	/*text-decoration: underline;*/
	margin: 0;
	padding: 0;
	}

/*link below image*/	
#imageRight a:link{
font-size: 11px;
	color: #333333;
	text-decoration: underline;
	}
	
/*hover no underline*/
#imageRight a:hover{
	text-decoration: none;
}  

#image {
	padding: 0;
	margin: 0;
	/*background:#330000;*/}
/*caption*/	
#image h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	padding: 0;
	
	/*background:#FFFFFF;*/}

/*donation button container*/
/*set height and width 115px background blueButton.png*/	
#donationContainer{
display:none;
visibility:hidden;
	} 

	
/*small join button*/
/*background orange button JoinSmButton set height width 115px*/
#JoinSmContainer{
display:hidden;
visibility: none;
	} 

/*movie player set width centered*/
.player{
display:none;
visibility:hidden;}	  
	

/*this is for the curved corners on the bottom of the website*/	
#footer{
	padding: 0px;
	margin: 0 auto;
	width: 864px;
	height: 10px;
	} 

	
/*end of footer*/
	
	
	
.linksetSubMenu-1 {
display:none;
visibility:hidden;}
   


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}