/* ================================================================================================= */
/* Join ICA - global.css          																	 */
/* ------------------------------------------------------------------------------------------------- */
/* Main CSS file for all screen styles on JoinICA site.                                              */
/* ------------------------------------------------------------------------------------------------- */
/* ================================================================================================= */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table of Contents ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*	
	* Tags - #tags
	* Layout Containers - #layout
	* Breadcrumb - #breadcrumb
	* Disclaimer - #disclaimer
	* Fat Footer - #fat
	* Sliding Button - #slideButton
	* Footer - #footer
	* Misc Classes - #misc
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* -------------------------------------------------------------------------------------------------	
 * Tags - #tags
 * ------------------------------------------------------------------------------------------------- */
	*:focus {
		outline:none; /* Remove focus outline - Firefox */
	}
	
	body {
		background:url(../images/body_bg.jpg) repeat-x top #C6C6C6;
		color: #6a6c71;
		font-family: Arial, Verdana, Helvetica,sans-serif; 
		font-size:12px;
		line-height:16px;
	}
	
	.ie6 body,
	.ie7 body {
		behavior: url("/js/csshover.htc"); /* :whatever fix for IE Browsers - Path relative to HTML file! */
	}
	
	a {
		outline: 0; /* added to remove border in FF */
	}
	
	a,
	a:link {
		color:#3151a2;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	a:visited {
		color:#3151a2;
		text-decoration:none;
		outline: 0; /* added to remove border in FF */
	}
	
	a:hover {
		color:#cc0000;
	}
	
	a:active {
		text-decoration:none;
		outline: 0; /* added to remove border in FF */
	}
	
	blockquote {
		color:#cc6633;
		font-size:14px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
	}
	
	blockquote big {
		color:#999;
		float:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:45px;
		font-weight:bold;
		line-height:45px;
		width:30px;
	}
	
	blockquote em {
		font-weight:normal;
		line-height:25px;
		margin-left:30px;
	}
	
	/* On our_mission.html, give the quote a big height */
	blockquote big.ourMission {
		height:300px;
	}

	h1, 
	h2 {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight:bold;
	}
	
	h1 {
		color:#b6300c;
		font-size:20px;	
		font-weight: normal;
		letter-spacing:-.7px;
		padding:5px 0;	
	}
	
	h1 sup {
		font-size:14px;
		vertical-align:text-top;
	}
	
	h2 {
		color:#b6300c;
		font-size:15px;
		letter-spacing:-.7px;
		padding:5px 0;
	}
	
	h2 sup {
		font-size:12px;
		vertical-align:text-top;
	}
	
	h3 {
		font-size:13px;
		color:#b6300c;
		padding:5px 0;
		letter-spacing:-.7px;
	}
	
	h4 {
		/*15px via YUI Fonts CSS foundation*/
		font-size: 116%;
	}
	
	h5 {
		/*13px via YUI Fonts CSS foundation*/
		font-size: 100%;
	}
	
	h6 {
		/*12px via YUI Fonts CSS foundation*/
		font-size: 93%;
	}
	
	li {
		list-style-type:disc;
		margin:10px 0;
	}
	
	li li {
		list-style-type:circle;
	}
	
	noscript p {
		background:url(../images/noscript_icon.png) no-repeat 10px center #FFC;
		border:1px solid #CCC;
		font-size:14px;
		font-weight:bold;
		line-height:45px;
		height:45px;
		padding:0 0 0 60px;
		margin:0 auto;
		width:854px;
	}
	
	p {
		margin:0 0 15px 0;
	}
	
	sup {
		vertical-align:top;
	}
	
	table {
		border:1px solid #d3ddff;
		border-collapse:collapse;
		text-align:left;
	}
	
	table a,
	table a:link,
	table a:visited {
		font-weight:bold;
		text-decoration:underline;
	}
	
	table th {
		background:#b9c9fe url(../images/table_heading_bg.jpg) repeat-x;
		border-top:2px solid #d3ddff;
		border-bottom:1px solid #d3ddff;
		color:#276BAC;
		font-size:16px;
		font-weight:bold;
		padding:8px 10px;
	}
	
	table td {
		border-bottom:1px solid #d3ddff;
		border-top:1px solid #d3ddff;
		background:#e8edff url(../images/table_cell_bg.jpg) repeat-x;
		color:#669;
		padding:8px 10px;
	}
	
	table tfoot tr td {
		background:#e8edff;
		color:#99c;
		font-size:12px;
	}
	
	table tbody tr:hover td {
		background:#d0dafd url(../images/table_hover_bg.jpg) repeat-x;
		color:#339;
	}
	
	ul {
		margin-left:40px;
	}


