﻿/*main handles the class styles tags for most of the pages using CSS layout. It also handles the div tags for the index page*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	height:100%;
	font-size: 100%;
	}
	
	#colContent .submenu
	{
		font-size:10px;
	}
	
	#submenu
{
	font-size:11px;
	padding-left:1px;
}

#wrapper {
	width: 800px;
	height: 100%;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

#wrapperA {
	width: 810px;
	height: 100%;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

#ThreeColLayout
{
	margin-top:10px;
}
#bannerlogo
{
	margin-bottom:-.05px;
	margin-top:.3px;
	height:49px;
	width:798px;
}
#HotSpotBanner
{
	margin-bottom:-.05px;
	margin-top:.3px;
	height:49px;
	width:797px;
	float:left
}

#submenuone
{
	margin-right:-1px;
}

#Image
{
	margin-left:2px;
	padding-bottom:0px;
	margin-bottom:0px;
 
}

#flashcontentNew
{
	height:260px;
	width:800px;
	float: left;	
	
}


#Table
{
	font-weight:bold;
	color: #FFF;
	font-size: 75%;
	text-align:left;
	padding-top:8px;
	
}
/*#GovBanner
{
	width:800px;
	padding-left:5px
	
}*/

.LogoClass
{
/*	text-align: center;
	clear: both;	
	border: none;
	width:792px;
/*	background-image:url(../Banner/NYPABannerAA.jpg);	
	height:48px;
	margin-bottom:1px;
	padding-left:2px;*/

	position:relative;
	background-image:url(../Banner/NYPAbannerAA.jpg);  
	background-repeat: no-repeat;
	height:48px;
	width: 794px;
	margin-bottom:1px;
	padding-left:4px;
}

.hyberlinkclass
{
	color:#009;
}

#box-link
{
	position: absolute;
	top: 2px;
	left: 620px;
	width: 170px;
	height: 40px;
	background-color: transparent;
	border: none; 
/*	border: 1px solid yellow;  */
}

#Logo
{
	text-align: center;
	clear: both;	
	width: 794px;
	background-image:url(../Banner/NYPAbannerAA.jpg);	
	height:48px;
	margin-bottom:1px;
	padding-left:4px;
	position:relative;
	
}

#Logo a
{
	position:absolute;
	top: 0;
	left: 0;
	width: 794px;
	height:48px;
}

#Logo a h1
{
	display:none;
}

#TableCC
{
	font-weight:bold;
	color: #FFF;
	font-size: 75%;
	text-align:left;
	padding-top:8px;
	
}
/*#GovBanner
{
	width:800px;
	padding-left:5px
	
}*/
#LogoCC
{
	text-align: center;
	clear: both;	
	width: 794px;
	background-image:url(../Banner/NYPAbannerCC.jpg);	
	height:48px;
	margin-bottom:1px;
	padding-left:4px;
	
}



#TableNew
{
	font-weight:bold;
	color: #FFF;
	font-size: 75%;
	text-align:left;
	padding-top:8px;
	margin-right:0px;
	
	
	
}
/*#GovBanner
{
	width:800px;
	padding-left:5px
	
}*/
#LogoNew
{
	text-align: center;
	clear: both;	
	border: none;
	width:794px;
	background-image:url(../Banner/NYPAbannerAA.jpg);	
	height:48px;
	margin-bottom:1px;
	padding-left:4px;
}

#header {
	width: 800px;
	height: 700px;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
/*	margin-left: auto;  */
	margin-left: 0px; 
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
/*	padding-bottom: 10px;  */
	padding-left: 0px;
	background-color: #FFFFFF;
/*	background-image: url(file://///wpodev19/D$/www.nypa.gov_071311/wwwroot/images/mainpg_images/whitebkg.gif);  */
}

