/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Tommi Page Pack
  Horizontal 3 Column Fluid
  -----------------------------------
*/
/*Background color is set to light tan and shows through only in the footer region and below.*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	background-color: #ECE9D8;
	min-width: 760px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
/*The masthead contains the Tommi logo. Text is set to align right and
right padding is set to 148px, so that the logo aligns with middle column.
Background color is set to white.*/
#masthead {
	text-align: left;
	height: 108px;
	font-size: 40px;
	font-weight: bolder;
	left: auto;
	background-image: url(../images2/00masthead_spectrum.gif);
	padding: 0;
	font-family: Verdana;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	line-height: 40px;
	letter-spacing: 1.5px;
	text-indent: 40px;
	white-space: normal;
}
/*The wrapper envelopes all page elements- including the masthead. It carries the white
background color is set to white. Margin must be declared, even if it is zero, in order to 
accomodate an IE-Windows workaround for min-width deployed in a conditional comment on the page.
For more info on the workaround, see the readme_first file.*/
#pagewrapper {
	margin: 0;
	background-color: #FFFFFF;
}
/*The menubar DIV is the container for our menu. We set a background color.
Font-size is set to .85em, setting the menu text size.*/
#menubar {
	font-size: 0.85em;
	background-color: #555555;
	color: #CCCCCC;



}
/*The maincontent TD is the left column that contains the page's main content.
A background image is set to display at the top right edge. To give this image room
to display, we set right padding to 72px.*/
#maincontent {
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: right top;
	line-height: normal;
	background-image: url(../images2/195_33guaranteed_r1_c1.gif);
	z-index: auto;
	padding-top: 12px;
	padding-right: 30px;
	padding-bottom: 12px;
	width: 70%;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;



}
/*Paragraphs margins*/
#maincontent p, #sidecontent p {
	margin: 6px 0 8px;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}
/*The midcolumn TD is the center content cell. Nested inside are a decorative image
and the news section. A gradient background image is assigned.*/
#midcolumn {
	background-repeat: repeat-y;
	border-right: 1px solid #616161;
	font-size: 0.9em;
	border-left: 1px solid #616161;
	left: 60px;
	position: static;
	z-index: 1000;
	background-color: #CCC;
	width: 1px;







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

}
/*News contains news content. It's a DIV positioned below the artwork DIV. It's
nested inside the midcolumn TD.*/
#news {
	padding: 12px;
	font-size: 0.85em;

}
/*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 {
	border-bottom: 1px solid #686868;
	font-size: 1.8em;
}
/*Style attributes specific to all level 2 headings*/
h2 {
	font-size: 1.5em;
	margin: 10px 0 0;
}
/*Style attributes specific to all level 3-4 headings*/
h3, h4 {
	font-size: 1.35em;
	margin: 24px 0 0;
}
/*Sidecontent is the third content column.*/
#sidecontent {
	width: auto;
	font-size: 10px;
	padding-top: 24px;
	padding-bottom: 12px;
	padding-left: 8px;
	background-color: #FFF;
	right: auto;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

/*Style attributes specific to all level 4 headings in the sidecontent TD.*/
#sidecontent h4 {
	margin: 0;
	background-repeat: repeat;
	width: 100%;
	float: none;
	z-index: auto;
	right: 0px;
	text-align: justify;
	background-color: #FFF;

}
/*Footer styles.*/
#footer {
	padding: 12px 24px;
	font-size: 0.75em;
	border-top: 1px solid #5B5B5B;
	color: #636363;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#maincontent a:link, #sidecontent a:link {
	color: #666699;
}
#maincontent a:visited, #sidecontent a:visited {
	color: #6666CC;
}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus,
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #000000;
}
#news a:link {
	color: #666699;
}
#news a:visited {
		color: #666666;
}
#news a:hover, #news a:active, #news a:focus {
	color: #000000;
}
#footer a:link {
	color: #666699;
}
#footer a:visited {
		color: #666699;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #000000;
}

/*-----PMM MENU STYLE UPDATES for this PAGE PACK-------*/

/*We turn off Tommi's default background image for the top-level menu items.*/
#p7PMnav li {
	background-image: none;
}
/*We set a subtle border to the right of each top-level menu item to visually
define its box.*/
#p7PMnav a {border-right: 1px solid #777777;}

/*WORK AROUND FOR IE5 (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}
.EditRegion5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-right: 0px;
	font-weight: bold;
}
#pagewrapper table tr #sidecontent table tr td {
	text-align: justify;
}