/********** GENERAL FORMATTING **********/

@font-face { font-family: Roboto; src: url(https://www.gaycity.org/fonts/RobotoCondensed-Regular.ttf)}
@font-face { font-family: RobotoBold; src: url(https://www.gaycity.org/fonts/RobotoCondensed-Bold.ttf)}
@font-face { font-family: RobotoItalic; src: url(https://www.gaycity.org/fonts/RobotoCondensed-Italic.ttf)}


body 			{
			margin: 0;
			padding: 0;
			background: #fff;
			color: #333;
                        font-size: 1em;
			font-family: Roboto, sans-serif;
                        line-height: 1.25em;
                        text-align: center;
 			}
			
p			{
			padding-bottom: 1em;
                        margin: .5em 0;
                        padding-right: 2em;
                        text-align:justify;
			}

img, img:link, a img 	{border: 0;
		 	max-width:100%;
			}

.left			{float: left;
			display:inline;
			}

.right			{float: right;
			display:inline;
			}

.center			{text-align:center;
			}

.clear			{clear: both;
			}

.short			{margin-bottom: .5em;}

.tall           	{margin-top: 1em;}

.spaced 		{margin-left: 1em;}

.roomy         		{margin: 3em 0;}
			
			
.boxb			{
			padding-left: 1em;
			padding-top: 2em;
			margin-bottom: .5em;
			min-height: 6.25%;
			font-weight: bold;
			}

			
.boxw			{
			padding-left: 1em;
			padding-top: 2em;
			margin-bottom: .5em;
			min-height: 6.25%;
			color: #fff;
			font-weight: bold;
			}


ul, ol	 		{
			list-style-position: outside;
			list-style-type: square;
			text-align: justify;
			padding-left: 2em;
			padding-bottom: 2em;
			}

li			{padding-right: 2em;
			}

			
.button, .button a	{
			font-size:1.25em;
			padding:2em 3em;
			display: inline;
			margin-top: 2em; margin-bottom:2em;
			color: #fff;
			font-weight: bold;
 			text-transform: uppercase;
			text-decoration: none;
			}

.largebutton, .largebutton a	{
			font-size:1.25em;
			padding:30px 50px;
			display: inline;
			margin-top: 30px; margin-bottom:30px;
			color: #fff;
			font-weight: bold;
 			text-transform: uppercase;
			text-decoration: none;
			}

.smallbutton, .smallbutton a	{
			font-size:1em;
			padding:10px 20px;
			display: inline;
			margin-top: 10px; margin-bottom:10px;
			color: #fff;
			font-weight: bold;
 			text-transform: uppercase;
			text-decoration: none;
			}


/********** TEXT FORMATTING **********/	

h1			{
			font-size:1.25em;
			text-align:left;
 			text-transform: uppercase;
			background:#000;
                        color: #fff;
			margin:.5em 0 2em 0; 
			padding:.5em 0 .5em .5em;
                        line-height: 1.5em;	
			}
	
.h1			{
			font-size:1.25em;
			text-align:left;
 			text-transform: uppercase;
			background:#000;
                        color: #fff;
			margin:0 0 2em 0; 
			padding:.5em 0 .5em .5em;
                        line-height: 1.5em;	
			}

h1 a 			{
			color: #fff;
			text-decoration: none;
			}

h1 a:hover 		{
			color: #fff;
			text-decoration: underline;
			}


.h2			{
			font-size:1.25em;
			text-align:left;
 			text-transform: uppercase;
			background:#000;
                        color: #fff;
			padding:.75em 2em .75em .75em;
                        line-height: 1.5em;
			}

h2      		{
			font-size:1.25em;
			text-align:left;
 			text-transform: uppercase;
			background:#000;
                        color: #fff;
			padding:.75em 2em .75em .75em;
                        line-height: 1.5em;
			}

h3      		{
			font-size:1.5em;
			text-align:left;
 			text-transform: uppercase;
                        line-height:1.5em;
                        border-bottom: 1px #333 solid;
			}

h3 a     		{
			color: gray;
			text-align:left;
			}

.h3      		{
			font-size:1.5em;
			text-align:left;
 			text-transform: uppercase;
                        line-height:1.5em;
			}

h4      		{
			font-size:1.2em;
			text-align:left;
 			text-transform: uppercase;
                        line-height:1.5em;
 			padding-bottom:1em;
			}

.h4      		{
			font-size:1.2em;
			text-align:left;
 			text-transform: uppercase;
                        line-height:1.5em;
 			padding-bottom:1em;
			}

h5, h6          {
			font: .75em;
			text-align:left;
 			text-transform: uppercase;
 			padding-bottom:1em;
			color: #666;
			}

a 			{color: #f7941d;
			text-decoration: none;
			text-align:left;
			font-weight: bold;
			}

a:hover			{text-decoration: underline;
			}

.white 			{color: #fff;}

.black 			{background: #000;}

.pink			{background: #ff00ff;}

.dkpink 		{background: #ff0099;}

.yellow 		{background: #f2af00;}

.brightyellow       	{background: #ffff25;}

.orange 		{background: #f7941d;}

.prpl			{background: #4f4d8e;}

.ltprpl			{background: #9966cc;}

.dkprpl 		{background: #470f40;}

.dkblue 		{background: #015172;}

.ltblue 		{background: #85afb4;}

.boblue 		{background: #0e62aa;}

.iceblue 		{background: #00aeef;} 

.red 			{background: #b5050e;}

.ltred 			{background: #e03941;}

.brightred		{background: #ed1c24;}

.dkgreen		{background: #006666;}

.ltgreen 		{background: #99c93b;}

em 			{font-family: RobotoItalic;}

strong 			{font-family: RobotoBold;}

							
/********** CONTENT FORMATTING **********/

.videoHome  	{width: 200px;
			margin:0 auto;
			padding:24px 0;
			text-align: center;
			border-bottom: 5px solid white;
			color:#fff;
			}

.videoHome p 	{padding:12px 20px;
			text-align: center;
			}

.adHome 	{width: 695px;
			max-width:695px;
			background: #FFFFFF;
			font-size: 1em;
			padding-bottom:2px;
			display: inline;	
			}

.subhdrimg 	{
			max-width:695px;
			display: inline-block;
			margin-bottom:5px;
			}

.subhdrimghome 	{	max-width:695px;
			display: inline-block;
			margin-bottom:5px;
			}

.adHomeLeft     {float: left;
			max-width:100px;
			background: #FFFFFF;
			display: inline;
			margin-bottom:40px;
			margin-right:5px;	
			}

.adHomeRight 	{float: left;
			max-width:695px;
			width:100%;
			background: #ffffff;
			font-size: 1em;
			display: inline;
			margin-bottom:40px;	
			}


.adHomeLeft2     {float: left;
			width: 105px;
			background: #FFFFFF;
			min-height: 180px;
			display: inline;
			margin-bottom:40px;	
			}

.adHomeRight2 	{float: left;
			width: 590px;
			background: #ffffff;
			font-size: 1em;
			min-height: 180px;
			display: inline;
			margin-bottom:40px;	
			}

.adHomeRight2 p {padding:0 25px 25px 15px}

.adHomePadding 	{/*padding: 16px 7px 0 7px;*/
			}

.blogHome 	{width: 695px;
			height:102px;
			background: #FFFFFF;
			font-size: 1em;
			margin-bottom: 30px;
			display: inline;	
			}

.blogHomeLeft 	{/*clear: both;*/
			float: left;
			width: 11.67%;
			/*overflow:hidden;*/
			background: #FFFFFF;
			font-size: 1em;
			padding-bottom: 16px;
			height: 120px;
			display: inline;	
			}

.blogHomeRight 	{float: left;
			width: 66.1%;
			background: #FFFFFF;
			font-size: 1em;
			padding-bottom: 16px;
			height: 120px;
			display: inline;	
			}

.blogHomeRight p {padding-left:5px;}

h1 a 		{color: #fff;
			text-decoration: none;
			}

h1 a:hover 	{color: #fff;
			text-decoration: underline;
			}

.mainPadding   {padding: 0 0 0 0; background:#fff; height:auto; border-right: 5px #fff solid;
			}

.leftNav a, .leftNav a:hover, .leftNavOn a, .leftNavOn a:hover {
			font-size:14px;
			display: block;
			color: #fff;
			padding: 5px 5px 5px 15px;
			text-decoration: none;
			text-transform: uppercase; border-right:2px silver solid;
			}

.leftNav2 a, .leftNav2 a:hover, .leftNav2On a, .leftNav2On a:hover {
			font-size:14px;
			display: block;
			color: #fff;
			padding: 5px 5px 5px 25px;
			text-decoration: none;
			}

.leftNav a:hover, .leftNavOn a, .leftNavOn a:hover, .leftNav2 a:hover, .leftNav2On a, .leftNav2On a:hover {
			background: #000;
			border-right: 2px #000 solid;
			}

.topNav a	{float: left;
			font-size: 1em;
			font-weight:bold;
			display: inline;
                        background: #000; border-right:5px #000 solid;
			color: #fff;
			padding: 3px 15px 9px 15px;
			text-decoration: none;
			height: 30px;
			line-height: 18px;
			overflow: hidden;
			}

.topNav a:hover {color: #FFFFFF;
			background: silver;
			text-decoration: none;
			height: 30px;
			line-height: 18px;
			overflow: hidden; border-right:5px #fff solid;
			}

.topNavOn a, .topNavOn a:hover	{
			font-size: 1em ;
			font-weight:bold;
			float: left;
			display: inline;
			color: #FFFFFF;
			background: silver;
			padding: 3px 15px 9px 15px;
			text-decoration: none;
			height: 30px;
			line-height: 18px;
			overflow: hidden; border-right:5px #fff solid;
			}

.oshadow {
  -moz-box-shadow: 2px 2px 2px #000;
  -webkit-box-shadow: 2px 2px 2px #000;
  box-shadow: 2px 2px 2px #000;
}

.ishadow {
   -moz-box-shadow:inset 0 0 5px #000000;
   -webkit-box-shadow:inset 0 0 5px #000000;
   box-shadow:inset 0 0 5px #000000;
}

#footer a	{color: #000;
			text-decoration: underline;
			}

#footer a:hover {color: #000;
			text-decoration: none;
			}
			
/********** FORMS **********/

.inputName	{font: normal .8em arial, helvetica, sans-serif;
			text-transform: uppercase;
			color: #EA802C;
			padding-bottom: 4px;
			}
						
.inputField	{border-top: 1px solid #C3C3C3;
			border-right: 1px solid #C3C3C3;
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #DDDDDD;
			font: normal 11px/14px arial, helvetica, sans-serif;
			height: 16px;
			padding-left: 3px;
			}

.inputTextarea {border-top: 1px solid #C3C3C3;
			border-right: 1px solid #C3C3C3;
			border-bottom: 1px solid #DDDDDD;
			border-left: 1px solid #DDDDDD;
			font: normal 11px/15px arial, helvetica, sans-serif;
			padding-left: 3px;
			}
/********** STRUCTURE **********/

#container		{width:900px;
			margin: 10px auto 0 auto;
			overflow: hidden;
			background:#fff;
			border: 16px white solid;
			text-align:left;
			}

#logo		{width: 900px;
                        background:#fff;                    
			}

#nav            {background: #000;
                       border-top: 5px solid #fff;
			width: 900px;
			height: 30px;
			font-size: 1.2em;
			font-weight:bold;
			overflow: hidden;
			}


#contentHome 	{background: #fff;
                       border-top: 5px solid #fff;
			}

#mainHome    		{float:left;
			width: 700px;
			background:#fff;
			display: inline;
			}

#rightNav  	{float:right;
			width:200px;
                        background: silver;
                        align:center;
                        padding-top: 15px;
                        padding-bottom: 7500px;
                        margin-bottom: -7500px;
                        overflow: hidden;
			display: inline;	
			}

#content 	        {background: #fff;
			width:900px;
                        border-top: 5px solid #fff;
			}

#leftNav  	{float:right;
			width: 200px;
                        background: silver;
                        padding-top: 15px;
                        padding-bottom: 7500px;
                        margin-bottom: -7500px;
                        overflow: hidden;
			display: inline;	
			}

#main    	{float: left;
			width: 700px;
			background:#fff;
			display: inline;	
			}


#column1    	{float: left;
			width:345px;
			padding-right: 5px;
			display: inline;	
			}

#column2    	{float: right;
			width:345px;
			display: inline;	
			}

#column2 p    	{margin-left:15px;
			}


#topcontent   	{float: left;
			width: 695px;
			padding-right: 5px;
			display: inline;	
			}


#topImageHome  	{width: 600px;
			overflow: hidden;
                        border-bottom: 5px solid #fff;
                        border-right: 5px solid #fff;
			}

#topImageBorder  	{width: 602px; height: 16px;
                        background:#470f40;
			}

#topImage  	{width: 695px;
			border-bottom: 5px solid #fff;
			}


#contentEndHome {
			height: 0px;
			line-height: 0px;
			}

#contentEnd {
			height: 4px;
			line-height: 0px;
			}

#enewsSignUp {
                        background: #000;
                        border-top: 5px #fff solid;
			width: 740px;
			height: 34px;
			padding: 12px 0 0 160px;
                        float: left;
                        display:inline;
                        color: #fff;
			z-index:100;
			}


#footer 	{	margin:0 auto;
			height: 45px;
			width: 900px;
			text-align: right;
			font: normal 0.9em;
			color: #000;
			}

#footerNav 	{float:right;
			text-align: right;
			width: 800px; 
			padding: 5px 0 40px 20px;
			display: inline;	
			}
/* Stylesheet: General Modified On 2016-04-06 13:09:21 */
.dd_menu {background:black; padding:0px; margin:0; list-style-type:none; z-index:5000;}
.dd_menu li {font-size: 1em; float:left; background: silver; text-transform: uppercase; width: 12.5%;}
.dd_menu_sub li {float:left; text-transform: uppercase; width:200%; margin:0; padding: 0; margin-left: -2em; padding-right:2em; background: #f7941d;}
.dd_menu li a {font-size: 1em; padding:1.5em 1em; display:block; color:#fff; text-decoration:none; font-weight: bold; text-align: center;}
.dd_menu li:hover a {background: #f7941d;}

.dd_menu ul {position:absolute; left:-9999px; top:-9999px; list-style-type:none;}
.dd_menu li:hover {position:relative;}
.dd_menu_sub li:hover {position:relative;}
.dd_menu li:hover ul {left:0px; top:3em;}
.dd_menu li:hover ul li {}
.dd_menu li:hover ul li a {line-height:3em; color:#000;}
.dd_menu li:hover ul li a:hover {color:#fff;}
/* Stylesheet: Menu Modified On 2013-07-29 10:58:02 */