/*
		CSS Stylesheet for Gay Teen Help Group
		with screen width 960 pixels
*/

body				{margin: 0; border: 0; padding: 0; background-color: black;}

#notice 			{display: none;}
#normal 			{display: block; color: rgb(70, 70, 70);}

@font-face			{font-family: xcant; src: url(/z/cantarell-regular.otf); font-weight: normal;}
@font-face			{font-family: xcant; src: url(/z/cantarell-bold.otf);
					font-weight: bold;}
@font-face			{font-family: xchinese; src: url(/z/simchinese.ttf);}
@font-face			{font-family: xdejavu; src: url(/z/dejavuserif-regular.ttf);
					font-weight: normal;}
@font-face			{font-family: xdejavu; src: url(/z/dejavuserif-bold.ttf);
					font-weight: bold;}
@font-face			{font-family: xdejavu; src: url(/z/dejavuserif-italic.ttf);
					font-style: italic;}
@font-face			{font-family: xdejavu; src: url(/z/dejavuserif-bold-italic.ttf);
					font-weight: bold; font-style: italic;}
@font-face			{font-family: xgotham; src: url(/z/gotham-light.ttf);}
@font-face			{font-family: xgotham; src: url(/z/gotham-light-italic.ttf);
					font-style: italic;}
@font-face			{font-family: xhelthin; src: url(/z/helvetica-neue-thin.ttf);}
@font-face			{font-family: xhindi; src: url(/z/hindi-regular.ttf); font-weight: normal;}
@font-face			{font-family: xhindi; src: url(/z/hindi-bold.ttf); font-weight: bold;}
@font-face			{font-family: xround; src: url(/z/open-wt50.ttf); font-weight: normal;}
@font-face			{font-family: xround; src: url(/z/open-wt80.ttf); font-weight: bold;}
@font-face			{font-family: xround; src: url(/z/open-wt50-italic.ttf); font-weight: normal;
					font-style: italic;}
@font-face			{font-family: xround; src: url(/z/open-wt80-italic.ttf); font-weight: bold;
					font-style: italic;}
@font-face			{font-family: xruss; src: url(/z/russian-regular.otf); font-weight: normal;}
@font-face			{font-family: xruss; src: url(/z/russian-bold.otf);
					font-weight: bold;}
@font-face			{font-family: xruss; src: url(/z/russian-italic-cond.otf);
					font-style: italic;}
@font-face			{font-family: xruss; src: url(/z/russian-bold-italic.otf);
					font-weight: bold; font-style: italic;}
@font-face			{font-family: xsquare; src: url(/z/square.ttf);}
@font-face			{font-family: xsquaresp; src: url(/z/square-spaced.ttf);}
@font-face			{font-family: xwar; src: url(/z/waree-regular.ttf); font-weight: normal;}
@font-face			{font-family: xwar; src: url(/z/waree-bold.ttf);
					font-weight: bold;}
@font-face			{font-family: xwar; src: url(/z/waree-italic.ttf);
					font-style: italic;}
@font-face			{font-family: xwar; src: url(/z/waree-bold-italic.ttf);
					font-weight: bold; font-style: italic;}
#cent_notice_img	{margin: 0 auto; border: 0; padding: 0; width: 238px; }
#cent_notice_txt	{margin: 0 auto; border: 0; padding: 10px; width: 218px; text-align: justify;
					font-size: 10pt; font-family: xdejavu, xhindi, xruss, xchinese, serif;
					font-weight: bold; font-style: italic; color: rgb(225, 25, 25);}




hr					{width: 80%; height: 0; border-color: rgb(70, 70, 70); border-style: solid;
					border-width: 1px 0 0 0;}
img					{border: 0; vertical-align: top;}
table				{border: 0; border-collapse: collapse;}
td					{vertical-align: top;}
#main				{margin: 0 auto; border: 0; padding: 0; width: 960px;
					background-image: url(/z/malelove_M.png);}
#spec				{margin: 0 auto; border: 0; padding: 0; width: 960px;
					background-color: rgb(200, 200, 200); text-align: center;}
#vil240				{width: 80px; height: auto;}
.clr				{clear: both;}
.widetab			{width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0;}
.lefttab			{margin: 0; border: 0; border-collapse: collapse; border-spacing: 0;}
.headcell1			{margin: 0; display: inline-block;}
.headcell2			{margin: 0; text-align: center;}

.butcell			{width: 60px; margin: 2px; border: 2px solid rgb(100, 100, 100);
					border-radius: 6px; padding: 2px; background-color: rgb(160, 160, 160);}
.butcell:hover, .butcell:active	
					{background-color: rgb(240, 240, 240);}

