html {
  font-size: 100%;
}

body {
  background-color: #000000;
  margin: 0;
  padding: 0;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  height: 100%;
  overflow: visible;
  text-align: justify;
  width: 100%;
  min-width: 820px;
  font-size: 1em;
}

img { 
  max-width: 100%; 
  max-height: 100%; 
}

p { 
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0;
}

strong {
	font-weight: bolder;
}

td { 
}

a{
  margin: 0;
  padding: 0;
}

a:link {
}

a:visited {  
}

a:hover {  
}

a:active {  
}

ul {
  list-style: square outside none;
}

h1 {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

h2 {
  font-size: 1.25em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 0;
  text-decoration: none;
}

h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: .5em 0 1em 0;
  padding: 0;
  text-decoration: none;
}

h5 {
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0;
  text-decoration: none;
}

h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

p.vcenter {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}

span.vcenter {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  height: 100%;
}

div.vcenter {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

img.vcenter {
  width: 100%;
}

.arrow{
  max-width: 15px; 
  max-height: 15px; 
}

.bigger {
  font-size: 1.25em;
}

.bio { 
  padding: 2%; 
  position: absolute; 
  top: 0; 
  left: 0;
  bottom: 0;
  width: 62%; 
  height: auto; 
  overflow: auto; 
  float: left; 
  margin-right: 34%;
}

.bio2 { 
  padding: 1%; 
  position: relative; 
  top: 0; 
  left: 0; 
  right: 0;
  width: 64%; 
  overflow: auto; 
  float: right; 
  z-index: 5; 
}

.blank {
  height: 3.5em;
}

.bubble {
  position: relative;
  margin: auto;
  border-style: outset;
  border-width: 2px;
  border-color: #CC9900;
  background-color: #CC9900;
  padding: 2%;
  width: 90%;
  clear: both;
  text-decoration: none;
}

.button {
  position: relative;
  top: 4%;
  margin: auto;
  border-style: outset;
  border-width: 2px;
  border-color: #CC9900;
  background-color: #CC9900;
  padding: 2%;
  width: 50%;
  clear: both;
  text-decoration: none;
}

.button:hover {
  color:#FFF;
  border-style: inset;
}

.cell { 
  position: relative; 
  top: 1%; 
  left: 2%;
  right: 2%; 
  width: 96%; 
  overflow: hidden; 
  float: left; 
}

.center {
  text-align: center;
}

.content {
  background-color: #95DE70;
  color: #000000;
  height: 90%;
  margin: 0;
  letter-spacing: normal;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 10%;
  top: 5%;
  vertical-align: text-top;
  width: 80%;
  word-spacing: normal;
  z-index: 2;
  box-shadow: 6px 6px 3px #818181;
  -webkit-box-shadow: 6px 6px 3px #818181;
  -moz-box-shadow: 6px 6px 3px #818181;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}

.footer { 
  color: #CCCCCC; 
  text-align: center; 
  font-size: xx-small; 
  text-decoration: none; 
  position: absolute; 
  left: 0; 
  bottom: 1%; 
  width: 100%; 
  height: 3%; 
  z-index: 10; 
  clear: both; 
}

.gallery{
  margin: auto;
  padding: 5px 1%;
  width: 98%;
  height: 302px;
  top: 2%;
  left: 0;
  z-index: 1;
  vertical-align: center;  
}

.handheld {
  display: none;
}

.hide {
  text-decoration: none; 
}

.indent {
  padding-left: 50px;
}

.left {
  text-align: left;
}

.limg {
  display: block;
  margin-left: auto;
  margin-right: auto; 
}

.lhcell { 
  position: relative; 
  left: 0; 
  width: 23%; 
  height: 100%; 
  z-index: 5; 
  overflow: hidden; 
  float: left; 
  clear: none;
  margin: 0; 
  margin-left: 1%; 
}

.lrow { 
  position: relative; 
  left: 0; 
  width: 100%; 
  height: 39%; 
  z-index: 5; 
  overflow: hidden; 
  clear: both; 
  margin-bottom: 1%;
}

.linkbox {
  margin: 0;
  padding: 0 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 42%;
  height: 58%;
  width: 96%;
  background: #95DE70;
  overflow: auto;
  z-index: 8;
  clear: both;
}

.linkheader {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 41%;
  width: 100%;
  overflow: hidden;
  clear: both;
}

.logocell {
  background-color: #FFFFFF; 
  position: relative; 
  top: 0; 
  left: 0;
  right: 0; 
  width: auto; 
  height: auto;
  padding: 5px;
}

.mainbox {
  background-color: #95DE70;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  vertical-align: text-top;
  width: 80%;
  z-index: 4;
}

.menu {
  background-color: #CC9900;
  color: #000000;
  float: left;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 0;
  visibility: visible;
  width: 20%;
  z-index: 3;
}

.menucell { 
  position: absolute; 
  width: auto; 
  z-index: 5; 
  padding-left: 10px; 
  margin: 0;
  left: 0;
  right: 0; 
}

.newsbar {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 313px;
  width: 100%;
  background: #95DE70;
  overflow: auto;
  z-index: 8;
  clear: both;
}

.next { 
  margin-right: 2%;
  width: 45%; 
  text-align: right; 
  overflow: hidden; 
  float: right;
  height: 100%;
  font-size: .75em;
}

.panel1 { 
  display: table;
  position: absolute; 
  left: 0; 
  width: 32%; 
  padding: 1%;
  vertical-align: middle;
  top: 0;
  bottom: 0;
}

.panel2 { 
  padding: 1%; 
  position: absolute; 
  top: 0; 
  left: 34%; 
  right: 0;
  bottom: 0;
  width: 63%;
  overflow: auto; 
  z-index: 5;
}

.pdfcell{ 
  text-align: center; 
  top: 2%; 
  left: 2%;
  width: 45%;
  height: 75%;
  padding: 1%;
  float: left; 
  position: relative;
}

.pdfnavbottom-l { 
  position: relative; 
  width: 80%; 
  height: 5%; 
  overflow: hidden; 
  float: left; 
  padding: 0 1%;
}

.pdfnavbottom-r { 
  position: relative; 
  right: 1%; 
  width: 18%; 
  height: 4%; 
  overflow: hidden; 
  float: right; 
  padding: 0;
}

.pic { 
  position: relative; 
  top: 2%; 
  right: 2%; 
  width: 32%; 
  margin-left: 3%;
  float: right;
}

.pic2 { 
  position: relative; 
  left: 0; 
  width: 32%; 
  padding: 1%; 
  float: left; 
}

.porbar { 
  text-align: left; 
  position: relative; 
  top: 0; 
  right: 0; 
  width: 30%; 
  height: 100%; 
  z-index: 4; 
  overflow: auto; 
  float: right; 
}

.porbar2 { 
  text-align: left; 
  position: relative; 
  top: 0;
  bottom: 0; 
  left: 2%; 
  width: 66%; 
  height: 100%; 
  padding: 0;
  z-index: 5; 
  overflow: hidden; 
  float: left; 
}

.porcell { 
  position: relative; 
  left: 0; 
  width: 96%; 
  height: 32%; 
  z-index: 5; 
  overflow: hidden; 
  padding-bottom: 1%; 
}

.porcellh { 
  position: relative; 
  left: 0; 
  width: 30%; 
  height: 30%; 
  z-index: 5; 
  overflow: hidden; 
  float: left; 
  clear: none; 
  margin-left: 2%; 
  margin-bottom: 2%;
}

.porcellh2 { 
  position: relative; 
  left: 0; 
  width: 23%; 
  height: 25%; 
  z-index: 5; 
  overflow: hidden; 
  float: left; 
  clear: none; 
  margin-left: 2%; 
  margin-bottom: 2%;
}

.porextpic { 
	width: 20%; 
	padding: 2%; 
	border-right-style: solid; 
	border-right-width: 1px;
	position: relative; 
	clear: left;
}

.porextrow {
	margin-left: 2%;
	margin-right: 2%;
	position: relative;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
}

.porexttxt { 
  text-align: left; 
  vertical-align: middle; 
  width: 70%; 
  height: auto; 
  padding: 2%; 
  position: absolute; 
  top: 0; 
  left: 24%; 
  bottom: 0; 
  margin: 0; 
}

.porinfo { 
  padding: 1% 2%; 
  text-align: left; 
  position: relative; 
  top: 0; 
  left: 0;
  right: 0;
  width: auto; 
  height: 38%; 
  overflow: auto; 
  float: left; 
}

.pormainbox { 
  vertical-align: middle; 
  top: 5%; 
  width: 100%; 
  height: 89%; 
  overflow: auto; 
}

.pormi { 
  text-align: center; 
  position: relative; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 60%; 
  overflow: hidden; 
  float: left; 
}

.pornavbottom { 
  position: absolute; 
  bottom: 0; 
  width: 98%; 
  height: 3%; 
  padding: 1% 0 1% 2%; 
  overflow: hidden; 
}

.pornavtop {
  top:0; 
  width: auto; 
  right: 0;
  height: 3%;
  padding: 1% 0 1% 1%; 
  overflow: hidden;
}

.previous { 
  left: 0;
  width: 45%; 
  overflow: hidden; 
  float: left;
  height: 100%;
  font-size: .75em;
}

.right {
  text-align: right;
}

.screen {
  display: block;
}

.smaller {
  font-size: .75em;
  line-height: 140%;
}

.stack {
  padding: 5px 0;
}

.strip {
  margin: 0;
  padding: 0;
}

.textpad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2% 3%;
  vertical-align: middle;
  width: auto;
}

.thumbbar {
  position: relative;
  left:0;
  width: 100%;
  height: 17%;
  overflow: auto;
  padding: 2% 0;
  clear: both;
}

.thumbcellh { 
  position: relative; 
  left: 0; 
  width: 17%; 
  height: 100%; 
  z-index: 5; 
  overflow: hidden; 
  float: left; 
  clear: none;
  margin-left: 2.5%; 
}

/* ######### Start of Menu CSS ######### */
#menu li {
  position:relative; 
  padding:5px;
}

