/*****************************
 * TITLE: Screen Stylesheet  * 
 *****************************/


html, body {
  min-height: 100%;
  width: 100%;
  height: 100%; /* hack for IE5+/Win.*/
}

html>body {height: auto;}
/* Without this, Moz1.0 adds a vertical scrollbar */

/* ##### Common Styles ##### */

body {
  color: #333333;
  font-family:'Trebuchet MS', sans-serif;
/*  font: 14pt/1em 'OldStandardTTRegular', Arial, sans-serif;letter-spacing: 0; */
  font-size:14px;
  line-height:1.4em;
  margin: 0;
  padding: 0;
  background-color:#ffffff;
/* background: #FFFFFF url(http://banoptikon.mignetproject.eu/images/p/bg.gif) center repeat-y; */
}

body, td, input, select, textarea {
  font-family:'Trebuchet MS', sans-serif;
/*
  font-size:12px!important;
*/
}

a:link, a:visited {
	color: #233FBF;
    text-decoration:none;
}
a:hover {
	color: #20BF17;
    text-decoration:none;
}
a:active {
	color: #FFD100;
    text-decoration:none;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


object:active, div:active, img:active {
  outline: none;
}


a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

/* primary title */
h1 {
  margin:0;
  padding:0;
  margin-top:20px;
  margin-bottom:10px;
  font-size:26px;
  font-weight:bold;
  color:#666;
  text-align:center;
  text-transform:uppercase;
/*  filter: dropshadow(color=#000000, offx=2, offy=2); */
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

h2 {
  margin:0;
  padding:0;
  margin-top:2em;
  margin-bottom:1em;
  font-size:13pt;
  font-weight:bold;
  color:#333;
  text-align:center;
}

h3 {
  margin:0;
  padding:0;
  margin-top:4em;
  margin-bottom:0;
  font-size:12pt;
  font-weight:bold;
  color:#333;
  text-align:center;
}

h4 {
  margin:0;
  padding:0;
  margin-top:0;
  margin-bottom:.5em;
  font-size:10pt;
  font-weight:bold;
  color:#333;
  text-align:center;
}


/* ##### Main Copy ##### */

#main-copy {
  background-color: transparent;
  width: 1000px;
  margin:auto;
}

#main-copy .content {
  width: 100%;
  margin:auto;
}

div.content {
  text-align: justify;
  font-weight:normal;
  font-size:12pt;
  letter-spacing:.08ex;
  line-height:1.4em;
}


#main-copy.content p {
  font-size: 12pt;
  color: #333;
  text-align: justify;
}

#main-copy p a {
  color:blue;
}

#main-copy p a:hover {
  color:green;
}

p {
/*  font-size: 11pt; */
  text-align: justify;
}

#show {
  margin-top:1em;
  width: 100%;
  height: 750px;
}

div.play-button {
	background: transparent url(../images/video_play_off.png) no-repeat center;
	position: relative;
	cursor:pointer;
	z-index:900;
    width:112px;
    height:100px;
    left:340px;
    top:-240px;
}
div.play-button:hover {
	background: transparent url(../images/video_play_on.png) no-repeat center;
}

div.menu {
  margin:0;
  padding:0;
  margin-top:1.4em;
  margin-bottom:10px;
  font-size:26px;
  font-weight:bold;
  color:#666;
  text-align:center;
  text-transform:uppercase;
/*  filter: dropshadow(color=#000000, offx=2, offy=2); */
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

span.menu-item a {
  color:#666!important;
}

span.menu-item a:hover {
	color: #20BF17!important;
}
span.menu-item a:active {
	color: #FFD100!important;
}