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

html {	
	width: 100%;
	background: #2b2031	url(../images/bg-gradient.png) 0 0 repeat-x;	/* purple - bg */
	
}

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



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

/* all the way across */
#HeaderAccent {
	position : absolute;
	width : 100%;
	height : 5px;
	top : 3px;
	left : 0px;
	background : transparent url(../images/accent-header-1x5.jpg) 0 0 repeat-x;
	clear : both;
}


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

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

#FooterStrip {
	position : relative;
	width : 100%;
}

.sidebarLayoutType #StageContainer {
	position : relative;
	width : 730px;
	height : auto;
	padding-left : 260px;
}

.regularLayoutType #StageContainer {
	position : relative;
	width : 100%;
	height : auto;
}



#Header {
	position : relative; 
	height : 108px;
	width : 100%;
	
}

.regularLayoutType #Logo {
	position : absolute;
	width : 234px;
	height : 66px;
	background : transparent url(../images/logo-v2-234x66-y21-2-state.png) 0 0 no-repeat;
	top : 21px;
	left : 17px; /* left margin for art, 20px to left of letter 'b' */
	
}	

.regularLayoutType #Logo:hover {
	background : transparent url(../images/logo-v2-234x66-y21-2-state.png) 0 -66px no-repeat;
	cursor : pointer;
}	

.regularLayoutType #Logo a {
	display : block;
	height : 100%;
	width : 100%;
}


#NavMain {
	position : absolute;
 	right: 0px; 
 	top : 7px; /* stripe is 2 + 5 */
}

#Stage {
	position : relative; 
	margin : 0 auto ;
}
	
#Layout {
	position : relative;
		/*  ...*not* 100%, as this literally means 'the same size as parent', regardless of margin and padding! */
	width : auto; 
	padding-left : 20px; /* 20 for the upper rise of letter 'b' */
	
	min-height : 500px;  
	height : auto;
	clear : both;
	
/*	background-color : #333; */
}
		
#Content {
	padding-top : 10px;
	padding-right : 16px;
}

#SidebarContainer {
 	position : absolute;
 	left : 0px;
 	top : 0px;	
 	width : 260px;
 	height : 100%;
 	
 	border : none;
 	
 	/* background-color : #555; */
}

#SidebarContainer #Logo {
	position : relative;
	width : 234px;
	height : 66px;
	background : transparent url(../images/logo-v2-234x66-y21-2-state.png) 0 0 no-repeat;
	margin-top : 21px;
	margin-left : 17px; /* left margin */
	
}	

#SidebarContainer #Logo:hover {
	background : transparent url(../images/logo-v2-234x66-y21-2-state.png) 0 -66px no-repeat;
	cursor : pointer;
}	

#SidebarContainer #Logo a {
	display : block;
	width : 100%;
	height : 100%;
}


#SidebarContainer #AccentSidebar {
 	position : absolute;
 	right : 0px;
 	top : 85px;
 	width : 1px;
 	height : 699px;	
	background : transparent url(../images/accent-metal-1px-vert.png) 0 0 no-repeat;
}

/*********************************************************************************************************/
#Breadcrumbs {
	position :absolute;
	bottom : -2px;
	left : 12px;
	margin-left:2px;
	margin-bottom:10px;
}

/*********************************************************************************************************/
#ServicesListDivider {
	position : relative;
 	height : 1px;
 	width : 920px;	
 	margin : 15px auto;
	background : transparent url(../images/divider-horiz-w951h1-left-to-right-gradient.png) 0 0 no-repeat;
	
}

