/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author The Centered Theme by Mathieu Hardiviller (www.hmplus.net)


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

body {
text-align : left;
font-size : 12px;
font-family : helvetica; /* font of all the text in your website except for sections overwritten.
	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: #999999; /* color of all the text in your website except for links and other sections overwritten */
background-color: #F9F9F9 ; /* sets the background color */
line-height : 150%;
height: 100%;
}
html {
	height: 100%;
}

/* WRAPPER */
#wrapper {
width : 1000px; /* sets the widh of the website content */
margin : 0 auto; /* do not modify */
text-align : left;
text-align : left;
background: #FFFFFF;
padding: 20px 0 30px 15px;
min-height: 100%;
}

/* LINKS */
	
/* colors for all links */
a:link {
text-decoration : none;
color: #000000;
}
a:active {
text-decoration : none;
}
a:visited {
text-decoration : none;
color: #000000 ;
}
a:hover {
text-decoration : underline;
color: #000000;
}
a img {
border : 1px;
}


body#section_id_Index a:link {
display: block;
text-align:left;
color: #999999;
background: url('/files/line.png') repeat;
width:185px;
padding:0px 0 0px 0;
font-size : 12px;
text-decoration : none;
}

body#section_id_Index a:active {
display: block;
text-align:left;
color: #999999;
background: url('/files/line.png') repeat;
width:185px;
padding:0px 0 0px 0;
font-size : 12px;
text-decoration : none;
}

body#section_id_Index a:visited {
display: block;
text-align:left;
color: #999999;
background: url('/files/line.png') repeat;
width:185px;
padding:0px 0 0px 0;
font-size : 12px;
text-decoration : none;
}

body#section_id_Index a:hover {
display: block;
text-align:left;
color: #333333;
background: #FFFF00;
width:185px;
padding:0px 0 0px 0;
font-size : 12px;
font-weight: normal;
text-decoration : none;
}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
#top-section {
font-size : 18px;
color: #000000;
font-family : helvetica;
margin : 20px 0 10 0;
line-height : 150%;


}
#top-section a { /* this is the link property inside the Top-Section */
font-size : 18px;
text-decoration : none;
color: #000000;
font-style: normal ;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
color: #000000;
}

/* MENU */
#menu ul {
width:185px;
float:left;
margin: -15px 15px 15px 0px;
list-style:none;
border-top: solid 1px #666666;
}

#menu ul li.section-title { 
display: block;
text-align:left;
background: #FFFFFF;
width:185px;
padding:3px 0 2px 0;
border-bottom: solid 1px #666666;
color: #999999;
font-size: 12px;
font-weight: bold;
}

#menu ul li.section-title:hover { 
display: block;
text-align:left;
background: #FFFFFF;
width:185px;
padding:3px 0 2px 0;
border-bottom: solid 1px #666666;
color: #999999;
font-size: 12px;
font-weight: bold;
}


#menu ul li { 
display: block;
text-align:left;
color: #999999;
background: #FFFFFF;
width:185px;
padding:0 0 0 0;
border-bottom: solid 1px #CCCCCC;
font-size : 12px;
text-decoration : none;
}
#menu ul li#homeNav a {
	background: url('/files/line.png') repeat;
	height: 99px;
	font-weight: 600;
	color: #333;
}
#menu ul li#homeNav a:hover {
	background: #FFFF00;
}

#menu ul li:hover { 
display: block;
text-align:left;
color: #FFFFFF;
background: #999999;
width:185px;
padding:0 0 0 0;
border-bottom: solid 1px #CCCCCC;
font-size : 12px;
text-decoration : none;
}

