/** Solar Way Forward theme (swf) */

html {	
	width: 100%;
	background-color: #1d2001; 
}

body {
	width: 100%;
	font-size: 76%;  /* set font-sizes to 1em ~= 12px */
}

* {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-family : Verdana, Helvetica, sans-serif;
	list-style : none;
}

/* Center strip (no limit on height) */
/* wider if there is a shadow gutter */
#Sambhogakaya {
	position : relative;
	margin : 0 auto;
	width: 960px;
}

/* 	Contains shadow gutter,	but is limitted in height, so the footer strip is the bottom of this section */
#Sambhogakaya #OuterContainer {			
	position : relative;
	width : 100%;
}


#StageContainer {
	position : relative;
	width : 100%; /* in this case */
	height : auto;
	margin : 13px auto 0 auto;
}

#Header {
	position : relative; 
	background-color: #fff;  /* white */
	height : 102px;
	width : 100%;
}

#home #Header {
	height : 152px;
}


#HeaderTop {
	position : absolute;
 	left: 0px; 
 	top : 0px;
 	width : 100%;
 	height : 8px;
 	background : transparent url(../images/header-top-round-corners-960x8.png) 0 0 no-repeat;
}

#HeaderLogo {
	position : absolute;
 	left: 62px; 
 	top : 0px;
 	width : 194px;
 	height : 100px;
 	background : transparent url(../images/logo-working-180x93.png) 0 0 no-repeat;
}

#home #HeaderLogo {
 	left: 62px; 
 	top : 4px;
 	width : 273px;
 	height : 139px;
 	background : transparent url(../images/logo-working-273x139.jpg) 0 0 no-repeat;
}


#HeaderLogo:hover {
 	background : transparent url(../images/logo-working-hover-180x91.png) 0 0 no-repeat;
 	cursor : pointer;
}

#home #HeaderLogo:hover {
 	background : transparent url(../images/logo-working-273x139.jpg) 0 0 no-repeat;
 	cursor : default;
}

#HeaderLogo a {
	text-decoration : none; 		/* get rid off border */
	display:block;
	width:100%; 
	height:100%; 
}

#HeaderByline {
	position : absolute;
	bottom : -5px;
	left : 244px;
	width : 400px;
	height : 30px;
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10pt; /* using absolute for menu */
	font-weight:bold;
	font-style:italic;
	
	color : #2e3877; /* header blue */
}

#home #HeaderByline {
	bottom : -5px;
	left : 338px;
}


#HeaderAccent {
	position : absolute;
 	left: 0px; 
 	bottom : 1px;
 	width : 100%;
 	height : 4px;
 	background-color : #ffa100; /* yellow */
}

	#HeaderAccent #HeaderAccentRelative {
		position : relative;
		width : 100%;
		height : 100%;
	}

		#HeaderAccent #HeaderAccentRelative #HeaderAccentDarker {
			position : absolute;
		 	left: 0px; 
		 	bottom : 0px;
		 	width : 100%;
		 	height : 1px;
		 	background-color : #d98503; /* yellow (darker) */
		}

#FooterStrip {
	position : absolute;
	width : 100%;
	bottom : 0px;
	left : 0px;
}

.withSidebar#FooterStrip {
	background : #1d2001 url(../images/footer-round-corners-180-sidebar--960x7.png) 0 0 no-repeat;
}	

.noSidebar#FooterStrip {
	background : #1d2001 url(../images/footer-round-corners-no-sidebar--960x7.png) 0 0 no-repeat;
}	



#home .withSidebar#FooterStrip {
	background : #1d2001 url(../images/footer-round-corners-landing-960x7.png) 0 0 no-repeat;
}


#NavMain {
		/* parent must be "position : relative" */
	position : relative;
 	left: 0px; 
 	top : 0px;
 	width : 100%;
 	height : 26px;
	background-color: #dce2e8;  /* sidebar grey */
}

#NavMainAccent {
	position : absolute;
 	left: 0px; 
 	top : 0px;
 	width : 100%;
 	height : 2px;
 	background-color : #3b4586; /* header blue */
}

#NavMainInner {
	margin-left : 40px;
}

#Stage {
	position : relative; 
	margin : 0 auto ;
	background-color: #fff;  /* white*/
}

#NavColumn {
		/* parent must be "position : relative" */
	position : absolute;
 	right: 0px; 
 	top : 0px;
 	width : 180px;
	background-color: #444; 
}

	
#Layout {
	position : relative;
		/*  ...*not* 100%, as this literally means 'the same size as parent', regardless of margin and padding! */
	width : auto; 
	
	min-height : 500px;  
	padding-bottom : 40px; /* footer (absolute pos inside this div) */
}
		

#Content,
#ContentWithSidebar {
	
	position : relative;
    width : 760px;
    height : 100%;
    
    padding-left : 14px;
    padding-top : 12px;
    padding-bottom : 12px;
    
	clear : both;

}

#home #ContentWithSidebar {
    width : 680px;
}

#home #PhotoAndCredit {
	margin : 0;
	
	position : relative;
	top : -10px;
	left : -14px;
}

#home #PhotoAndCredit img {
	border-top : 0;
	border-left : 0;
	border-right : 2px solid #1a2565; /* navy (body text) */
	border-bottom : 44px solid #1a2565; /* navy (body text) */
}

#Content {
	width : auto;
}


#SidebarContainer {
 	position : absolute;
 	top : 0px;
 	left : 780px;
 	width : 180px;
 	height : 100%;
 	
 	background-color : #dce2e8; /* sidebar grey */
 	
 	overflow : hidden;

}

#home #SidebarContainer {
 	left : 700px; 
 	width : 260px;
}

#FeaturedContent {

	position : relative;
 	width : auto;
 	height : auto;
 	
 	background-color : transparent;
 	
	padding-top : 5px;
	padding-bottom : 5px;
	
 	padding-left : 11px; /* extenting below */
 	padding-right : 6px;

	margin : 0 auto;
 	margin-top : 6px;
 	margin-bottom : 10px;
 	
}





/*********************************************************************************************************/
#Breadcrumbs {
	position : relative;
}

/************************************************************************************************************/

#ChildList {
	clear : both;
}

#ChildList .childThumbnail{
		/* block level element only recognizes the text for some reason, so use the pic for the margin */
	margin-right : 12px;
	margin-top : 0px;
	margin-bottom : 8px;
}

#ChildList .childNameAndSummary h3 {
	margin-top : 0px;
	padding-top : 0px;
}

#ChildList .childNameAndSummary {
	margin-bottom : 20px;
	
}