/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Verdana, sans-serif; /* check out facelift mawhorter.net flir.js for customs fonts */
	background: #ffffff;  /* sets the overall background color */
	color: #333333;  /* sets the color of all type in the website except for links and other sections overwritten */
}

body.section-1 { }
body.section-2 { }
body.section-3 { }
body.section-5 { }

/* LINKS */

	/* colors for links */
	a:link { 
	text-decoration: none; /* none = no underline, line-through = line-through, overline = overline */
	color: #888888; /* color for links was #888888 */
	background: #ffffff; /* = white */
	font-style: roman}

	a:active {
	background: #E09D4C;
	text-decoration: none; /* see above for other possibilities */
	font-style: italic;
	color: #888888}

	/* links can be highlighted once clicked on */
	a:visited {
	text-decoration: none;
	color: #888888;
	background: #ffffff;
	font-style: roman;
	}

	/* set color, font style, etc etc of the links when mouse is pointed on it */
	a:hover {
	background: #ffffff;
	color: #333333;
	font-style: italic;
	text-decoration: none;
	}

	/* no border around images when they are links */
	a img {
	border: none;
	}

/* MENU */


#menu a:link { 

	color: #888888;
	font-style: roman;
	}
#menu a:active { 
	color: #333333;
	font-style: roman; 
	}
#menu a:visited {
	color: #888888;
	font-style: roman; 
	}
#menu a:hover { 
	color: #333333;
	font-style: italic; /* text-decoration */
	}

#menu {
	font-family: Verdana, sans-serif;
	text-align: right;
    	width: 190px; /* was 190 px */
    	overflow: visible;
    	top: 23px; /* was 8px */
    	bottom: 0;
	left: -10px;
    	position: fixed;
    	height: 100%;
    	padding: 0px 0px 0px 0px; /* was 63px 0 0 0 */
	background-color: transparent;
	}


/* Main Menu Captions Section headings*/
#menu ul {
	list-style: none;	
	font-family: Verdana, sans-serif;
	font-size: 13px;
	margin: 10px 0px 11px 0;
	padding-left: 10px;
	}

/* Main Menu Captions Section headings*/

#menu ul a { 
 	font-family: Verdana, sans-serif;
 	list-style: none;
 	display: inline;
 	margin: 0 0 12px 0;
 	padding: 2px 3px 0px 14px;
 	color: #333333;
 	background-color: transparent;
 	}

/* controls style for section heading */
#menu ul li.section-title { 
	color: #333333;
	font-size: 13px;
	line-height: 1em;
	margin: 4px 2px 3px 14px;
	}
/* controls style for section heading */

#menu p { 
	padding-left: 10px;
	line-height: 16px;
	color: #333333;
	
	}

/* CONTENT AREA */
	
#content a:link { 
	color: #888888; /* was #888888 */
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none; 
	}
#content a:active { 
	color: #333333; /* was #333333 */
	font-weight: normal;
	text-decoration: none; 
	}
#content a:visited {
	color: #888888;
	font-weight: normal;
	text-decoration: none; 
	}
#content a:hover { 
	color: #333333;
	font-weight: normal;
	text-decoration: italic; 
	}


#content {
	font-family: Verdana, sans-serif;
   	height: 100%;
    	width: 800px;
    	margin: 0px 0 0 210px; /* last value was 160px */
    	top: 0px; /* was 0 */
    	padding-left: 40px;
    	font-size: 12px;
    	/*line-height: 20px;*/
	}

.container {
    padding: 0px 0px 0px 0px;
}

div#content .container {
    padding-top: 40px;
}

/* this changes regular text (not menu text) in content */

#content p { 	
	/* font-family: Verdana, sans-serif; */
	/* font-size: 12px; */
	line-height: 20px; 
	width: 800px;
	 margin-top: 0px; /* was 20px*/ 
	/* padding-top: 5px; */
	/* color: #333333; */
	}

#content strong { padding: 0 3px 0 0;}

#white {
	color: white;
}

p {
	padding: 0px;
}



/* HEADINGS */
	
	/*
	when typing your text/descriptions follow this format to use these heading types
	
	<h1>This is the text i want to be a heading which</h1>
	
	start with h1 as your largest most important heading. you may not need all 4 but they are here if you do.
	*/


h1 { 
		margin: 20px 0 0 0px;
		padding-top: 0px;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;/*bold but less than bold which is 700, slightly bold is 600*/
		font-style: italic;
		line-height: 20px;
		/* color: #888888; This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
		padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	}
	
h2 { 
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight: 700;
		line-height: 20px;
		color: #888888; /*This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
		padding-bottom: 0px; /* was 21px sets the spacing between the heading and paragraph below */
	}
	
	h3 { 
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 20px;
		/* color: #888888; This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
	}

/* Image Title and Image Caption */

#img-container	{
		padding: 0;
		}

/* modified file for image title and image caption; bold, italic or otherwise is set in "exhibit.slideshow.php" see line  */
/* $a .= "\n<div><img src='" . BASEURL . GIMGS . "/$go[media_file]' class='img-bot' title='$go[media_title]' */
/* alt='$go[media_caption]' /><p><strong>{$title}</strong> <em>{$caption}</em></p></div>\n"; */

#img-container p { 
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight; normal;
		/* text-transform: uppercase; */
		color: #333333;
		width: 800px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}


#once { clear: left; }

/* SLIDE SHOW - AUTOMATIC SLIDESHOW */

.slideshow { height: 500px; }
.slideshow img { padding: 0; border: 0px; margin: 0 0 0 0; }


/* SLIDE SHOW - Navigation */
	
	p.nav a { 
		background-color: #ffffff;
		color: #000000;
		margin-top: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 3px;
		padding-left: 0px;
		font-size: 12px;
		font-family: Verdana, sans-serif;
	}
	
	p.nav a:hover {
		background-color: #ffffff;
	}
	
	p.nav span#num { 
		font-size: 10px;
		letter-spacing: 0px;
		color: #333333;
		font-family: Verdana, sans-serif;
		font-style: normal;
		padding-left: 10px;
		}




/* adding style to move the slideshow text (h4 tag for edition and print / print size information) below the image within the container*/

.container h4 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: roman;
	color: #888888;
	position: absolute;
	top: 605px; /* was 560 px */
	width: 800px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	padding-right:0px;
	}
