/**



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

body {
	font-size: 10px;
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #888888; /* sets the color of all type in the website except for links and other sections overwritten */
	background-color: #F1F1F1; /* sets the overall background color */
}

/*
#contents {
	position: fixed;
	top: 0;
	left: 0;
	width:%100;
}*/
#contents {
	margin:0px auto;
	width:1050px;
	float:left;
	left: 0px;
	top: 0px;
	padding-top:0px;
	/*position: fixed;*/
	background-color: #f1f1f1;
	}


/* LINKS */
	
	
	/* colors for all links */
	a:link {
	text-decoration: none; /* none = no underline, other options include line-through or overline */
	color: #888888; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	}
	
	a:active { 
	text-decoration: none;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	a:visited {
	text-decoration: none;
	color: #666666; /* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */
	}
	
	/* sets the properties for links when mouse rolls over */
	a:hover {
	text-decoration: none;
	color: #CC0000;
	}

	/* any img that is a link */
	a img { 
	border: none; 
	}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
	
	


/* MENU */
		

	#menu {
		width: 275px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
		display:inline;
		float:left;
		top: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		background-color: #F0F0F0;
		padding-top: 0; /* change to match the padding-top in #content if you want them to align */
		padding-bottom: 15px;
		/* padding-left & right can be changed in #menu ul - below */
		font-size: 10px;
		line-height: 12px;
	}
	
	/* This section controls each section made */ 
	#menu ul {
		list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px; /* sets the space between each section */
		margin-left: 0px;
		/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
		padding-right: 25px;
		padding-left: 25px;
	}

	#menu ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	
	
	#menu .top-section {
	margin-top:0px;
	top:0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-left: 25px; /* matches padding left in #menu ul */
	}

	
	/* The following sets the style for the section heading */
	#menu .section-title ul {
		margin-top:10px;
		margin-bottom: 5px;
		
		
	}
	
	 #menu .section-title li  {
		font-size:250%;
		letter-spacing:-0.5px;
		color: #666;
		font-weight:bold;
		font-family:"Helvetica", Arial, sans-serif;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		border-top-color: #cccccc;
		border-top-style: dotted;
		border-top-width: 0.05em;
		
	/* Following lines adds a line about each section */
	
	}
	
	
	#menu .section-title ul a:hover  {
		color: #333333;
		text-decoration: none;
	}
	
	
	
	/* The following selectors style the "Built with Indexhibit" on the menu */	
		
		#menu ul.built {
			margin-bottom: 5px;
		}
	
		#menu ul.built li {
			padding-top: 5px;
			border-top-color: #cccccc;
			border-top-style: solid;
			border-top-width: 1px;
			color: #bbbbbb;
		}
		
		/* The following changes the link colors for only the "Built with Indexhibit" link */
		#menu ul.built a {
			color: #bbbbbb;
		}
		
		#menu ul.built a:hover {
		text-decoration: none;
		color: #CC0000;
		}

		#container {
		margin-top: 0px;
		margin-bottom: 25px;
		padding-top: 15px;
		
		
}
	/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
		
		#copy {
			font-size: 10px;
			color: #bbbbbb;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 5px;
			padding-top: 10px;
			border-top-color: #cccccc;
			border-top-style: solid;
			border-top-width: 1px;
		}


/* CONTENT AREA */


#content-real {
	width: 710px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
	height: 100%;
	display: inline;
	float: right;
	top: 0;
	bottom: 0;
	position: absolute;
	padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 20px;
}
	
	#content-real p { /* sets the properties for all paragraphs in the content area */
	font-family:"Helvetica",Arial, verdana, sans-serif;
	font-style: normal;
	font-size: 10px;
	color:#888;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px; /* sets the space between paragraphs */
	margin-left: 0px;
	line-height: 12px; /* use this the change the leading (space between lines) */
	}

#outter.wrapper {
	margin:0px auto 0px auto;
	left: 0px;
	top: 0px;
	padding-top:0px;
	position: absolute;
	background-color: #f1f1f1;
	
	
}

#inner.wrapper {
	margin: 0px;
	padding: 5px;
	position: relative;
	float: left;
	width: 800px;
	background-color: #F0F0F0;
}


	
.fourcolumns {
	width: 700px;
	float: left;
	text-align: left;
	display: inline;
	position: relative;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1.5em;
}
#header-row {
	float: left;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	padding-bottom: 10px;
	width: 700px;
	margin-top: 15px;
	
	}
	
	
	
	#header-row h2 {
		font:Verdana, Geneva, sans-serif;
		color:#333;
		background-color:transparent;
		border-bottom: 1px dotted #ddd;
	}
	
	.nav-bottom-row {
	float: left;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	padding-bottom: 10px;
	width: 700px;
	margin-top: 10px;
	
	}
