/* classes and IDs are grouped accordingly:
IDs
CLASSES
body
wrapper
columns
fonts
actives
image galleries
*/
* {
	padding: 0px;
	margin:	0px;
}
	
/*body*/
body.main {
/*	background-image: url(http://www.mate-info.com/images/jpg/mt-home-stripebrbr100.jpg);
	background-repeat: repeat ;*/
	clear: both;
	scrollbar-arrow-color: #FC3;
	scrollbar-base-color: #333;
	scrollbar-dark-shadow-color: #FC3;
	scrollbar-track-color: #000;
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #606;
	scrollbar-highlight-color: #FC3;
	scrollbar-3d-light-color: #FC3;
	background-color: #c30;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: normal;
	color: #000;
	margin: 0.1em 0.1em 0.1em 0.1em; 
	/*line-height: 14pt;*/
	/*	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em*/
}
div.wrapper {
	clear: both;
	float: none;
	/*background-image: url(http://www.mate-info.com/images/jpg/mt-home-stripebrbr100.jpg);
	background-repeat: repeat ;*/
	width: 930px;
	/*height: 160em;*
	/*min-height: 100%;
	max-height: 100%;*/
	background-color:#c63;
	margin-top: 2em; 
	margin-bottom: 2em; 
	margin-left: 2em; 
	margin-right: 2em;
/*table-layout:fixed;*/
	/*padding:1em;
	padding-top:1em;
	padding-bottom:1em;*/
	/*spacing:5px;*/
	border:1px black solid;
	/*font-family: Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: normal;
	color: #000;*/
	z-index: 0;
}
#bg {
	background-image: url(http://www.mate-info.com/images/jpg/mt-home-stripebrbr100.jpg);
	background-repeat: repeat ;
}

/*wrapper header footer*/
div.header {
	clear: both;
	float: none;
	background-color: #F7CF89;
	width: auto;
	height: 113px;
	font-size: 10pt;
	font-weight: strong;
	color: #000;
	margin: 1em;
	text-align: center;
	border: 1px #000000 double;
	z-index: 0;
}

div.left {
	position: relative;
	float: left;
	margin: 0em 0em 1em 1em;
	width: 174px;
	padding: 0em 0em 0em 0em;
	border: 1px #000000 double;
	background-color: #F7CF89;
	z-index: 0;
	}
#lft52 {
	height: 52em;
}
#lft60 {
	height: 60em;
}
#lft75 {
	height: 75em;
}
#lft80 {
	height: 80em;
}
#lft88 {
	height: 88em;
}
#lft100 {
	height: 100em;
}
#lft110 {
	height: 110em;
}
#lft107 {
	height: 107em;
}
#lft120 {
	height: 120em;
}
#lft130 {
	height: 130em;
}
#lft145 {
	height: 145em;
}
#lft170 {
	height: 170em;
}
#lft180 {
	height: 180em;
}
#lft200 {
	height: 200em;
}
#lft235 {
	height: 235em;
}
#lft240 {
	height: 240em;
}
.leftmenu {
	position: fixed; 
	border: 2px lightgrey solid; 
	background-color:#000; 
	top: 21em; 
	left: 3.7em;
}
.leftquiz {
	position: relative; 
	top: 8%; 
/*	left: 2.2em ;*/
	text-align: center;
	z-index: 0;
}
#lq22 {
	top: 28em;
	}
div.menu1 { border: 2px lightgrey solid; width: 90px; height:22px; background-color:#039; font: upright Arial, Helvetica, sans-serif 10pt; font-weight: bold; text-align: center; vertical-align: middle; position: fixed; top: 2em; left:20em }

/*image gallery*/
.gallerycontainer {
	position: relative;
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000;*/
}


div.mid {
	position: relative;
	float: right;
	margin: 0em 1em 1em 1em;
	width: 71%;
/*	height: 135em;*/
	padding: 2em 2em 0em 2em ;
	border: 1px #000000 solid;
	background-color:#FFF;
	z-index: 0;
}

#mid900 {
	height: 900px;
}