#HeaderBanner {
	width: 797px;
	height: 35px;
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 8px;
	float:left;
	margin-bottom: 0px;
	padding-top: 5px; /*	padding-bottom: 10px;  */
	padding-left: 0px;
	background-color: #FFFFFF;
	border-right-color: #3399CC;
}
#wrapper2 #mainContent {
	padding-left: 50px;
}
#header2 {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 112px;
}


#sidebar {
	height:auto;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 154px;
	background-color:#003399;
	float: left;
}
#sidebar p{
	margin-top: 0px;
	padding-top: 10px;
	padding-left: .4em;
	margin-bottom: .2em;
	/*	border-bottom: 0.1em solid #006;
*/	padding-bottom: 0.2em;

}


#sidebar a{
	color: #FFF;
	text-decoration: none;
	}
#sidebar a:link {
	color: #FFF;
	text-decoration: none;
}
#sidebar a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#sidebar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


#about{
	background-color: #039;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	color: #FFF;
	text-decoration: none;
}
#about a {
	color: #FFF;
	text-decoration: none;
}
#contact a {
	color: #FFF;
	text-decoration: none;
}
#whatwedo a {
	color: #FFF;
	text-decoration: none;
}
#news a {
	color: #FFF;
	text-decoration: none;
}
#community a {
	color: #FFF;
	text-decoration: none;
}
#about1{
	background-color:#522398;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;}
#about3/*#about2{
	background-color:#522398;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;}	
*/

 {
	background-color: #522398;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	color: #FFF;
	text-decoration: none;
}

#home{
	background-color: #039;
	margin: 0px;
	height: 30px;
	width: 154px;
}

#about:hover{
	background-color:#522398;
}

#whatwedo1 {
	background-color:#990000;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;}
	
#whatwedo {
	background-color:#039;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;

}
#whatwedo:hover{
	background-color:#900;
}


#news1 {
	background-color:#336600;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;}
	
#news {
	background-color: #039;margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	
	}

#news:hover {
	background-color:#336600;
}

	
#community1 {
	background-color:#BD4F19;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	}
#community { 
	background-color: #039;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}

#community:hover {
	background-color:#BD4F19;	
}

#contact1{
	background-color: #36C;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	}
#contact {
	background-color: #039;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}

#contact:hover {
	background-color:#36C;
}


#Careers {
	background-color: #039;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}

#Careers:hover {
	background-color:#36C;
}

#qlinks{
	background-color: #36C;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	}
#qlink a{
	color:#FFF;
	}
	
#qlcontent {
	overflow:auto;
	margin: 0px;
	padding: .4em .4em .4em .9em;
	
	font-size: .725em;
	background-color: #39C; 
	}

#au2ndt {
	background-color:#6639b7;
	margin: 0px;
	padding: 1em;
	font-size:13px;
	padding-left: 1.5em;
	padding-top: 0.5em;
	display: block;
	}
	
#wwd2t {
	background-color:#C00;
	
	margin: 0px;
	padding: 1em;
	font-size:13px;
	padding-left: 1.5em;
	padding-top: .5em;}	

#news2t{
	background-color:#339900;
	
	margin: 0px;
	padding: 1em;
	font-size:13px;
	padding-left: 1.5em;
	padding-top: .5em;}
	
#com2t{
	background-color:#D76B01;
	
	margin: 0px;
	padding: 1em;
	font-size:13px;
	padding-left: 1.5em;
	padding-top: .5em;}
#colContent #borderRow {
	
	
	height: 22px;
	width: 798px;
	
/*	background-image: url(../images/mainpg_images/borderbar.gif);  */
	background-repeat: no-repeat;
}
#colContent #thirdCol h1 {
	background: #399 url("file://///wpodev19/D$/www.nypa.gov_071311/wwwroot/images/mainpg_images/3rdcolumnhead.gif") no-repeat;
	text-transform: uppercase;
}
img {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
em {
	font-style: italic;
	}
strong {font-weight: bold;
}
li {
	font-size: 0.825em;
	margin-left: -10px;
	margin-right: 2px;
	margin-bottom: 3px;
	line-height: 1em;
}
.smallertext  {
	font-size: .8em;
}
.indentedtext {
	border-left-style: none;
	display: compact;
}
.redCap {
	text-transform: capitalize;
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}
.bold {
font-weight: bold;
}
.italics {
font-style: italic;
}
.underline {
text-decoration: underline;
}
.textwrapright{
float: left;
padding-right: .5em;
}
.textwrapleft{
	float: right;
	padding-left: 0.5em;
	padding-top: .5em;

}
.topbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	background-position: center;
	padding-left: 5px;
}

