/* artstyle.css */
/* Note to self: Borders apply to width dimensions for placement
but not height placement ie. margin bottom not effected to equal true 1em
but margin right of 1em will only equal 12px of space due to a total of 4px added
to widths (1px of left and right side on each object) */
*
{
	margin: 0;
	padding: 0;
}


body
{
	background: #135FBA url(../images/site_images/celestial_bkg.jpg) no-repeat fixed bottom right;
	font-family: "Times New Roman",Georgia,Serif;
        //background: #000000 url(../images/site_images/celestial_bkg.jpg) no-repeat fixed bottom right;
}


a img 
{
	border: 0px;
}

acronym
{
	border-bottom: none;
}

#container
/* Sets container width and position. */
{
	width: 45em;
	margin: 45px auto 0 1.2em;        
}




/***** topbanner div styles *****/

#topbanner
/* height set to show image. */
/* Bottom margin to move lower items away */
{
	background-repeat: no-repeat;
	background-image: url(../images/site_images/flower_header.jpg);
	height: 9em;
	margin-bottom: 1em;
	border: 2px solid #FFF;
	
}
	#topbanner h1
	/* margin to move title position */
	{
		font-size: 2.5em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-weight: normal;
		color: #fff;
		margin: 2.5em 0 0 .2em;
	}
	
	#topbanner img
	{
		margin: 5.7em 0 0 .3em;
	}
	
	
	
	
/***** leftcolumn div styles *****/

#leftcolumn
/* General left column height set. General width set. Padding set. */
/* width of div = to set width + 2px due to border, does not apply to hights */
{
	min-height: 26em;
	width: 8em;
	float: left;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	background: url(../images/site_images/nav_bkg.png) bottom right;
	
}

	#leftcolumn li
	/* leftcolumn list bullets removed. Nav positioning set. Font set. */
	{
		list-style: none;
		margin: 3.5em 1em;
		
	}
	
	/* leftcolumn link styles */
	#leftcolumn a,
	#leftcolumn a:link,
	#leftcolumn a:visited
	{
		text-decoration: none;
		color: #fff;
		font-size: 1.3em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	
	#leftcolumn a:hover,
	#leftcolumn a:active
	{
		text-decoration: underline;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	





/***** content div styles *****/	

#content
/* content area general dimensions set. */
/* add +2 px to margin left due to border of 1px on either side*/
{
	background: #6B95D4;
        //background: #000000;
	min-height: 25em;
	margin: 0 0 0 9.25em;
	padding: 2em 0em 2em 0em;
	border: 2px solid #FFF;        
}

#content text
{
       // color: white;
}

#content p
{
	font-size: 1.2em;
	padding: 1em 2em;
	text-align:center;
        color: white;

}

#content h1
{
	text-align: center;
	text-decoration: underline;        
}

#content h2
{
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: white;
}

#content table
{
	margin: 1em auto 2em;	
}

#content td
{
	text-align: center;
	padding: .5em .75em;
}

#content span
{
	margin-left:47%;
}


/* styles for artwork preview id inside content area*/
#preview
{
	margin: 3em 3em .5em 3em;
	border-bottom: 2px solid #fff;
	text-align: center; 
	padding-bottom: 1em;
}

#preview p
{
	font-size: 1em;
	padding: 0;
}

#preview img
{
	//position: relative;
	margin: auto;
}



/*****  footer div styles *****/

#footer
{
	margin: .5em auto 1em 20.5em;
}

#footer p
{
	margin: 1em 0 0 -14em;
	text-align:center;
	font-size: .8em;
}





/****  General class rules ****/

.right
{
	margin-left:27em;
}

/* turn basic nav text white */
.image_nav
{
	color:#fff;
}

/* turn basic nav text links white and underlined */
.image_nav a
{
	color:#fff;
	text-decoration: none;
	text-decoration: underline;
}

.image_nav p
{
	font-size: 1em;
}

/* pushes the related paragraph down */

.p_down
{
	margin-top:5em;
}