/* CCCGNY Style Definitions */



	body
	{
		min-width:580px;
		max-width:800px	;
		margin: 0 auto;
		padding: 10px;
		background-color: #000000;
		background-attachment: scroll;
		background-image: url(../images/backgrounds/dkback.gif);
		color: #000000;


	}
	



@font-face {
  font-family: 'cccgny-font';
  font-style: normal;
  font-weight: 400;
  src: url(../style/fonts/Montreal-Regular.woff); 
}
	
	
	#contents	
	{

   		margin-top: 20px;
		margin-bottom: 20px;
		margin-right:auto;
		margin-left:auto;
		padding: 0px;
		text-align: left;
	}
	
	h1	
	{
		color: #000;
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 34px;
	}


	p	
	{
		color: #000;
		background-color: transparent;
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 18px;
                             text-align: justify;
	}


	td
	{
		color: #000;
		background-color: transparent;
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 18px;
        text-align: justify;
	}



	
	ul 
	{

	font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: normal;
              text-align: justify;
	}

	ol 
	{

	font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: normal;
               text-align: justify;
	}

	
	.ctr
	{
		          text-align: center;
	}
	
	.first 
	{
	font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 24px;
	}
	
	.note 
	{
	font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
	color: #F820A7;
	font-size: 14px;
	font-weight: regular;
	text-align: center;
	}

	
	
	.title
	{
		color: #F820A7;
		
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 34px;
		font-weight: bold;
	}

	
	
	.title2	
	{
		color: #F820A7;
		
		border-top:6px solid rgb(128, 128, 128);
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 34px;
		font-weight: bold;
	}

	.bold	
	{
		color: #000;
		font-family: 'cccgny-font', Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
	}


	
	
	.overlay {
    height: 100%;  /* delete for sizing */
    overflow:hidden;
	width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;  /* in from */
    background-color: rgb(80,80,80);
    background-color: rgba(80,80,80, .9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    min-width: 300px;
	min-height: 100%;
	text-align: left;
    margin-top: 30px;
}

.overlay a {
    padding: 6px;
    text-decoration: none;
    font-family: 'cccgny-font', Arial, Helvetica, sans-serif; 
    font-weight: regular;
	font-size: 24px;
    color: #FFFFFF; 
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #FFFFFF;
	background-color: #F800A7;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    bottom: 20px;
	right: 45px;
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 35px;
	max-height: 40px;
}

.overlay .backbtn {
    position: absolute;
    top: 20px;
    bottom: 20px;
	left: 6px;
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 25px;
}


    .slidemenu {

        float: left;
		height: 50px;   
		width: 160px;
		background: url("../images/Nmenu2.png") no-repeat;
        
    }

    
	.slidemenu:hover  {
         background: url("../images/Nmenu.png") no-repeat;
    }
	


a:link	{ 
color: #FFFFFF; 
}

a:visited{ 
color: #FFFFFF; 
}

a:hover	{ 
color: #000000; 
background: #808080; 
}

a:active	{ 
color: #FF0000; 
}


a.button2, a:visited.button2, input.button2 {

#display: inline;
font-family: 'cccgny-font', arial, helvetica, sans-serif;
font-weight:normal;
text-align:center;
font-size:80%;
padding:3px;
color: #FFFFFF;
border-style: outset;
border-width: thin;
background-color: black;
white-space: pre;
height: 80%; 
text-decoration: none;
}



a.button, a:visited.button, input.button {

#display: inline;
font-family: 'cccgny-font', arial, helvetica, sans-serif;
font-weight:normal;
text-align:center;
font-size:120%;
padding:3px;
color: #FFFFFF;
border-style: outset;
border-width: thin;
#border-radius: 5px;
background-color: black;
white-space: pre;
height: 200%; 
text-decoration: none;
}

a:hover.button, input:hover.button, a:hover.button2, input:hover.button2
{
display: inline;
background-color: #F800A7;
}