.langparent 		{display: inline-block; position: relative; vertical-align: middle;}
.droplang input[type=checkbox] 
					{display: none;}
.droplang ul		{list-style-type: none; margin: 0; border: 0; padding: 0; display: none;}
.droplang input[type=checkbox]:checked + ul 
					{position: absolute; left: 15px; bottom: 35px; display: block}
.droplang li		{margin: 2px;}
.droplang li img	{width: 36px;  border: 1px solid rgb(100, 100, 100); border-radius: 3px; 
					padding: 2px; background-color: rgb(160, 160, 160);}
.droplang li img:hover, .droplang li img:active
					{background-color: rgb(240, 240, 240);}

.devparent 			{display: inline-block; position: relative; vertical-align: middle;}
.dropwidth input[type=checkbox] 
					{display: none;}
.dropwidth ul		{list-style-type: none; margin: 0; border: 0; padding: 0; display: none;}
.dropwidth input[type=checkbox]:checked + ul 
					{position: absolute; left: 15px; bottom: 35px; display: block}
.dropwidth li		{margin: 2px;}
.dropwidth li img	{width: 36px;  border: 1px solid rgb(100, 100, 100); border-radius: 3px; 
					padding: 2px; background-color: rgb(160, 160, 160);}
.dropwidth li img:hover, .dropwidth li img:active
					{background-color: rgb(240, 240, 240);}

.menuit:link,
.menuit:visited		{display: block; margin: 2px auto; border: 3px solid rgb(10, 34, 50);
					border-radius: 20px; padding: 8px; width: 160px;
					background-color: rgb(14, 128, 192); text-align: center; font-size: 12pt;
					color: white; text-decoration: none; font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-weight: bold;}
.menuit:hover,
.menuit:active		{background-color: rgb(108, 182, 224); color: rgb(80, 80, 80);}
.submenuit:link,
.submenuit:visited	{display: block; margin: 2px auto; border: 3px solid rgb(10, 34, 50);
					border-radius: 20px; padding: 8px; width: 160px;
					background-color: rgb(14, 192, 128); text-align: center; font-size: 12pt;
					color: white; text-decoration: none; font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-weight: bold;}
.submenuit:hover,
.submenuit:active	{background-color: rgb(108, 224, 182); color: rgb(80, 80, 80);}
.menubut:link,
.menubut:visited	{margin: 0; border: 0; padding: 12px 0 0 0; width: 100px; height: 28px;
					background-image: url("/z/menubutton.png"); text-align: center;
					font-size: 12px; color: rgb(140, 140, 200); text-decoration: none;
					font-family: xsquaresp, xhindi, xruss, xchinese, sans-serif; font-weight: bold;}
.menubut:hover,
.menubut:active		{color: rgb(200, 200, 255);}
.left 				{float: left; padding: 2px 2px 2px 0;}
.right 				{float: right; padding: 8px 0 8px 8px;}
.valbot				{vertical-align: bottom;}
.siteheadingcls		{margin: 0; border: 0; padding: 20px; text-align: center;
					font-family: xhelthin, xhindi, xruss, xchinese, sans-serif; font-weight: normal; font-size: 74px;}
.headingcls			{margin: 0; border: 0; padding: 8px; text-align: center;
					font-family: xround, xhindi, xruss, xchinese, sans-serif; font-weight: normal; font-size: 39px;}
.subheadingcls		{margin: 0; border: 0; padding: 8px; text-align: center;
					font-family: xsquare, xhindi, xruss, xchinese, sans-serif; font-weight: normal; font-size: 18px;}
.about				{margin: 0; border: 0; padding: 0 8px; text-align: justify;
					font-family: xround, xhindi, xruss, xchinese, sans-serif; font-size: 12pt; font-weight: bold;}
.advant				{margin: 0; border: 0; padding: 8px; text-align: justify;
					font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-size: 12pt;}
.saytext			{border: 0; padding: 0 36px; font-family: xround, xhindi, xruss, xchinese, sans-serif; font-weight: bold; text-align: justify;
					font-size: 12pt;}
.saytitle			{border: 0; padding-top: 1ex; text-align: left; font-size: 14pt; font-weight: bold;
					font-style: italic; color: rgb(20, 20, 20);}
.saypara			{border: 0; padding: 0 36px 24px;}
.linktext			{margin: 0 0 13px; border: 0; padding: 0 36px;
					font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-weight: bold; text-align: justify; font-size: 9pt; line-height: 120%;}
.photo				{margin: 4px; padding: 4px; text-align: center;}
.videocls			{display: table; margin: 2px; border: 2px solid black; padding: 2px;
					width: 640px; height: 360px;
					background-color: black;}
