@charset "utf-8";

html, div, ul { margin:0px; padding:0px; }

*html ul li a { height:1em; }

ul { position: relative; }

body {
	margin:0px;
	padding:0px;
	background:url(../img/bg.gif) top center repeat-x;
	background-color:#91c0d9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#384f53;
	width:100%;
	display:table;
	}
	
.column { float:left; }

#wrapper {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:970px;
	}
	
	#wrapperFrame {
		overflow:hidden;
		}
		
		#wrapperHeader {
			background:url(../img/headerbg.png) no-repeat;
			padding:10px 0px 0px 19px;
			}
			
			#logo {
				width:624px;
				height:59px;
				background:url(../img/logo.jpg) -19px 0px no-repeat;
				}
				
				#logo a {
					width:624px;
					height:59px;
					display:block;
					}
				
		#wrapperBody {
			background:url(../img/bodybg.png) repeat-y;
			padding:0px 15px 10px 15px;
			}
			
			#wrapperInnerBody {
				background:url(../img/bodyfooter.jpg) bottom no-repeat;
				}
				
				#banner {
					width:940px;
					height:160px;
					}
						
					.headerType_whoweare #banner { background-image:url(../img/banner/whoweare.jpg); }
					.headerType_ourstory #banner { background-image:url(../img/banner/ourstory.jpg); }
					.headerType_whereweare #banner { background-image:url(../img/banner/whereweare.jpg); }
					.headerType_whatwedo #banner { background-image:url(../img/banner/whatwedo.jpg); }
					.headerType_involvement #banner { background-image:url(../img/banner/involvement.jpg); }
					.headerType_spirituality #banner { background-image:url(../img/banner/spirituality.jpg); }
					.headerType_news #banner { background-image:url(../img/banner/news.jpg); }
					.headerType_members #banner { background-image:url(../img/banner/members.jpg); }
					.headerType_site #banner { background-image:url(../img/banner/site.jpg); }
					
			#wrapperColumn {
				width:900px;
				padding:0px 20px 110px 20px;
				}
			
				#wrapperColumnLeft {
					width:620px;
					margin:-20px 0px 0px 0px;
					}
				
				#wrapperColumnRight {
					float:right;
					width:234px;
					margin:25px 0px 0px 0px;
					}
			
/* NAVIGATION */

#navigation {
	position:relative;
	padding:0px;
	margin:0px;
	width:800px;
	height:39px;
	background:url(../img/navigation_sprite.gif) 0px 0px no-repeat;
	}
	
	#navigation li {
		position:absolute; 
		top:0;
		margin:0px; 
		padding:0px; 
		list-style: none;
		background-image:none;
		}
		
	#navigation li, #navigation a {
		height:39px; 
		display:block;
		}
		
	#navigation li a,
	#navigation li a:hover,
	#navigation li a.selected { position:absolute; background:url(../img/navigation_sprite.gif) 0px 0px no-repeat; }
		
	li#navi01 a { left:0px; width:99px; background-position: 0px 0px; }
	li#navi02 a { left:103px; width:93px; background-position: -103px 0px; }
	li#navi03 a { left:196px; width:119px; background-position: -196px 0px; }
	li#navi04 a { left:319px; width:107px; background-position: -319px 0px; }
	li#navi05 a { left:430px; width:113px; background-position: -430px 0px; }
	li#navi06 a { left:548px; width:109px; background-position: -548px 0px; }
	li#navi07 a { left:660px; width:57px; background-position: -660px 0px; }
	li#navi08 a { left:721px; width:76px; background-position: -721px 0px; }
	
	li#navi01 a:hover { background-position: 0px -39px; }
	li#navi02 a:hover { background-position: -103px -39px; }
	li#navi03 a:hover { background-position: -196px -39px; }
	li#navi04 a:hover { background-position: -319px -39px; }
	li#navi05 a:hover { background-position: -430px -39px; }
	li#navi06 a:hover { background-position: -548px -39px; }
	li#navi07 a:hover { background-position: -660px -39px; }
	li#navi08 a:hover { background-position: -721px -39px; }
	
	#navigation li a.selected { cursor:default; }
	
	li#navi01 a.selected { background-position: 0px -78px; }
	li#navi02 a.selected { background-position: -103px -78px; }
	li#navi03 a.selected { background-position: -196px -78px; }
	li#navi04 a.selected { background-position: -319px -78px; }
	li#navi05 a.selected { background-position: -430px -78px; }
	li#navi06 a.selected { background-position: -548px -78px; }
	li#navi07 a.selected { background-position: -660px -78px; }
	li#navi08 a.selected { background-position: -721px -78px; }
	
