/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
	width: 80%;
	
	
}

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

a:link { text-decoration: none; color: #999; /*color added by john*/ }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #999; } /*links under the section titles*/
a:hover { text-decoration: underline; color: orange;}



a img { 

	border: 0px solid red;; 
	
	}

#menu {
    width: 250px;  /*do not put padding in the menu section*/
    left: 200px;
    overflow: visible; /*allows for menu to scroll with page; was previously auto*/
    top: 1.5em;
    bottom: 0;
	left: 10px;
    position: absolute; /*allows for menu to scroll with page; was previously fixed*/
    height: 95%;
	background-color: #fff;
}


.  section-3 #menu .container img { /*john added this style*/
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	left: 24px;
	top: 10px;
}


#menu .container
{
	/*john added this div + class --governs main menu titles*/
	margin:  0em 0 0 0;
	padding: 5px 0px 25px 5px;
	background-color: #fff;
	font-size: 1.2em;
	font-family: verdana;
	font-weight: bold;
	color: #666;
}

#menu .container p
{
	/*john added this div + class -- controls top menu TITLE and copyright*/
	width: 200px;
	border: 0px solid red;
	border-bottom: 0px solid #ccc;
	margin: 0 0 2.5em 1.7em;
	padding: 0 0 0em 0;
	font-size: 1.2em;
	text-align: left;
	color: #999;
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	line-height: 2em;
}

#menu .container p strong a{font-size: .75em;}

#  menu .container p img
{
	/*john added this div + class -- controls top menu TITLE IMG*/
	margin: 0 0 0 -1.1em;
	padding: 0 0 0 0;
}

#menu ul {
	width:150px; /*john added*/
	float: left;
	list-style: none;
	margin: 0 0  .5em 0;
	padding: 0 0 0 2em;
	border: 0px solid orange;
}

#menu img{ /*controls image  at the top of the menu. The 'TanSu' Image is covering the root Exibition name 'TanSu' */
	position: absolute;
    padding: 5px;
    margin: .5em 0 1em -1.5em;
    border: 0px solid green;
    top: .5em;
}


#menu ul li.section-title {
	margin: 0 0 0 0;
	padding: 0 0 0em 0; 
	font-size: 110%; 
	color:orange;
	}

#menu ul li
{
	/*john added*/
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	font-size: 90%;
	color: red;

}

.active a { /*john added: highlights the active menu link*/
font-size: 120%;
color: #444;
text-decoration: none;
}




#builtBy { /*john added*/
position: relative;
top:  2em;
margin: 0em 0 0 0em;
padding: 0 0 0 0;
border: 0px solid red;
}

#builtBy ul{ /*john added*/
margin:  0px 0 13em 1.8em;
padding: 0 0 0 0;
border: 0px solid green;
}

#builtBy ul li{ /*john added*/
margin: 0px 0 0 0em;
padding: 0 0 0 0;
font-size: 90%;
color: #999;
border: 0px solid red;
}


#builtBy li a{ /*john added*/
color: #999;
}



#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;

    }

#content .container{
   width: 700px;
   font-family: courier;
   font-size: 140%;
   line-height: 1.8em;
   color: #666;


}

#content .container p{ /*text in the root folder*/
   width: 700px;
}

.container {
	margin: 4em 0 0 5em;
    padding: 5px 5px 25px 5px;
}


#content p { width: 400px; margin-bottom: 9px; }


p {
    margin: 0 0 9px 0;
}

#content .container #img-container span.nothumb img{ /*positions slideshow image container no thumbs*/
	margin: 2em 0 10em 0em;
	padding: 5px;
    border: 1px solid #ccc;
   
    
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

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

#once { clear: left; }