/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Tommi Page Pack
  Vertical 2 Column Fixed Centered
		Menu on right
  -----------------------------------
*/
/*Of note is the setting of a fixed attachment background image. The image is positioned
at the bottom right of the window and does not scroll - it stays fixed.*/
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 101%;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #669966;
	background-image: url(../images/leaf_669966_five.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	
}

/*The masthead contains the Tommi logo. Left padding is set to 160px so that the logo 
aligns with middle column. Background color is set to white.*/
#masthead {
	padding: 8px 0;
	margin-top: 100px;
	width: 100%;
	background-color: #336633;
	/*text-align: left;
	border-bottom: 10px solid #993366;*/
	}
	

	
#menuholder {
	margin: 0;
	padding-left: 20px;
	background-color: #66CC33;
	width: 100%;
	position: absolute;
	left: -1px;
	top: 227px;

}

/*The wrapper envelopes all page elements below the masthead.
To center the layout we set left and right margins to "auto".
Width of 750px sets the width for the entire layout.*/
#wrapper {
	margin: 0;
	width: 100%;
	}

#pageborder {
	margin: 0;
	width: 100%;
	background-color: #66cc33;
}

/*The mainbox DIV is the left column that contains the page's main content.
Mainbox is floated left, adjacent to the sidebox. The sidebox is also floated
left, but since mainbox comes first in the source code, it is positioned to
the left of sidebox. A background image is positioned at the top left edge
of this DIV. Right margin is set to 16px to provide white space between mainbox
and sidebox.*/
/*#mainbox {
	/*float: left;
	width: 100%;*/
	/*margin-right: 16px;*/
	/*background-image: url(../images/tommy_lbg.gif);
	background-image: url(../images/light_green_leaf_vertical.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}
/*Maincontent DIV is nested inside the mainbox so that it can have its own padding.
Because it's nested inside mainbox, maincontent's padding does not affect the layout's
box model calculations. Left margin is set to 70px, which clears enough room for the 
background image assigned to the top left edge of the mainbox DIV.*/
#maincontent {
	float: left;
	width: 100%;
	padding: 0 0 0px 0px;
	font-size: 0.9em;
	margin: 0 0 0 0px;
	/*background-color: #FFFFFF;*/
}	
	
#lime {
	margin: 0;
	width: 100%;
	background-color: #66cc33;
}
#green {
	margin: 0;
	width: 75%;
	background-color: #336633;
}
#orange {
	margin: 0;
	width: 65%;
	background-color: #ff9933;
}	
#plum {
	margin: 0;
	width: 55%;
	background-color: #993366;	
}
#leaf {
	padding: 5px 20px 20px 10px;
}

#contact {
	font-size: .98em;
	color: #ffffff;
	margin: 0;
	padding-left: 24px;
	line-height: 1.25em;
}

/*Paragraphs inside maincontent and sidecontent DIVs*/
#maincontent p {
	margin: 6px 0 12px 0;
}
/*Style attributes common to all level 1-4 headings*/
h1, h2, h3, h4 {
	margin: 0;
	line-height: normal;
}
/*Style attributes specific to all level 1 headings*/
h1 {
	font-size: 1.6em;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 1.45em;
}
/*Style attributes specific to all level 3-4 headings*/
h3, h4 {
	font-size: 1.35em;
}


	
/*The footer is positioned by setting its left margin to 70px, equal to the left margin
set on maincontent.*/

#footer {
	font-size: .75em;
	margin-left: 0px;
	line-height: .8em;
	padding-bottom: 6px;
	padding-left: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
}
 
.nav {
	font-size: .5em
	color: #336633;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/


#contact a:link {
	color: #ffffff;
}

#contact a:visited {
	color: #ffcc33;
}

#contact a:hover, #contact a:active, #contact a:focus{
	color: #66cc33;
}


/*

#mainbox a:link, #footer a:link {
	color: #E7423C;
}
#mainbox a:visited, #footer a:visited {
	color: #EE6157;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #666699;
}
#sidecontent a:link {
	color: #000000;
}
#sidecontent a:visited {
	color: #333333;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
}

#masthead a:link, #masthead a:hover, #masthead a:active, #masthead a:visited {
	color: #336633;
}*/
/*
#masthead a:active, #masthead a:focus {
	color: #000000;
	border: 1px solid;
} 
.topbar {
	
	padding: 10px 16px 0 16px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	/*border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 10px solid #993366;
	border-top: 1px solid #333333;
}
*/
/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/
/*
We edit the menu item padding to accomodate an arrow placed on the left.
#p7PMnav a {
	padding: 4px 10px 4px 10px;
}
/*We edit the trigger arrow image from a right pointing one to a left pointing one that is
positioned to the left of the trigger menu items.*/
/*#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
	background-image:  url(../p7pm/img/p7PM_light_west.gif);
	background-position: left center;
	background-repeat: no-repeat
}
#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
	background-image:  url(../p7pm/img/p7PM_light_east.gif);
	background-position: right center;
	background-repeat: no-repeat
}*/