#md52 {
	height: 52em;
}
#md60 {
	height: 60em;
}
#md75 {
	height: 75em;
}
#md80 {
	height: 80em;
}
#md88 {
	height: 88em;
}
#md100 {
	height: 100em;
}
#md110 {
	height: 110em;
}
#md107 {
	height: 107em;
}
#md120 {
	height: 120em;
}
#md130 {
	height: 130em;
}
#md145 {
	height: 145em;
}
#md170 {
	height: 170em;
}
#md180 {
	height: 180em;
}
#md200 {
	height: 200em;
}
#md240 {
	height: 240em;
}
div.rights {
	float: none;
	position: absolute;
	top: 0px;
	margin-top: 0em;
	margin-left: 20em; 
	margin-right: 5em;
/*	width: 300px;
	height: 300px;*/
	background-color: #000000;
	color: #FF6666;
/*	font-size: 8px;*/
/*	background-image:  url(images/jpg/mt-sinai-sat-400.jpg);*/
/*	padding: 5px 5px 5px 5px;*/
	z-index: 0;
}
div.rightw {
	clear: both;
	float: none;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	margin-left: 250px; 
/*	margin-right: 5px;*/
/*	width: 210px;
	height: 210px;*/
	background-color: #000000;
	color: #FF6666;
/*	font-size: 8px;*/
/*	background-image:  url(images/jpg/mt-sinai-sat-400.jpg);*/
/*	padding: 5px 5px 5px 5px;*/
	z-index: 0;
}
div.rightm {
	float: none;
	position: absolute;
	top: 0px;
	margin-top: 0px;
	margin-left: 335px; 
	margin-right: 5px;
/*	width: 210px;
	height: 210px;*/
	background-color: #000000;
	color: #FF6666;
/*	font-size: 8px;*/
/*	background-image:  url(images/jpg/mt-sinai-sat-400.jpg);*/
/*	padding: 5px 5px 5px 5px;*/
	z-index: 0;
}

ul.list-type {
	list-style-type: disc; 
	list-style-position: inside; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding: 15;
	z-index: 0;
}

div.footer {
	clear: both;
	float: none;
	margin: 0em 1em 1em 1em; 
	width: auto;
	height: 50px;
	padding: 1em;
	background-color: #F7CF89;
	border: 1px #000 solid;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	z-index: 0;
}

/*Add a height attribute and set to largest image's height to prevent overlaying*/

/*///////////////////////////////*/
.bstyle {
	border-style: inset;
	border-width: 3 px;
}

