/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Tommi Page Pack
  Vertical 2 Column Fixed Centered
		Menu on right
  -----------------------------------
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 101%;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #336633;
	/*background-image: url(../images/light_green_leaf.jpg);
	background-repeat: no-repeat;
	background-position: 1% 95%;
	background-attachment: fixed;*/
}

#masthead {
	padding: 18px 0  6px 0;
	background-color: #336633;
}

/*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 auto;
	width: 760px;
	}

#pageborder {
	margin: 0 auto;
	width: 760px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #993366;
	/*background-color: #66cc33;
	font-size: .8em;
 	text-decoration: none;
 	color: #993366;
 	padding: 2px;
 	/*border: 1px solid #993366;
 	cursor: default;*/
}
		
/*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: 558px;
	/*margin-right: -2px;*/
	margin: 0;
}

/*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. */
#maincontent {
	padding: 0 0 0px 0;
	font-size: 0.9em;
	margin: 0 0 0 0px;
	line-height: 1.35em;
}
/*This is a class assigned to section DIVs inside the maincontent DIV and allows each section
to have its own borders and padding. Because the "section" DIVs are nested inside maincontent, they do not affect
the layout's box model calculations.*/
.section {
	padding: 10px 16px 0px 16px;
	/*margin-bottom: 12px;*/
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 2px solid #333333;
}
/*Paragraphs inside maincontent and sidecontent DIVs*/
#maincontent p, #sidecontent 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;
}

img {
	border: none;
}
/*
.skipnav {
	font-size: 0.5em;
	color: #ffffff;
	padding: 0;
	margin: 0px 0px 1px 10px;
}*/
/*The sidebox DIV is the right column that contains the page's menu and sidecontent.
Sidebox is floated left, adjacent to the mainbox. The mainbox is also floated
left, but since sidebox comes after mainbox in the source code, it is positioned to
the right of mainbox. Position is set to relative to work around a bug in Firefox 1.01
on Mac OSX Panther.*/
#sidebox {
	width: 182px;
	font-size: 0.9em;
	float: left;
	position: relative;
}
/*Sidebar is nested inside the sidebox DIV.
A gradient background and matching color are assigned. Width is deduced by adding the
left and right borders to the declared width: 2 + 178 = 180, which equals the width
assigned to the sidebox DIV. Sidebar also serves as the container for the page's
navigation menu.*/
#sidebar {
	background-color: #ff9900;
	border: 1px solid #333333;
	width: 180px;
	background-image: url(../images/orange_gradient_178.jpg);
	background-repeat: repeat-y;
}

/*-------- BOX MODEL NOTE ---------*/
/*To calculate the total layout width, we add the declared widths of
sidebox and mainbox plus the right margin on mainbox: 180 + 552 + 16 = 748.
Lastly, to work around a box model difference on IE (PC and Mac) we add the
left and right borders assigned to sidebar: 748 + 2 = 750.*/

/*Sidecontent is assigned to a DIV nested inside the sidebox DIV and below the sidebar.
By nesting this DIV, we can add padding and it will not affect the layout's
box model calculations.*/

/*This DIV sits at the top of the midcolumn table cell and contains
a decorative image.*/
#artwork {
	border-bottom: 1px solid #333333;
	padding: 0;
}

#sidecontent {
	padding: 6px 6px 0 6px;
	font-size: 0.8em;
}

/*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;
	color: #ffffff;
	line-height: .75em;
	padding-top: 6px;
	padding-bottom: 6px;
	clear: both;
}

.nav {
	font-size: .5em
	color: #336633;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#mainbox a:link {
	color: #336633;
}
#mainbox a:visited {
	color: #993366;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus {
	color: #ff9933;
}
#sidecontent a:link, #footer a:link {
	color: #000000;
}
#sidecontent a:visited {
	color: #333333;
}
#footer a:link {
	color: #ffffff;
}

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

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

.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;
}
/*
.skipit, .skipit a:visited, .skipit a:hover {
  font-size: .8em;
  text-decoration: none;
  color: #993366;
  padding: 2px;
  border: 1px solid #993366;
  cursor: default;
  }
.skipit a:active, .skipit a:focus {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
} 
*/
/*
#pageborder body, #pageborder a {
  font-size: .8em;
  text-decoration: none;
  color: #993366;
  padding: 2px;
  border: 1px solid #993366;
  cursor: default;
  }
  
#pageborder a:visited, #pageborder a:hover {
  font-size: .8em;
  text-decoration: none;
  color: #993366;
  padding: 2px;
  border: 1px solid #993366;
  cursor: default;
  }
#pageborder a:active, #pageborder a:focus {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
} 
/*
#masthead a:link, #masthead a:visited, #masthead a:hover, #masthead a:active {
	color: #ffffff;
	border-style: none;
}
*/
/*-----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 14px;
}
/*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
}