/* Page Structure*/

@import url("../css/content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

3.5: - Header Image

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	html {
		background:#d0cfc1 url("../images/generic/bg_star.gif") top right no-repeat;
	}
	body {
		margin: 0px 0px 0px;
		background:url("../images/generic/bg_containerShadow.gif") 0 0 repeat-y;
	}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		width: 800px;
		margin:0;
		background:#fff url("../images/generic/bg_subPages.gif") repeat-y;
		}
				
	a img {
		border: 0;
		}
	
	img{
		display:block;
	}
		
	.clear {
		clear: both;
		display:block;
		}
	
	h1, h2, h3, h4, h5, h6 {
		margin:0;
		padding:0;
	}

/* 2 :-------- Header ------------ */
	
	.mainLogo {
		position: absolute;
		width: 100px;
		height: 50px;
		/*text-indent: -9999px;*/
		background-color: #ccc;
		}
		
	.searchBar {
		position:absolute;
		text-align: right;
		top:11px;
		right:21px;
		}
		
	.searchText {
		border: 1px solid #cccccc;
		font-size: 92%;
		margin-right: 1px;
		vertical-align: top;
		background:#fff url("../images/generic/bg_searchInput.gif") repeat-x;
		width:123px;
		padding:2px 0px 2px 5px;
		color:#666666;
		}
		
	.searchButton {
		font-size: .95em;
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		background-color: #fff;
		padding:25px 0 10px 10px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		text-decoration: none;
		background-repeat: no-repeat;
		height:20px;
		text-indent:-9999px;
		overflow:hidden;
		}
	
	#mainNav li.on a,	
	#mainNav li a:hover{
		background-position: 0px -20px;
	}
		
/* nav backgrounds */
			
	#mainNav a.home {width:56px; background:url("../images/nav/nav_home.gif") no-repeat;}
	#mainNav a.aboutalp {width:88px; background:url("../images/nav/nav_aboutalp.gif") no-repeat;}
	#mainNav a.achievements {width:116px; background:url("../images/nav/nav_achievements.gif") no-repeat;}
	#mainNav a.policies {width:164px; background:url("../images/nav/nav_policies.gif") no-repeat;}
	#mainNav a.people {width:96px; background:url("../images/nav/nav_people.gif") no-repeat;}
	#mainNav a.news {width:111px; background:url("../images/nav/nav_news.gif") no-repeat;}
	#mainNav a.events {width:68px; background:url("../images/nav/nav_events.gif") no-repeat;}
	#mainNav a.donate {width:71px; background:url("../images/nav/nav_donate.gif") no-repeat;}

/* 3.5 :-------- Header Image ------------ */
	.headerImage{
		position:relative;
	}

/* 4 :-------- Content ------------ */
	
	.contentWrap{
		padding:18px 0px 20px 20px;
	}
	
	
	.leftCol {
		float: left;
		width: 118px;
		display:block;
		}
	
	.rightCol {
		float: right;
		width: 211px;
		}
	
	#content {
		width:412px;
		margin-left: 138px; /* adjust to leftCol width */
		margin-right: 0px; /* adjust to rightCol width */
		position:relative;
		float:left;
		min-height:300px;
		height:auto !important;
		height:300px;
		}
	
	.excerpt{
		display:block;
		position:absolute;
		left:0px;
		margin-left:-138px;
		width:118px;
		vertical-align:bottom;
		margin-top:-20%;
	}
	
	.subNav{
		padding-top:31px;
	}
	.subNav ul{
		list-style:none;
		padding:0;
		margin:0;
	}

	.relevant{
		background:url("../images/generic/bg_relevant.jpg") repeat-y;
		padding:24px 21px;
	}
	.relevant h3{
		border-bottom:1px solid #20608e;
		margin:0 !important;
		padding:0 0 4px 0;
	}
	.relevant ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	.relevant li a{
		padding:8px 0;
		display:block;
		border-bottom:1px solid #20608e;
		text-decoration:none;
		color:#fff;
		width:100%;
	}
	.relevant li a:hover{
		text-decoration:underline;
	}
	.relevantLeft{
		float:left;
		width:250px;
	}
	.relevantRight{
		float:left;
		width:258px;
		margin-left:43px;
	}
	.accessPrint{
		position:absolute;
		top:5px;
		right:0;
	}
	.newsListing{
		border-top:1px solid #d0cfc1;
		padding:8px 0;
		display:block;
		position:relative;
	}
	.pager{
		display:block;
		border-top:1px solid #d0cfc1;
		padding:8px 5px;
	}
	.pager ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	.peopleListing{
		padding:8px 0;
		display:block;
		border-top:1px solid #e8e7e0;
		position:relative;
	}

/* See content.css */

/* 4.2 :-------- Home Page Content ------------ */
	.homePage .container{
		background:#fff;
	}
	.homePage .contentWrap{
		padding:30px 28px 20px 20px;
	}
	
	.homePage .leftCol{
		width:238px;
		padding:0;
		float:left;
	}
	.homePage .rightCol{
		width:231px;
		padding:0;
		float:right;
	}
	
	.homePage #content{
		width:231px;
		padding:0;
		float:left;
		margin:0 0 0 26px;
	}
	.subContent{
		background:url("../images/generic/bg_subContent.gif") repeat-y;
		padding:29px 28px 21px 20px;
		min-height:1px;
	}
	.subContentItem{
		width:231px;
		display:block;
		float:left;
		margin-left:26px;
		background:#fff;
		/*padding:15px 9px;*/
	}
	.subContent .first{
		margin:0 6px 0 0;
	}
	


/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		padding: 18px 20px 5px;
		background-color: #e3e2da;
		color:#939598;
		position:relative;
		}
	
	.footer ul {
		margin: 0;
		padding: 0;
		height:20px;
		}
	
	.footer li {
		float:left;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.footer a {
		color:#939598;
		text-decoration:none;
		font-size:92%;
		padding:0px 8px;
		border-left:1px solid #939598;
		}
	.footer a:hover{
		text-decoration:underline;
	}
	.footer .home{
		padding-left:0px;
		border:0px;
	}