.videoinner			{display: table-cell; margin: 0; border: 0; padding: 0; vertical-align: middle; text-align: center;}
.vtpc				{font-family: xround, xhindi, xruss, xchinese, sans-serif; font-size: 13pt; text-align: right; padding-right: 5px; 
					font-weight: normal; min-width: 25%; max-width: 50%;}
.vtdc				{font-family: xround, xhindi, xruss, xchinese, sans-serif; font-size: 15pt; text-align: left; padding-left: 5px; 
					font-weight: bold;}
.vapc				{font-family: xround, xhindi, xruss, xchinese, sans-serif; font-size: 13pt; text-align: right; padding-right: 5px; 
					font-weight: normal; min-width: 25%; max-width: 50%;}
.vadc				{font-family: xround, xhindi, xruss, xchinese, sans-serif; font-size: 15pt; text-align: left; padding-left: 5px; 
					font-weight: bold; font-style: italic;}
.vmspc				{font-family: xsquare, xhindi, xruss, xchinese, sans-serif; font-size: 11pt; text-align: right; padding-right: 5px;}
.vmsdc				{font-family: xsquare, xhindi, xruss, xchinese, sans-serif; font-size: 11pt; text-align: left; padding-left: 5px;}
.vd1pc				{font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-size: 12pt; text-align: right; padding-right: 5px;}
.vd1dc				{font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-size: 12pt; text-align: left; padding-left: 5px;}
.vd2pc				{font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-size: 11pt; text-align: right; padding-right: 5px;}
.vd2dc				{font-family: xwar, xhindi, xruss, xchinese, sans-serif; font-size: 11pt; text-align: left; padding-left: 5px;}
.vfpc				{font-family: xsquare, xhindi, xruss, xchinese, sans-serif; font-size: 12pt; text-align: right; padding-right: 5px;}
.vfdc				{font-family: xsquare, xhindi, xruss, xchinese, sans-serif; font-size: 12pt; text-align: left; padding-left: 5px;}
.advisory			{font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-size: 9pt; text-align: left; padding-left: 5px;}
.listitem			{display: block; margin: 4px 1px 4px 1px; border: 2px solid black; border-radius: 4px; padding: 4px 2px 1px 2px;
					background-color: rgb(255, 255, 255); text-align: left; text-decoration: none;}
.listitem:hover,
.listitem:active	{background-color: rgb(200, 200, 200);}
.c2					{margin: 0; color: rgb(50, 100, 200); font-size: 15px;
					font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-weight: bold; line-height: 15px;}
.c3					{margin: 0; color: rgb(50, 100, 200); font-size: 15px;
					font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-weight: normal; font-style: italic; line-height: 14px;}
.c7					{margin: 0; color: rgb(50, 50, 50); font-size: 12px;
					font-family: xsquaresp, xhindi, xruss, xchinese, sans-serif; font-weight: normal;}
.c8					{margin: 0; color: rgb(50, 50, 50); font-size: 12px;
					font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-weight: bold;}
.c9					{margin: 0; color: rgb(50, 50, 50); font-size: 12px;
					font-family: xcant, xhindi, xruss, xchinese, sans-serif; font-weight: normal;}
.worldmap			{margin: 2px; width: 96%; max-width: 1000px;}
.worldleg			{margin: 6px; width: 206px;}
.worldill			{margin: 6px; width: 172px;}
.cent400			{display: block; margin: 0 auto; border: 0; padding: 0; width: 96%; max-width: 400px;}
.cent700			{display: block; margin: 0 auto; border: 1px solid black; padding: 0; width: 96%; max-width: 700px;}
.centinline			{margin: 0 auto; text-align: center; border: 0;}
.leftinline			{margin: 0; text-align: left; border: 0;}
.sect				{display: block; margin: 30px 70px; border: 0; padding: 0;}
.lefpic				{float: left; margin: 0 32px 16px 0; border: 2px solid rgb(20, 60, 250);
					border-radius: 6px; padding: 0; width: 150px; height: auto;}
.barpic				{float: left; margin: 0 30px 0 0; border: 1px solid black;
					border-radius: 6px; padding: 0; width: 150px; height: auto;}
#bars td			{padding: 30px 20px;}
#links tr			{border: 3px solid rgb(140, 140, 200);}
#links td			{padding: 30px 20px;}
.grid				{display: inline-block; width: 120pt; height: auto; margin: 2px; border: 0;
					padding: 2px; text-align: left; font-weight: bold;}
.footwide			{background-color: rgb(40, 40, 40); color: rgb(140, 140, 140);}
.buttcell			{vertical-align: middle;}
.footcell			{width: 100%; padding: 8px; vertical-align: middle; text-align: center; font-size: 7pt; font-family: xwar, xhindi, xruss, xchinese, sans-serif;}