/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Tommi Page Pack
  Vertical 2 Column Fixed Centered
  -----------------------------------
*/
/*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: 100%;
	padding: 0;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images1/tommy_pbg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/*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: 800px;
}
/*The mainbox DIV is the right column that contains the page's main content.
Mainbox is floated right, adjacent to the sidebox. The sidebox is also floated
right, but since mainbox comes first in the source code, it is positioned to
the right of sidebox.*/
#mainbox {
	float: right;
	width: 555px;
	margin: 0;
	background-color: #FFFFFF;
}
/*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 12px 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
/*This is a class assigned to section DIVs inside the maincontent DIV and allows each section
to have its own borders and padding, as well as a background image that sets a special "bullet" next
to each section heading. Because the "section" DIVs are nested inside maincontent, they do not affect
the layout's box model calculations.*/
.section {
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
/*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: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #2B72AC;
	letter-spacing: 1px;
}
/*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 sidebox DIV is the left column that contains the page's menu and sidecontent.
Sidebox is floated right, adjacent to the mainbox. The mainbox is also floated
right, but since sidebox comes after mainbox in the source code, it is positioned to
the left of mainbox. A background image is positioned at the top left edge of this DIV.*/
#sidebox {
	width: 180px;
	font-size: 0.9em;
	float: right;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 28px;
}
/*-------- BOX MODEL NOTE ---------*/
/*To calculate the total layout width, we add the declared widths of
sidebox and mainbox: 250 + 482 = 732 (the width set on the wrapper DIV).
Then we add the right margin on sidebox: 732 + 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.*/

/*Sidebar is nested inside the sidebox DIV. By nesting this DIV,
we can add padding or borders and it will not affect the layout's box model calculations.
A gradient background and matching color are assigned. Left margin is set to 70px, which
clears enough room for the background image assigned to the top left edge of the sidebox DIV.
Width is deduced by adding the left margin value to declared width: 70 + 180 = 250,
which must equal the width assigned to the sidebox DIV.
Sidebar also serves as the container for the page's navigation menu.*/
#sidebar {
	background-repeat: repeat-y;
	border: 1px solid #FFFFFF;
	width: 180px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
/*Sidecontent is assigned to a DIV nested inside the sidebox DIV and below the sodebar.
By nesting this DIV, we can add padding and it will not affect the layout's
box model calculations.*/
#sidecontent {
	padding: 28px 12px 20px 12px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #666666;
}
/*The footer is positioned by setting its left margin to 268px - the sum of the sidebox width.*/
#footer {
	font-size: 11px;
	padding-bottom: 24px;
	color: #333333;
	margin-left: 245px;
}

/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#mainbox a:link, #footer a:link {
	color: #3186C6;
}
#mainbox a:visited, #footer a:visited {
	color: #3186CE;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #2982C6;
}
#sidecontent a:link {
	color: #000000;
}
#sidecontent a:visited {
	color: #333333;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
}
.simple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.diagrafi {
	text-decoration: line-through;
}
.tableheader {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
}