#menu ul a:link {
display: block;
text-align:left;
color: #999999;
background: #FFFFFF;
width:185px;
padding:5px 0 3px 0;
font-size : 12px;
text-decoration : none;
}
#menu ul a: active {
display: block;
text-align:left;
color: #999999;
background: #FFFF00;
width:185px;
padding:5px 0 3px 0;
font-size : 12px;
text-decoration : none;
}
#menu ul a:visited {
display: block;
text-align:left;
color: #999999;
background: #FFFFFF;
width:185px;
padding:5px 0 3px 0;
font-size : 12px;
text-decoration : none;
}
#menu ul a:hover {
display: block;
text-align:left;
color: #333333;
background: #FFFF00;
width:185px;
padding:5px 0 3px 0;
font-size : 12px;
font-weight: normal;
text-decoration : none;
}

/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
margin : 0 0 0 0;
padding : -140px 10px 2px 10px;
font-size : 10px;
color : #bbbbbb;
font-family : helvetica;
font-style: normal ;
text-align : right;
line-height : 0%;
}

/* CONTENT AREA */
#content {
height : 600px;
width : 1000px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 0px;
top : 10px;
}
.container {
margin-top : 30px;
margin-bottom : 30px;
}
#content p {  /* sets the properties for all paragraphs in the content area */
width : 1000px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px; /* sets the space between paragraphs */
margin-left : 0;
line-height : 150%;  /* 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;
}

/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#indexhibit { /* sets the properties for the "Built with" part  */
position : fixed;
z-index : 1000;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 2px 10px 2px 10px;
font-size : 9px;
color : #bbbbbb;
font-family : helvetica;
font-style: normal;
text-align : right;
display: none;
}
#indexhibit a { /* sets the properties for the "Indexhibit" link itself */
height: 100%;
width: 100%;
color : #bbbbbb;
text-decoration: none;
font-style : bold;
}
#indexhibit a:hover { 
height: 100%;
width: 100%;
color : #333333;
text-decoration: none;
font-style : bold;
}

body#section_id_Index #indexhibit  {
position : fixed;
z-index : 1000;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 2px 10px 2px 10px;
font-size : 9px;
color : #bbbbbb;
font-family : helvetica;
font-style: normal;
text-align : right;
}

body#section_id_Index #indexhibit a  {
height: 100%;
width: 100%;
color : #bbbbbb;
text-decoration: none;
font-style : bold;
}

body#section_id_Index #indexhibit a:hover  {
height: 100%;
width: 100%;
color: #000000 ;
text-decoration: none;
font-style : bold;
}


/* 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</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 : helvetica;
font-style : italic;
font-weight : normal;
font-size : 2.5em;
color: #000000;  /* 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 : helvetica;
font-size : 2em;
font-weight : normal;
color: #000000;
padding-bottom : 10px;
}
h3 {
font-size : 1.7em;
color: #000000;
font-style : italic;
font-weight : normal;
padding-bottom: 5px;
}
h4 {
font-size : 1.3em;
color: #000000;
font-weight : bold;
text-decoration : underline;
padding-bottom: 2px;
}

/* IMAGES */
#img-container {
margin : 0 0 20px 0;
padding : 0;
}
#img-container p {
width : 400px;
margin : 0;
padding : 0 0 12px 0;
p.hidden {border-style: hidden; 
}
.nothumb img {
margin-top : 0;
margin-right : 0;
margin-bottom : 30px;
margin-left : 0;
border-color : #bec3c2;
border-width : 2px;
border-style : solid;
}
#once {
clear : left;
}
a:hover {
	text-decoration: none;
}
/* SLIDE SHOW - Navigation */
p.nav a {
background-color: #FFFFFF;
color : #ffffff;
padding-top : 1px;
padding-right : 9px;
padding-bottom : 3px;
padding-left : 9px;
font-size : 1em;
font-family : helvetica;
}
p.nav a:hover {
background-color: #000000;
}
p.nav span#num {
letter-spacing : 2px;
font-family : helvetica;
font-style : italic;
padding-left : 20px;
}
div.mainExhibit {
float: left;
width: 185px;
padding-left: 0px;
padding-right: 15px;
font-size: 12px;
padding-bottom: 0px;
line-height: 155%;
}
.testingClass {
	background-color: red;
}
#onetwothree {
	background-color: red;
}
.mainExhibitLink {
}
.clear-both { clear : both; }