body.mainmt {
	clear: both;
	float: none;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
	line-height: 1.25em;	
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
}
div.wrappermt {
	clear: both;
	float: none;
	/*background-image: url(http://www.mate-info.com/images/jpg/mt-home-stripebrbr100.jpg);
	background-repeat: repeat ;*/
	width: 930px;
	/*height: 160em;*
	/*min-height: 100%;
	max-height: 100%;*/
	background-color:#003;
	margin-top: 2em; 
	margin-bottom: 2em; 
	margin-left: 2em; 
	margin-right: 2em;
/*table-layout:fixed;*/
	/*padding:1em;
	padding-top:1em;
	padding-bottom:1em;*/
	/*spacing:5px;*/
	border:1px black solid;
	/*font-family: Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: normal;
	color: #000;*/
	z-index: 0;
}
div.headermt {
	clear: both;
	float: none;
	background-image: url(http://www.mate-info.com/images/jpg/mt-header-stars910.jpg) ;
	/*background-image: url(http://www.mate-info.com/images/png/mt-mate-headstrip950.png)*/
	background-color: #006;
	width: auto;
	height: 110px;
	padding: 1em;
	font-size: 10pt;
	font-weight: strong;
	color: #fff;
	margin-bottom: 1em; 
	text-align: center;
	border: 1px #000000 double;
	z-index: 0;
}

div.leftmt {
	position: relative;
	float: left;
	margin: 0em 0em 1em 1em;
	width: 160px;
	padding: 1em 0em 1em 1em;
	border: 1px #000000 double;
	background-color: #006;
	z-index: 0;
	}
div.midmt {
	position: relative;
	float: right;
	margin: 0em 1em 1em 1em;
	width: 72%;
/*	height: 135em;*/
	padding: 2em 2em 0em 2em ;
	border: 1px #000 solid;
	background-color:#fff;
	z-index: 0;
}
div.footermt {
	clear: both;
	float: none;
	margin: 0em 1em 1em 1em; 
	width: auto;
	height: 50px;
	padding: 1em;
	background-color: #006;
	border: 1px #000 solid;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	font-weight: normal;
	color: #fff;
	z-index: 0;
}

.camelspecs {
	padding: 0px 5px 0px 5px;
	background-color: #F7CF89;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}
/*div.camel {
	position: relative;
	width: 600px;
	height: 100px;
	padding: 5px 5px 5px 5px;
	background-color: #F7CF89;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid black;
}	*/

/* columns*/
/*td.leftshort {
	position: relative;
`	float: left;
	margin-top: 40px;
	margin-left: 30 px;
	width: 180 px;
	height: 1400 px;
	max-height: 100%;
	font: 12pt Arial, Helvetica, sans-serif #000000;
	padding: 50px 0px 0px 30px;
	border: 1px #000000 double;
	background-color: #F7CF89;
	align: center;
}
table.centerlong {
/*	position: relative;*/
/*`	float: left;
	margin-top: 40px;
	margin-left: 30 px;
	width: 845 px;
	max-height: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px #000000 double;
	background-color: #fff;
	align: center;
}*/*/

div.leftmt {
`	float: left;
	margin-left: 5px;
	width: 170px;
	max-height: 100%;
	padding: 5px 5px 5px 5px;
	background-color: #000066;
	border: 1px #000000 double;
	}
/*div.left-500 {
	height: 500px;
}
div.left-700 {
	height: 700px;
}
div.left-900 {
	height: 900px;
}
div.left-1000 {
	height: 1000px;
}
div.left-1100 {
	height: 1100px;
}
div.left-1500 {
	height: 1500px;
}
div.left-1500 {
	height: 1500px;
}
div.left-1700 {
	height: 1700px;
}
div.left-2000 {
	height: 2000px;
}
div.left-2700 {
	height: 2800px;
}
div.left-3000 {
	height: 3000px;
}
div.left-3500 {
	height: 3500px;
}
	
div.mid-500 {
	height: 500px;
}
div.mid-700 {
	height: 700px;
}
div.mid-900 {
	height: 900px;
}
div.mid-1000 {
	height: 1000px;
}
div.mid-1100 {
	height: 1100px;
}
div.mid-1500 {
	height: 1500px;
}
div.mid-1700 {
	height: 1700px;
}
div.mid-2000 {
	height: 2000px;
}
div.mid-2700 {
	height: 2800px;
}
div.mid-3000 {
	height: 3000px;
}
div.mid-3500 {
	height: 3500px;
}

div.long{
	margin-top: 2500px;
	margin-left: 60px;
	border-width: thin;
}
div.small{
	margin-top: 1000px;
	margin-left: 60px;
	border-width: thin;
}
div.vsmall{
	margin-top: 800px;
	margin-left: 60px;
	border-width: thin;
}
div.vvsmall{
	margin-top: 600px;
	margin-left: 60px;
	border-width: thin;
}*/


/*fonts */
.styleA7NWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #fff;
}
.styleA8NBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.styleA8NIBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000;
}
.styleA8NIRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #F00;
}
.styleA8NWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
}
.styleA9NBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
}
.styleA9NWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
}
.styleA9IWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #fff;
}
.styleA9BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
.styleA10NBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.styleA10BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}
.styleA10BIBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.styleA10BIBLU {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #9999ff;
}
.styleA10BIRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #900;
}
.styleA10NWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fff;
}
.styleA10BWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
}
.styleA10BRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
}
.styleA11BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
}
.styleA12NBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
.styleA12BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.styleA12BIBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	font-style:italic;
	color: #000000;
}
.styleA12IBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:italic;
	color: #000000;
}
.styleA12BRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FF0000;
}.styleA14BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal; 
	font-weight: bold;
	color: #000000;
}
.styleA16BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight: bold;
	color: #000000;
}
.styleA12BGRN {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: bold;
	color: #00FF00;
}
.styleA12BIGRN {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: bold;
	font-style: italic;
	color: #00FF00;
}
.styleA12BWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: bold;
	color: #fff;
}
.styleA12IWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: italic;
	color: #fff;
}
.styleA12NWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #fff;
}
.styleA14BWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
}
.styleA14BBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
}
.styleA14BWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
}
.styleA18BBLK { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #000;
}
.styleA18BIBLK {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.styleA18BWHT { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #fff;
}
.styleA18BWHT { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #fff;
}
.styleT12IBLK {
	font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	font-style:italic;
	color: #000000;
}
.styleT13BIBLK {
	font-family:"Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: bold;
	font-style:italic;
	color: #000000;
}
.styleT14IWHT {
	font-family:"Times New Roman", Times, serif;
	font-size: 14pt;
	font-style:italic;
	color: #FFF;
}
.styleL10NIBLK {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size: 10pt;
	font-style: italic;
	color: #000000;
}	
.styleL10NIWHT {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size: 10pt;
	font-style: italic;
	color: #FFF;
}	
.styleL10BIBLK {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}	
.styleL10BIWHT {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}	
.styleL10BIBLU {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #9999FF;
}	
.styleL11BIBLK {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif ;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

.styleL13BIBLK {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif ;
	font-size:13pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.styleL18BIBLK {
	font-family: ADMUI4Lg, Lucida Handwriting, Times, serif;
	font-size:18pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
/*thumb*/
.thumbnail img {
border: 1px solid black;
margin: 0px 0px 0px 0px;
/*padding: 0px;*/
}

.thumbnail:hover {
background-color: transparent;
}

.thumbnail:hover img {
border: 1px dashed black;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
width: 410px;
margin-top: 0px;
margin-left: -140px;
margin-right: 5px;
border: 5px solid grey;
font-size: 8pt;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0 px;
padding: 1px 1px 1px 1px;
}

.thumbnail:hover span { /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 355px; /*position where enlarged image should offset horizontally */
z-index: 1;
}

/*tmb tmb tmb tmb tmb tmb */
.tmbnail img {
border: 1px solid grey;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.tmbnail:hover {
background-color: transparent;
}

/*.tmbnail:hover img {
border: 1px solid black;
}*/
.tmbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: black;
width: 160px;/*410 230*/
height: auto;
/*margin-top: 120px;
margin-left: 300px;*/
/*margin-right: 5px;
margin-bottom: 5px;*/
border: 5px solid #c63;
border-width: 15px 5px 15px 5px;
padding: 10px;
font-size: 10pt;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 2;
}
/*.tmbnail span img { CSS for enlarged image*
border-width: 5px;
padding: 5px 5px 5px 0px;
}*/

.tmbnail:hover span { /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: 25%;/*-10em*/
margin-left: -10.7em; /*position where enlarged image should offset horizontally */
z-index: 2;
}

/*tb tb tb tb tb tb tb tb tb tb tb tb tb tb tb tb */
.tbnail img {
border: 1px solid grey;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.tbnail:hover {
background-color: transparent;
}

/*.tmbnail:hover img {
border: 1px solid black;
}*/
.tbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: black;
width: 160px;/*410 230*/
height: auto;
/*margin-top: 120px;
margin-left: 300px;*/
/*margin-right: 5px;
margin-bottom: 5px;*/
border: 5px solid #003;
border-width: 15px 5px 15px 5px;
padding: 10px;
font-size: 10pt;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 2;
}
/*.tmbnail span img { CSS for enlarged image*
border-width: 5px;
padding: 5px 5px 5px 0px;
}*/

.tbnail:hover span { /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: 25%;/*-10em*/
margin-left: -10.7em; /*position where enlarged image should offset horizontally */
z-index: 2;
}

/*thmb thmb thmb thmb thmb thmb thmb thmb */
.thmbnail img {
border: 1px solid black;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.thmbnail:hover {
background-color: white;
}

.thmbnail:hover img {
border: 1px dashed black;
}

.thmbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 10px;
width: 270px;
height: 300px;
margin-top: 0px;
margin-left: 535px;
margin-right: 5px;
margin-bottom: 5px;
border: 5px solid grey;
font-size: 8pt;
visibility: hidden;
color: black;
text-decoration: none;
}

.thmbnail span img{ /*CSS for enlarged image*/
border-width: 1;
/*padding: 5px 5px 5px 0px;*/
}

.thmbnail:hover span { /*CSS for enlarged image*/
visibility: visible;
top: 0%;
left: -200px; /*position where enlarged image should offset horizontally */
z-index: 1;
}
.................................
/*td.wrapper {
/*	clear: both;
	float: left;*/
	width: auto;
	height: auto;
	min-height: 100%;
/*	halign: center;*/
	margin-left: 160px;
	margin-bottom: 10px;
	/*	border: 2px #000000 double;*/
	background-color:#fff;
/*	font-size: 10pt;*/
	padding:0px 5px 5px 5px;
}*/