.navcolumns {
	width: 200px;
	float: left;
	text-align: left;
	display: inline;
	position: relative;
	font-family:"Helvetica",Arial, verdana, sans-serif;
	font-style: normal;
	font-size: 10px;
	margin-bottom: 10px; /* sets the space between paragraphs */
	margin-left: 0px;
	line-height: 14px; 
	
}
	


.navcolumns ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-top:5px;
}
.navcolumns li{
	color:888;
	text-decoration:none;
	
	/* border-bottom:dotted;
	border-bottom-width:0.09em;
	border-bottom-color:#333;
	margin-bottom: 0.3em;*/
}
.navcolumns a:link, .navcolumns a:visited {
	text-decoration:none;
	color:#888;
	background-color:transparent;
}

.navcolumns a:hover {
	color:#333;
}

.navcolumns h2 {
		font:Verdana, Geneva, sans-serif;
		color:#333;
		background-color:transparent;
		border-bottom: 1px dotted #888;
	}
	
.content-row {
	padding-bottom: 15px;
	padding-top:10px;
	float: left;
	width: 700px;
	margin-top: 15px;
	/*background-color:#333;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.footer-row {
	float: left;
	clear:both;
	padding-bottom: 10px;
	width: 700px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.footer {
	position:absolute;
	bottom:0;
	width: 700px;
	font-size:80%;
	line-height:1.6em;
	padding-left:1.2em;
}
	
.twocolumns {
	width: 200px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-top: 5px;
	float: left;
	padding-bottom: 15px;
	padding-top: 5px;
	position: relative;
	display: inline;

	
}

.threecolumns {
	width: 200px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-top: 10px;
	float: left;
	padding-bottom: 0px;
	padding-top: 10px;
	position: relative;
	display: inline;
	border-top-color: #cccccc;
	border-top-style: dotted;
	border-top-width: 0.05em;
}







	p { /* sets the properties for all paragraphs  */
	margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
	
	}

/* 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 { 
		font-family: Georgia, serif;
		font-size: 32px;
		color: #666666; /* 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 */
	}
	
	h2 { 
		font-family: Arial, Helvetica, Georgia, serif;
		font-size: 14px;
		font-weight: normal;
		color: #999999;
		padding-bottom: 5px; /* sets the spacing between the heading and paragraph below */

	}
	
	h3 {
	font-size: 8px;
	color: #CCCCCC;	
	}
	
	h4 { 
	
	}

/* IMAGES */


.thumbnail{
	display:inline;
	padding: 10px 10px 10px 10px;
	background-color: #f1f1f1;
	border: 1px dotted #333;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
	

	#img-container	{ 
		margin: 0px; 
		padding: 0px; 
	}
	
	#img-container p	{ 
		width: 600px; 
		margin: 0; 
		padding: 0 0 0px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-color: #dbe2e0; /* erase the following 3 lines if you dont want borders on your images */
	}
	
	#once { clear: left; }
	
	.bold {
		font-family: Arial, Helvetica, Georgia, serif;
		font-size: 11px;
		font-weight: bold;
		color: #666;
		line-height: 16px;
		color: cccccc;
	}
		
	/* Nav Active */
body.home #contents #menu #container .section-title .home a {color:#333333; font-weight:bold;}
body.photo #contents #menu #container .section-title .photo a {color:#333333; font-weight:bold;}
body.graphic #contents #menu #container .section-title .graphic a {color:#333333; font-weight:bold;}
body.video #contents #menu #container .section-title .video a {color:#333333; font-weight:bold;}
body #contents #content-real #header-row .navcolumns .typo a {color:#333; font-weight:normal;}

/*** NEWS SLIDER MAIN NEWS BUTTONS ***/
div#pagewrap { margin: 0 auto; width: 700px; text-align: left; 

	display: inline;
	float: right;
	top: 0;
	bottom: 0;
	position: absolute;
	padding-top: 0px;  /* change to match the padding-top in #menu if you want them to align */
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 20px;}
	
#newsdisplay{float:left;width:700px;height:380px;overflow: hidden;}
#news_slider{height:380px;width:4000px;}
.newsdisplaypane{float:left;}
	
#newsmenu{width:690px; padding:5px; background:#CCC}
#newsmenu ul { margin:0px;padding:0px; list-style:none; display:block; clear:both}
#newsmenu ul li { margin-right:5px; padding:0px;display:inline-block}
#newsmenu ul li a {padding:5px 8px; margin:0px; background-color:#333; color:#FFF; display:inline-block;font-weight:bold;}
#newsmenu ul li a:hover {background-color:#666; }