.textwrapboth {
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

   .banner {
     background-image : url("file://///wpodev19/D$/www.nypa.gov_071311/wwwroot/images/nysbanner1.gif");  /*put your selected banner image here */
     background-repeat : no-repeat;  /*prevent repeating */
     width : 775px;  /*specify the banner width */
     height : 54px;  /*specify the banner height */
     padding-top: 15px;
	 margin-bottom: 10px
   }
.initialCaps {
	text-transform: capitalize;
}
.aLLCAPS {
	text-transform: uppercase;
}
.caption {
	font-size: .7em;
	font-style: italic;
}
.lowercase {
	text-transform: lowercase;
}
.imagectr {
	margin: auto;
	text-align: center;
	width: auto;
}
.headerTxt {
	font-size: 0.8em;
	color: #08346B;
}
.white {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#nysbanner {
	height: 22px;
	width: 775px;
	background-image: url(file://///wpodev19/D$/www.nypa.gov_071311/wwwroot/images/mainpg_images/borderbar.gif);
}
#test12345 {
	background-color: #30F;
	height: 14px;
	width: 775px;
}



/*........3column.....*/
#Wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: auto;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	border: none;
}
#Banner {
	height: 60px;
	width: 798px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#NameTag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: auto;
	width: 800px;
}
#horizontalNav {
	height: 60px;
	width: 800px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}

#spry12 {
	height:auto;
	width: 800px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#headban1 {
	color: #FFF;
	background-color: #339916;
	height: 20px;
	width: 240px;
	font-size: 1.2em;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#HeadBan2 {
	color: #FFF;
	background-color: #36C;
	height: 20px;
	width: 240px;
	font-size: 1.2em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#HeadBan3 {
	color: #FFF;
	background-color: #FE661B;
	height: 20px;
	width: 240px;
	font-size: 1.2em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#FlashID {
	height: 330px;
	width: 798px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:auto;
}
#Col1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	height: auto;
	width: 245px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#Col4Banner {
	height: 25px;
	width: 800px;
	background-color: #3C3;
}
#NYSTitle {
	height: 23px;
	width: 725px;
	float: left;
	margin: 0px;
	background-color: #790D06;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 75px;
	color: #FFF;
}
#Col5 {
	float: left;
	height: auto;
	width: 253px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#Col6 {
	float: left;
	height: auto;
	width: 253px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#col7 {
	float: right;
	height: auto;
	width: 253px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#Col2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	height: auto;
	width: 245px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 14px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#Col3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	float: right;
	height: auto;
	width: 245px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
#Col4 {
	height: auto;
	width: 800px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#Footer {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 11px;
	color: #FFF;
	background: #F90;
	text-align: center;
	float:left;	
	margin: 0px;
	padding-right:2px;
	padding-left:14px;	
	padding: 0px;
	height: 44px;
	width: 798px;	
	bottom: 0;

}


#CopyRight {
	height: auto;
	width: 253px;
}
/*......3column end ...*/
.Gov {
	font-weight: normal;
}

#Footer a{
	color: #FFF;
	text-decoration: none;	
	}