#menu a {
  color:#FFFFFF; 
  text-decoration:none;
  font-size:1.1em;
}

#menu a:hover {
  color: #000000;
  font-weight: bold;
}

#menu, #menu ul {
  list-style:none; 
  padding-left:0px; 
  margin-left:0px;
}

#menu ul {
  padding-left:10px; 
  margin-left:0px;
}

#menu .level2{ 
  display:none;
}

#menu li:hover .level2 {
  display:block;
}
/* ######### End of Menu ######### */
/* ######### Start of CSS for Tabs. ######### */

.modernbricktab{
  border-top: 5px solid #CC9900; /*Brown color theme*/ 
  position: absolute;
  width: 100%; 
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 2em;
  overflow: auto;
}

.modernbricksmenu2{
  position: absolute;
  bottom: 0;
  padding: 0;
  width: 100%;
  border-top: 5px solid #CC9900; /*Brown color theme*/ 
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
}

.modernbricksmenu2 ul{
  margin:0;
  margin-left: 10px; /*margin between first menu item and left browser edge*/
  padding: 0;
  list-style: none;
}

.modernbricksmenu2 li{
  display: inline;
  margin: 0 2px 0 0;
  font: bold .8em Arial;
  color: white;
  padding: 0;
  text-transform:uppercase;
}

.modernbricksmenu2 a{
  float: left;
  display: block;
  font: bold .8em Arial;
  color: black;
  text-decoration: none;
  margin: 0 10px 0 0; /*Margin between each menu item*/
  padding: 5px 10px;
  background-color: white; /*Brown color theme*/ 
  border-top: 1px solid white;
  min-width: 25%;
  text-align: center;
}

.modernbricksmenu2 a:hover{
  background-color: #CC9900; /*Brown color theme*/ 
  color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
  background-color: #CC9900; /*Brown color theme*/ 
  color: white;
  border-color: #CC9900; /*Brown color theme*/ 
}

.tabcontent{
  display:none;
}

@media print {
.tabcontent {
  display:block !important;
}
}
/* ######### End of CSS for Tabs. ######### */