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

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #000;
	letter-spacing:.0em;
	background: #fff; 
}

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


/* LINKS */
	
/* colors for all links */

a:link { text-decoration: underline; color: #000; }
li.active a { text-decoration: none; color: #000; background-color: #99ffcc; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; color: #000; background-color: #99ffcc; }

a img { border: none; }


a {
   outline: none;
}


/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
		
	.top-section {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px; /* matches padding left in #menu ul */
		font-size: 11px;
		line-height: 15px;
		color: #666666;
		font-style: italic;
		font-family: Arial, Helvetica, sans-serif;
	}


/* MENU */

#menu {
    width: 225px;
    overflow: none;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}


/* This section controls each section made */ 

#menu ul {
	list-style: none;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 12px 0;  /* sets the space between each section */
    text-decoration: none;
}


ul a:link { text-decoration: none; color: #000; }
ul a:active { text-decoration: none; color: #000; background-color: #99ffcc; }
ul a:visited { text-decoration: none; color: #000; }
ul a:hover { text-decoration: none; color: #000; background-color: #99ffcc; }



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

#menu ul li.section-title { 
	text-decoration: none;
	font-size: 15px;
	line-height: 19px;
/* Following lines adds a line about each section
		border-top-color: #cccccc;
		border-top-style: dashed;
		border-top-width: 1px;
 */

}


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


/* CONTENT AREA */

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


}

.container {
    padding: 30px 30px 25px 30px;

}


/* sets the properties for all paragraphs in the content area */

#content p { 
width: 480px;
margin-bottom: 9px; /* sets the space between paragraphs */
/* use this the change the leading (space between lines) */

}


/* sets the properties for all paragraphs  */

p {
    margin: 0 0 9px 0;
}




.box {padding-left: 0px; padding-bottom: 5px; padding-right: 20px; padding-top: 10px; margin-bottom: 0px; width: 195px; float: left;

}




/* HEADINGS */

h1 { font-size: 12px;
     font-weight: 100;
     line-height: 1.1em;
	 color: #99ffcc;
 }

h2 { font-size: 15px;
	line-height: 1.8em;
     font-weight: 100;
     text-decoration: none;
     color: #000;
     line-height: 1.4em; 

/* border-bottom:1px solid #000;
font-size:18px;
margin-bottom:15px;
padding: 0;
width:480px; 

#e4676f

*/

}


h3 { font-size: 12px;
     line-height: 1.8em;
     font-weight: 100;
     text-decoration: none; color: #fff; background-color: #ff6372;
	 padding:2px 3px 3px 3px; 
	 -moz-border-radius-bottomleft:2px;
	 -moz-border-radius-bottomright:2px;
	 -moz-border-radius-topleft:2px;
	 -moz-border-radius-topright:2px;
	 
	 display: inline;
 }




h4 { font-size: 11px;
     line-height: 1.1em;
	 font-weight: 100;
	 color: #999;
	 text-align: center;
	 padding:5px 0 0 0;
 }


h5 { font-size: 12px;
     line-height: 1.1em;
	 font-weight: 100;
	 color: #99ffcc;
	
 }



/* IMAGES */

#img-container	{ margin-top: 25px; padding: 0; }
#img-container p	{ width: 480px; margin: 0; padding: 0 0 12px 0; }
#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

#once { clear: left; }



/* 
/* SLIDE SHOW - Navigation   #d0ffe7  padding:2px 3px 3px 3px;  */
	
p.nav { 
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #999;		
}

p.nav a {
		background-color: #fff;
		text-decoration: underline;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		-moz-border-radius-bottomleft:0px;
		-moz-border-radius-bottomright:0px;
		-moz-border-radius-topleft:0px;
		-moz-border-radius-topright:0px;
	
}
	
	p.nav a:hover {
		background-color: #99ffcc;
		text-decoration: none;
	}
	
	p.nav span#num {
		letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #999;
		font-style: normal;
		padding-left: 0px;
		

	}

	span#tick2 {
		letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		font-style: normal;
		padding-left: 0px;
		

	}

span#datum {
		letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		font-style: normal;
		padding-left: 0px;
		
	}


span.info{
position:relative;
}
span.info:hover{
background-color:#e1e1e1;
}
span.info span{
display: none;
}
span.info:hover span{
display:block;
position:absolute;
top:1em; left:1em; width:10em;
border:0px solid #00ffcc;
background-color:#99ffcc;
color:#000;
text-align: center;
}





*/


/* STYLE MY TABEL */

TABLE   { 
		border-collapse: collapse 
}

TR TD { 
		border: 0px solid white;
		padding-right: 18px;
		padding-bottom: 26px;
}