/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Edited by Ed Nacional (www.ednacional.com)


*/

* {
	margin: 0;
	padding: 0;
}

body {


/* choose overall font - go to www.typetester.org to test sizes and see the list of safe fonts - If the user doesnt have the first one, it try the second, and goes along the list until it finds a font that the computer has installed */
	color: #c2c2c2;

/* sets the color of all type in the website except for links and other sections overwritten */
	background-color: #000000;
	font: 12px/15px Georgia, Serif;
}

body.section-1 {
	
}

body.section-2 {
	
}

body.section-3 {
	
}

/* LINKS */

/* colors for all links */

a:link {
	color: #f1e3c4;
	font-weight: bold;
}

a:active {
	text-decoration: none;
	font-weight: bold;
}

/* 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: #f1e3c4;
	font-weight: bold;	
}

/* sets the properties for links when mouse rolls over */

a:hover {
	text-decoration: underline;
	color: f1e3c4;
}

/* any img that is a link */

a img {
	border: none;
}

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

.top-section {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 24px;
	/* 

matches padding left in #menu ul */
	font-size: 24px;
	line-height: 24px;
	color: #666666;
	font-style: italic;
	font-family: Georgia, serif;
}

/* MENU */

#menu {
	width: 225px;
	

/* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
	overflow: auto;
	top: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	/* 

this make the menu stay in place while the content section scrolls*/
	height: 100%;
	background-color: #000000;
	padding-top: 25px;
	/* c

hange to match the padding-top in #content if you want them to align */
		padding-bottom: 25px;
	/* pa

dding-left & right can be changed in #menu ul - below */
		font-size: 11px;
}

/* This section controls each section made */

#menu ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	/* 

sets the space between each section */
		margin-left: 0px;
	/* s

ets 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: 4px;
	font-family: Helvetica, Arial, sans;
}

/* The following sets the style for the section heading */

#menu ul li.section-title {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #cccccc;
	/* Follow

ing lines adds a line about each section */
	border-top-color: #535353;
	border-top-style: dotted;
	border-top-width: 1px;
}

/* The following selectors style the "Built with Indexhibit" on the menu */

#menu ul.built {
	margin-bottom: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#menu ul.built li {
	padding-top: 5px;
	border-top-color: #535353;
	border-top-style: dotted;
	border-top-width: 1px;
	color: #535353;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* The following changes the link colors for only the "Built with Indexhibit" link */

#menu ul.built a {
	color: #535353;
	font-weight: normal;
	font-style: normal;
}

#menu ul.built a:hover {
	text-decoration: none;
	color: #999999;
	font-weight: normal;
	font-style: normal;
}

/* This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */

#copy {
	font-size: 9px;
	color: #bbbbbb;
	font-family: Georgia, serif;
	font-style: italic;
	margin-top: 5px;
	padding-top: 10px;
	border-top-color: #535353;
	border-top-style: solid;
	border-top-width: 1px;
}

/* CONTENT AREA */

#content {
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 225px;
	/* s

ets the space so the content starts right when the menu ends - if you change this also change the width of #menu to match */
	    top: 0;
	/* sets the sp

acing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
		padding-top: 30px;
	/* change to m

atch the padding-top in #menu if you want them to align */
		padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 40px;
		width: 600px;
}

.container {
	margin-bottom: 25px;
}

#content p {


/* sets the properties for all paragraphs in the content area */
		width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	/

* sets the space between paragraphs */
		margin-left: 0px;
	line-height: 18px;
/* use 

this the change the leading (space between lines) */
}

p {


/* sets the properties for all paragraphs  */
    margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	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 {
	color: #f1e3c4;
	font-size: 20px;
	padding-bottom: 15px;
	line-height: 28px;
	letter-spacing: -1px;	
}

h2 {
	color: #ffffff;
	font-size: 20px;
	padding-bottom: 15px;
	line-height: 28px;
	letter-spacing: -1px;	
}

h3 {
	color: #ffffff;
	font-size: 14px;
	line-height: 25px;
}

h4 {
	font-size: 12px;
	color: #0006FF;
}

/* IMAGES */

#img-container {
	margin: 0 0 20px 0;
	padding: 0;
}

#img-container p {
	width: 400px;
	margin: 0;
	padding: 0 0 12px 0;
}

.nothumb img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-color: #dbe2e0;
	/* era

se the following 3 lines if you dont want borders on your images */
		border-width: 1px;
	border-style: solid;
}

#once {
	clear: left;
}

/* SLIDE SHOW - Navigation */

p.nav a {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 11px;
	font-family: Helvetica, Arial, Sans-Serif;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}

p.nav a:hover {
	
}

p.nav span#num {
	font-family: Helvetica, Arial, Sans-Serif;
	padding-left: 20px;
}