#Footer a:link {
	color: #FFF;
	text-decoration: none;
}
#Footer a:hover {
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
	
}
#Footer a:visited {
	color:#FFF;
	text-decoration: none;
}
#subBar {
	float: left;
	height: auto;
	width: 800px;
}
#MainMenuNew {
	float: left;
	height: auto;
	width: 800px;
}
#s3 {
	float: left;
	height: 260px;
	width: 800px;
}
#s4 {
	float: left;
	height: 210px;
	width: 600px;
}	
#Image1 {
	float: left;
	height: 260px;
	width: 797px;
	padding-left:2px;

}
#name {
	background-color: #CC3399;
	float: left;
	height: 24px;
	width: 792px;
	font-size:0.75em;
	line-height:22px;
	padding-left:5px;
	font-weight:normal;
	margin-right:3px;
	color:#FFF;
	margin-top:1px;
}


#name a{
	color: #FFF;
	text-decoration: none;
	}
#name a:link {
	color: #FFF;
	text-decoration: none;
}
#name a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#name a:visited {
	color: #FFFFFF;
	text-decoration: none;

}


#aboutBc {
	background-color: #522398;
	float: left;
	height: 24px;
	width: 792px;
	font-size:0.75em;
	line-height:22px;
	padding-left:5px;
	font-weight:normal;
	margin-right:3px;
	color:#FFF;
	margin-top:1px;
}


#aboutBc a{
	color: #FFF;
	text-decoration: none;
	}
#aboutBc a:link {
	color: #FFF;
	text-decoration: none;
}
#aboutBc a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#aboutBc a:visited {
	color: #FFFFFF;
	text-decoration: none;


}

#whatBc {
	background-color: #900;
	float: left;
	height: 24px;
	width: 792px;
	font-size:0.75em;
	line-height:22px;
	padding-left:5px;
	font-weight:normal;
	margin-right:3px;
	color:#FFF;
	margin-top:1px;
	
}
#whatBc a{
	color: #FFF;
	text-decoration: none;
	}
#whatBc a:link {
	color: #FFF;
	text-decoration: none;
}
#whatBc a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#whatBc a:visited {
	color: #FFFFFF;
	text-decoration: none;

}
	


#newsBc {
	background-color: #360;
	float: left;
	height: 24px;
	width: 792px;
	font-size:0.75em;
	line-height:22px;
	padding-left:5px;
	font-weight:normal;
	margin-right:3px;
	color:#FFF;
	margin-top:1px;
}
#newsBc a{
	color: #FFF;
	text-decoration: none;
	}
#newsBc a:link {
	color: #FFF;
	text-decoration: none;
}
#newsBc a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#newsBc a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	


#comBc {
	background-color: #BD4F19;
	float: left;
	height: 24px;
	width: 792px;
	font-size:0.75em;
	line-height:22px;
	padding-left:5px;
	font-weight:normal;
	margin-right:3px;
	color:#FFF;
	margin-top:1px;
}
#comBc a{
	color: #FFF;
	text-decoration: none;
	}
#comBc a:link {
	color: #FFF;
	text-decoration: none;
}
#comBc a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#comBc a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
		
	
	#colRightJs {
	background-color: #FFF;
	float: right;
	height: auto;
	width: 199px;
	padding-top: 0px;
	padding-left: 10px;
}
#subPlaceHolder {
	float: left;
	height: auto;
	width: 797px;
}
#wrapper2 #mainContent ul li {
	font-size: 10px;
}
#wrapper2 #mainContent ul li {
	font-size: 14px;
}
#wrapper2 #mainContent ul li {
	font-size: 16px;
}

.signup BUTTON
{
  background-color:#2493ff !important;
  border: 0px !important;
  color: #fff;
  cursor:pointer;
  display:inline-block;
  box-shadow:0 2px 1px rgba(0, 0, 0, .3),0 1px 0 rgba(255, 255, 255, .5) inset;
  -moz-box-shadow:0 2px 1px rgba(0, 0, 0, .3),0 1px 0 rgba(255, 255, 255, .5) inset;
  margin-top:1px;
  height:24px !important;
	
}
#HeaderBanner div #colContent #headCont #PLMtb tr td p {
	color: #000000;
}
