/*  Note that margin shorthand values are used: 84px 0 0 248px.
	Shorthand notation always refers to the values in this order: Top Right Bottom Left.
	Think of TRouBLe and you'll remember. */
	
/*  General Notes- Rules preceded by # are ID selectors and are
	assigned in the HTML markup like this: <div id="logo">.
	IDs are unique. That is, an ID can only be assigned to
	one element per page.
	
	Rules preceded by a period are Class Selectors and are
	assigned in the HTML markup like this:
	<div class="p7simontrigger">
	
	Some elements are assigned both an ID and a Class, like this:
	<div class="p7simontrigger" id="p7trigger1"> */

/*	Body Rule Notes 
	margin values are in shorthand: Top Right Bottom Left.
	Setting the left and right margins to 15% effectively centers
	all static content and makes that content fill 70% of the window. 
	Zero is the only value that does not require a unit of measure
	Global Font Style and base Font Size */
body {
	background-color: #F6F6F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 0 0;
}


/* 	Name */
#name {
	font-size: 0.8em;
	color: #333333;
	background-color: #F6F6F6;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid;
	border-color: #666 #666 #666 #666;
}

/* 	Menu */
#menu {
	font-size: 0.8em;
	color: #333333;
	background-color: #F6F6F6;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid;
	border-color: #666 #666 #666 #666;
	left: 100px;
	top: 60px;
}

/* 	Link styles for Menu only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#menu a:link {color: #333333; text-decoration: none;}
#menu a:visited {color: #333333; text-decoration: none;}
#menu a:hover, #menu a:active, #menu a:focus {color: #333333; text-decoration: none;}

/* Link */
#link {
	line-height: 1.2em;
	color: #333333;
	padding: 4px 0 0 0;
}

/* 	Link styles for Link only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#link a:link {color: #333333; text-decoration: none;}
#link a:visited {color: #333333; text-decoration: none;}
#link a:hover, #link a:active, #link a:focus {color: #333333; text-decoration: none;}

/* Main content for painting info */
#paintinginfo {
	font-size: 0.8em;
	line-height: 1.0em;
	left: 180px;
	top: 130px;

}

/* Image margin */
img {
	margin: 0 0 3px 0;
}

/* Document pages */
#docs {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0px 10px 10px 10px;
	position: absolute;
	margin: 0 0px 0px 0;
	left: 100px;
	top: 130px;
	width: 600px;
}