/* SECONDARY NAVIGATION */

ul#contextmenu {
	list-style:none;
	font-size:14px;
	background:url(../img/contextmenubg.jpg) repeat-y;
	margin-top:-5px;
	padding:0px 4px 0px 4px;
	}
	
	#contextmenu li {
		padding:0px;
		list-style:none;
		background:url(../img/li_bg.jpg) bottom repeat-x;
		border-top:1px dotted #b2d3e4;
		}
		
		#contextmenu li:first-child {
			border-top:none;
			}
			
		#contextmenu li a,
		#contextmenu li a:hover {
			background-image:url(../img/li_bullet.gif);
			background-position:12px 20px;
			background-repeat:no-repeat;
			text-decoration:none;
			padding:12px 0px 10px 30px;
			}
	
		#contextmenu li a { display:block; color:#b22b1d;  }
		#contextmenu li a:hover { color:#789557; background-image:url(../img/li_selected.gif); }
		
		#contextmenu li.selected {
			padding:0px;
			}
		
		#contextmenu li.selected a {
			padding:12px 0px 10px 30px;
			color:#789557;
			background-image:url(../img/li_selected.gif);
			background-position:12px 20px;
			cursor:default;
			}
	
ul#contextmenu ul {
	padding:6px 0px 10px 0px;
	}
	
	#contextmenu li.selected li {
		padding:2px 0px 0px 20px;
		line-height:25px;
		border:none;
		background:none;
		}
		
		#contextmenu li.selected li a {
			display:block;
			padding:0px 0px 0px 24px;
			color:#1c8ac5;
			background-image:url(../img/li_sub.gif);
			background-position:10px 9px;
			cursor:pointer;
			}
			
			#contextmenu li.selected li a:hover {
				*padding:0px 0px 0px 24px;
				}
			
		#contextmenu li li a:hover,
		#contextmenu li li a.selected { color:#789557; background-image:url(../img/li_sub.gif); *background-position:10px 9px; }
		
		#contextmenu li li a.selected {
			padding-left:24px;
			cursor:default;
			color:#789557;
			}
			
#contextmenuTop {
	background:url(../img/contextmenuTop.jpg) no-repeat;
	height:10px;
	}
	
#contextmenuBottom {
	background:url(../img/contextmenuBottom.jpg) no-repeat;
	height:127px;
	}
			
/* FOOTER */

#wrapperFooter {
	clear:both;
	overflow:hidden;
	color:#34617c;
	background:url(../img/footerbg.jpg) no-repeat;
	padding:15px 20px 80px 20px;
	}
	
	#footerNavi a { color:#34617c; text-decoration:none; }
	#footerNavi a:hover { color:#34617c; text-decoration:underline; }
			
	#fraynework {
		float:right;
		background:url(../img/fraynework.gif) 0px 0px no-repeat;
		width:142px;
		height:20px;
		}
		
		#fraynework a {
			display:block;
			width:142px;
			height:20px;
			}
			
		#fraynework a:hover {
			background:url(../img/fraynework.gif) 0px -20px no-repeat;
			}
			
/* NEWS LISTING */
	
li.thumbedItem {
	position:relative;
	margin:0px;
	padding:20px 0px 10px 120px!important;
	border-top:1px dotted #4d4d4d;
	width:500px;
	height:90px;
	background:url("../img/img_placeholderthumb.gif") no-repeat 0px 20px!important;
	}

ul > li.thumbedItem { height:auto; min-height:90px; }

li.thumbedItem img.itemThumb {
	position:absolute;
	border:1px solid #E5E5E5;
	padding:1px;
	top:20px;
	left:0px;
	width:96px;
	height:72px;
	}

li.thumbedItem .itemTextLine1,
li.thumbedItem .itemTextLine1 a {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#1dadf1;
	}

li.thumbedItem .itemTextLine1 { margin:0em 0em 0em 0em; }

li.thumbedItem .itemTextLine2 {
	margin:0.3em 0em 0em 0em;
	font-size:11px;
	font-style:italic;
	color:#a6a6a6;
	}

li.thumbedItem .itemTextLine3 { margin:0.3em 0em 0em 0em; }

li.thumbedItem_firstItem {
	margin-top:-20px;
	border-top:none;	
	}

ul.collection_thumbedItem {
	margin:0px;
	padding:0px;
	width:620px;
	}
	
p.dataLink {
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#083550;
	margin-top:5px;
	}
	
	.dataLink a { color:#083550; text-decoration:none; }
	.dataLink a:hover { color:#009cee; text-decoration:none; }
