/* This is the CSS file for Emily's website. Groovy. */

/* General stylings */
*{
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #808080;
	padding-top: 20px;
	padding-bottom: 20px;
}

p {
	margin-left: 1em;
	font-size: 11pt;
	line-height: 1.4;
	letter-spacing: 1px;
	text-indent: 5%;
}

p:first-letter {
	color: #000000;
	font-size: large;
}

a {
	color: #700;
	font-size: 11pt;
}

a:visited {
	color: #300;
}

a:hover {
	color: #808080;
}

a:active {
	color: #4a4a4a;
}

a img {
	display: block;
	height: 132px;
	width: 800px;
	border: none;
}

h2 {
	color: #700;
	text-align: center;
}

h4 {
	color: #700;
}

/* Specific divs */

/* Stylings for our navbar and its many children. */
#navcontainer {
	background: url(../Images/BG1.jpg) left repeat-y;
	width: 800px;
	margin: 0 auto;
}

#navbar {
	margin-left: 3em;
	list-style: none; 
	width: 800px;
}

#navbar ul {
	margin: 0;
	list-style: none;
	background: #eaeae8;
	border: 1px solid #808080;
}

#navbar a {
	display: block;
	width: 110px;
	text-decoration: none;
}

#navbar li {
	float: left;
	width: 110px;
}

#navbar li ul {
	position: absolute;
	width: 110px;
	left: -999em; /* This keeps Opera displaying properly. */
}

/* The part below uses sfhover to mimic :hover, but uses javascript
   so that IE will display our menus. */
#navbar li:hover ul, #navbar li.sfhover ul {
	left: auto;
}

/* End of our navbar section. Whew! */

#container {
	width: 800px;
	margin: 0 auto;
}

/* Navigation settings for the picture links on the main page. */
#navigation {
	position: absolute;
}

#navigation ul {
	list-style: none;
	position: relative; /* Links won't work in IE without this */
}

#navigation a {
	text-indent: -9999px;
	position:absolute;
	top:0;
	height: 20px;
}

#navdrawing a {
	width: 165px;
	height: 225px;
	left: 180px; 
	top: 100px; 
}

#navprintmaking a {
	left: 453px;
	top: 100px;
	width: 115px;
	height: 40px;
}

#navpainting a {
	left: 440px;
	top: 360px;
	width: 140px;
	height: 250px;
}

#paddress {
	margin-left: 240px;
	margin-bottom: 1em;
	text-align: left;
	font-size: 11pt;
	line-height: 1.4;
	letter-spacing: 1px;
}

#pageFooter {
	background: url(../Images/Footer.jpg) no-repeat;
	background-position: bottom center;
	display: block;
	height: 52px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#pageFooter p {
	text-align: center;
	color: #700;
}


/* mainpage Settings */

#mainimage{
	background: url(../Images/BGMain.jpg) no-repeat;
	background-position: center;
	display: block;
	height: 627px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* Stylings for the art description pages */

#artdesc {
	background: url(../Images/BG1.jpg) repeat-y;
	height: 100%;
	width: 700px;
	padding: 3em;
}

#artdesc h3 {
	color: #700;
	text-align: center;
	text-decoration: underline;
	line-height: 2em;
}

#artdesc h3:visited {
	color: #300;
}

#artdesc h3:hover {
	color: #808080;
}

#artdesc h3:active {
	color: #4a4a4a;
}

/* Simpleviewer settings */
/* hide from ie on mac \*/

	#flashcontent {
		height: 700px;
		width: 770px;
		margin-left: 1em;
		padding-top: 92px; /* This gives just enough room for the navbar's dropdowns. */
	}
	/* end hide */


#gallery-main { /* Main container for the gallery pages. */
	background: url(../Images/BG1.jpg) repeat-y;
	background-position: center;
	display: block;
	height: 100%;
	width: 800px;
}