/* -------------------------------------------------------------------------------------------------	
 *  Layout Containers - #layout
 * ------------------------------------------------------------------------------------------------- */
	#wrapper {
		margin:0 auto;
		background:#FFF;
		width:916px;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Breadcrumb - #breadcrumb
 * ------------------------------------------------------------------------------------------------- */
	#breadcrumb {
		background:url(../images/breadcrumb_bg.jpg) no-repeat top #D3E5EF;
		font-size:11px;
		padding:10px 15px;
		text-align:right;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Disclaimer - #disclaimer
 * ------------------------------------------------------------------------------------------------- */
	#disclaimer {
		background:#E9F3FF;
		border-top:1px solid #dde8f0;
		color:#888;
		margin-top:20px;
		padding:15px;
	}
	
	#disclaimer p {
		margin:0;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Fat Footer - #fat
 * ------------------------------------------------------------------------------------------------- */
	#fatFooter {
		background:url(../images/fat_footer_bg.jpg) repeat-x top #E7F2F8;
		border-top:1px solid #ABD0E3;
		padding:15px 20px;
	}
	
	#fatFooter a {
		color:#666;
		font-weight:normal;
	}
	
	#fatFooter a:hover {
		color:#333;
		font-weight:normal;
	}
	
	#fatFooter h4 {
		color:#2784C7;
		font-size:12px;
	}
	
	/* Override base behavior*/
	#fatFooter h4 a {
		color:#2784C7;
		font-weight:bold;
	}
	
	#fatFooter h4 a:hover {
		color:#2170A9;
		font-weight:bold;
	}
	
	.fatFooterList {
		float:left;
		width:20%; /* Adjust for # of Columns */
	}
	
	.fatFooterList ul {
		margin:5px 0 0 0;
	}
	
	.fatFooterList li {
		list-style-type:none;
		margin:0;
	}

/* -------------------------------------------------------------------------------------------------	
 *   Footer - #footer
 * ------------------------------------------------------------------------------------------------- */
	#footer {
		background:url(../images/footer_bg.jpg) no-repeat;
		height:36px;
		padding:15px;
	}
	
	#footer a {
		color:#5a8da3;
		font-weight:bold;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#6eacc6;
		text-decoration:underline;
	}
	
	#footer p {
		color:#5a8da3;
		font-size:11px;
		margin:0 0 3px 0;
	}


/* -------------------------------------------------------------------------------------------------	
 *   Sliding Button - #slideButton
 * ------------------------------------------------------------------------------------------------- */
	a.squarebutton {
		background:url(../images/sliding_button_left.png) no-repeat left top;
		background-position:0 -40px;
		display:block;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		height:40px;
		letter-spacing:-.5px;
		padding-left:19px;
		text-decoration:none;
		text-transform:uppercase;
		word-spacing:2px;
	}
	
	a.squarebutton:link {
		color:#253D52;
		font-weight:bold;
	}
	
	a.squarebutton:visited {
		color:#253D52;
		font-weight:bold;
		text-decoration:none;
	}
	
	a.squarebutton:active {
		color:#253D52;
		font-weight:bold;
	}
	
	a.squarebutton span {
		background:url(../images/sliding_button_right.png) no-repeat right top;
		background-position:right -40px;
		display:block;
		padding:12px 40px 13px 0;
		text-decoration:none;
	}
	
	a.squarebutton:hover {
		background-position:0 0;
		text-decoration:none;
	}
	
	a.squarebutton:hover span {
		background-position:right 0;
		color:#555;
	}
	
	.btnWrapper {
		clear:both;
		overflow:hidden;
		padding-top:10px;
		width:100%;
	}
	
	
/* -------------------------------------------------------------------------------------------------	
 *   Misc. Classes - #misc
 * ------------------------------------------------------------------------------------------------- */
	.blockElementCenter {
		margin-left:auto; /* We don't want to override any top/bottom margins, so we write it the long way. */ 
		margin-right:auto;
	}
	
	.blockElementLeft {
		float:left;
		margin:0 15px 15px 0;
	}
	
	.blockElementLeft.border {
		background-color:#FFF;
		border:1px solid #666;
		padding:5px;
	}
	
	.blockElementRight {
		float:right;
		margin:0 0 10px 15px;
	}
	
	.blockElementRight.border {
		background-color:#FFF;
		border:1px solid #666;
		padding:5px;
	}
	
	.center {
		text-align:center;
	}
	
	.clear {
		clear:both;
	}
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.left {
		float:left;
	}
	
	.print {
		display:none;
	}
	
	.small {
		font-size:11px;
	}