/*   --------------------------------------------  */
	/*                                                 */
	/*       MEDIA ARTS MOVEMENT website layout        */
	/*                                                 */
	/*  Site design and layout by Jen Simmons          */
	/*       http://www.jensimmons.com                 */
	/*  Database design and backend by Darian Patrick  */
	/*       http://www.darianpatrick.com              */
	/*                                                 */
	/*   --------------------------------------------  */
	/*                                                 */
	/*  You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2005 Jen Simmons and may not be reproduced. */
	/*                                                 */
	/*   v 1.0   Last update:  24 September 2005       */
	/*                                                 */

	/* Mozilla bug fix; thanks, Carey Evans */

html { 
	min-width: 742px;
	 }

	/*  General rules */

img		{
	border: 0;
	display: block;
}
body	{
	margin: 0;
	padding: 0;
	border: 0;
	background: fixed #FFF url(artwork/mambackground.gif) top center repeat-x;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #005070;
	font-size: 12px;
}
#logo {
	position:absolute; 
	left:50px; 
	top:20px; 
	width:400px; 
	height:160px; 
	z-index:1;
}
#bodytext {
	position:absolute; 
	left:150px; 
	top:250px; 
	width: 580px;
}
#bodytext h2 {
	color: #02CCCC;
	text-decoration: underline;
}
#bodytext img{
	padding: 2px;
	border: 1px solid #377324; 
}
#bodytext ul {list-style: none;}
#bodytext a:link {color: #660099; text-decoration: none}     /* unvisited link */
#bodytext a:visited {color: #660099; text-decoration: none}  /* visited link */
#bodytext a:hover {color: #0164FE; text-decoration: underline}   /* mouse over link */
#bodytext a:active {color: #99ff33; text-decoration: none}   /* selected link */

#pullquote {
	position:absolute; 
	left:20px; 
	top:225px; 
	width:95px; 
}
#pullquote p {
	color: #99FF33;
	font-style: italic;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
}
#form {
 	position:absolute; 
	left:120px; 
	top:250px; 
	width:550px; 
	z-index:2;
}
#form table {
	width: 525px;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	vertical-align: top:
}
.formcol1 {
	width: 150px;
	text-align: right;
	vertical-align: top;
	margin-right: 15px;
}
.formcol2 {
	width: 378px;
	text-align: left;
	vertical-align: top;
}
#entryview {
	position:absolute; 
	left:80px; 
	top:250px; 
	width: 580px;
}
#entryview h2 {
	color: #02CCCC;
	text-decoration: underline;
}
#entryview img{
	padding: 0;
	border: 0; 
}
#entryview ul {list-style: none;}
#entryview a:link {color: #660099; text-decoration: none}     /* unvisited link */
#entryview a:visited {color: #660099; text-decoration: none}  /* visited link */
#entryview a:hover {color: #0164FE; text-decoration: underline}   /* mouse over link */
#entryview a:active {color: #99ff33; text-decoration: none}   /* selected link */

#entryview table {
	width: 625;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	vertical-align: top;
}

/* START TIMELINE SPECS */

#timelinebodytext {
	position:absolute; 
	left:50px; 
	top:250px; 
	width: 580px;
}
#timelinebodytext h2 {
	color: #02CCCC;
	text-decoration: underline;
}
/* timeline table */
#timelinebodytext table {
	width: 700;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	vertical-align: top;
}
/* timeline image */
#timelinebodytext img{
	padding: 1px;
	border: 1px; 
}
/* timeline date */
#timelinebodytext h3 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #005070;
	font-size: 10px;
	text-transform: capitalize;
}
/* timeline event (link) */
#timelinebodytext ul {list-style: none;}
#timelinebodytext a:link {color: #660099; text-decoration: none}     /* unvisited link */
#timelinebodytext a:visited {color: #660099; text-decoration: none}  /* visited link */
#timelinebodytext a:hover {color: #0164FE; text-decoration: underline}   /* mouse over link */
#timelinebodytext a:active {color: #99ff33; text-decoration: none}   /* selected link */

/* END TIMELINE */

#menu {
	position:absolute; 
	left:600px; 
	top:85px; 
	width:130px; 
	padding: 4px;
	border: 0; 
}
#menu ul {
	list-style: none;
}
#menu li{
	background:url(artwork/arrow.gif) no-repeat left top;
	margin:0;
	padding:3px 0 1px 15px;
	border-bottom:#B3E5E6 1px solid;
}

#menu a:link {color: #660099; font:  12px Arial; text-decoration: none}     /* unvisited link */
#menu a:visited {color: #660099; font: 12px Arial; text-decoration: none}  /* visited link */
#menu a:hover {color:	#02CCCC; font: 12px Arial; text-decoration: none}   /* mouse over link */
#menu a:active {color: #0000FF; font: 12px Arial; text-decoration: none}   /* selected link */