/***********************************************/
/* CSS for inner GCNYC site pages              */
/* Jill Hubley 2007                            */
/***********************************************/

* {padding: 0; margin: 0;}
p {margin-top: 0;}


body {
 margin:0;
 background-color: #F4F4F4;
 color: #000000;
 text-align:center;
 padding:0;
 }


/************** header tag styles **************/

h1{
 font-family: Century Gothic;
 font-size: 22px;
 font-color: #000000;
 margin: 0px;
 padding: 0px;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}
			
input{
font-family: Century Gothic;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

 #container {
 position: relative;
 clear: both;
 top: 0px;
 text-align:left;
 width:982px;
 margin: auto;
 background-image: url(Images/nav/backlessred2.gif);

 }
 
 #container2 {
 top: 0px;
 text-align:left;
 width:902px;
 margin: auto;
 background-color: none;
 }
 
 #container3 {
 position: relative;
 width:982px;
 height: 25px;
 margin: auto;
 background-image: url(Images/nav/graybottombar.gif);
 }
 
/***********************************************/
/* Masthead                                    */
/***********************************************/
#mastheadblock {
 position:relative;
 top: 0px;
 width:900px;
 background-image: url(Images/nav/glb-nav-b-red-mast-2.gif);
 border-left:1px solid #666666;
 border-right:1px solid #666666;
 height: 140px;
 padding:0px;
 }

#masthead {
 position:relative;
 top: 0px;
 width:860px;
 height: 122px;
 margin-left: 20px;
 margin-right: 20px;
 padding: 3px 0px 0px 0px;
 }

/***********************************************/
/* Nav from bar                                */
/***********************************************/ 

#navfrombar {
 background-color: #F4F4F4;
 border-bottom: 2px solid #ccd2d2;
 width:880px;
 height: 15px;
 padding: 2px 10px 2px 10px;
 margin-top: 0px;
 margin-bottom: 10px;

}
/***********************************************/
/* Body                                        */
/***********************************************/ 

#bodyblock {
	background-color:#FFFFFF;
	position:relative;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top: 1px solid #ccd2d2;
	width:900px;
}

/************* Right Columns (when needed) ****************/

#rightcol {
 float: right;
 width: 250px;
 text-align:left;
 border: 1px solid #ccd2d2;
 background-image: url(Images/nav/grayslant.gif);
 padding: 10px 10px 25px 10px;
 margin-left: 20px;
 margin-right: 10px;

 }
 
#rcolbox {
 width: 240px;
 background-color: #FFFFFF;
 border: 1px solid #ccd2d2;
 padding: 10px 5px 10px 5px;
 margin-bottom: 10px;

}

#rcolbox4 {
 width: 320px;
 background-color: #FFFFFF;
 border: 1px solid #ccd2d2;
 padding: 10px 5px 10px 5px;
 margin-bottom: 10px;

}
#rightcol2 {
 float: right;
 width: 410px;
 text-align:left;
 border-left: 1px solid #ccd2d2;
 padding: 13px 20px 20px 20px;
 margin: 0px;
 }

#rightcol3 {
 float: right;
 width: 390px;
 text-align:left;
 border-left: 1px solid #ccd2d2;
 padding: 13px 0px 20px 60px;
 margin: 0px;
 }
 
 #rightcol4 {
 float: right;
 width: 332px;
 text-align:left;
 border: 1px solid #ccd2d2;
 background-image: url(Images/nav/grayslant.gif);
 padding: 10px 10px 25px 10px;
 margin-left: 20px;
 margin-right: 10px;
 }



/************* Left Column/ Full Width ****************/
#cont {
 background-color: #FFFFFF;
 margin:0px;
 padding: 10px 20px 20px 20px;
}

#cont2 {
 border-top: 1px solid #ccd2d2;
 background-color: #FFFFFF;
 margin:0px;
 padding: 10px 20px 20px 20px;
}

#cont3 {
 border-top: 1px solid #ccd2d2;
 background-color: #FFFFFF;
 margin:0px;
 padding: 10px 0px 20px 60px;
}
 
/************* Events column styles ********/
 #events {
 width: 248px;
 background-color: #FFFFFF;
 border: 1px solid #ccd2d2;
 padding: 1px;

}

#eventshead {
 width: 238px;
 background-color: #F5F5F5;
 border-bottom: 1px solid #ccd2d2;
 margin: 0px;
 padding: 5px;
 
}

#eventscontent {
 width: 238px;
 background-color: #FFFFFF;
 padding: 3px 5px 3px 5px;
 border-bottom:1px solid #F4F4F4;
 
}
/************* Special Events page templates ********/

 #sevents {
 background-image: url(Images/nav/grayslant.gif);
 padding: 10px 30px 10px 30px;
 border-top:1px solid #ccd2d2;

}

#seventshead {
 width: 818px;
 background-color: #FDFBFF;
 border-bottom: 1px solid #F4F4F4;
 border-left: 1px solid #ccd2d2;
 border-right: 1px solid #ccd2d2;
 border-top: 1px solid #ccd2d2;
 padding: 5px 10px 5px 10px;
 
}

#seventscontent {
 width: 818px;
 background-color: #FFFFFF;
 padding: 10px 10px 10px 10px;
 border-left: 1px solid #ccd2d2;
 border-right: 1px solid #ccd2d2;
 border-bottom: 1px solid #ccd2d2;
 
}

 
/************* Footer ****************/

#ftr {
 clear: both;
 position: relative;
 width: 880px;
 background-color: #EBEBEB;
 color: #333333;
 margin:0;
 border-top:1px solid #ccd2d2;
 border-left:1px solid #666666;
 border-right:1px solid #666666;
 border-bottom:1px solid #666666;
 padding: 3px 10px 3px 10px;
 }
 
/************* Margin ****************/

 #bottomarg {
  position: relative;
  height: 50px;
  background-color: none;
  
 }
 
/***********************************************/
/* Navigation                                  */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 15px 0px 8px 0px;
	color: #000000;
	font-weight: normal;
}

/************* globalNav styles ****************/

#globalNav{
	position: relative;
	width: 860px;
	height: 25px;
	color: #cccccc;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	z-index: 3;
	top: -4px;
	.top: -2px;
}


#globalLink{
	position: absolute;
	top: 18px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 4px;
	z-index: 25;
	width: 746px;
}


a.glink, a.glink:visited{
  	font-size: 16;
  	color: #FFFFFF;
	font-weight: normal;
	font-family: Century Gothic;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #FF0000;

}

a.glink:hover{
  	background-image:    url(Images/nav/glob-nav-hover.gif);
	color: #FFFFFF;
	text-decoration: underline;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 115px;
	left: 0px;
	height: 20px;
	font-family: Century Gothic;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #000000;
	z-index: 2;
	font-size: 80%;
}

.subglobalNav a:link, .subglobalNav a:visited {

	color: #999999;
}

.subglobalNav a:hover{
	color: #000000;
}

/*************** search styles *****************/

#searchbox{
	position: absolute;
	padding: 1px 0px 0px 0px;
	background-image:url(Images/nav/searchtab.gif);
	height: 42px;
}

div.gs-result        { margin-top: 1em; padding: 0px 0px 0px 25px; }
div.gs-title         { text-decoration: underline; }
div.gs-visibleUrl    { display: none; }
div.gs-watermark     { display: none; }
div.gsc-back         { float: right; padding: 0px 25px 0px 0px;}
table.gsc-branding   { border: none; }
td.gsc-branding-text { color: gray; padding: 10px 0px 15px 25px;}
div.gs-visibleUrl-long { display: none; }


 /*************** image rotator boxes*****************/

#imgvert {
 width: 250px;
 height: 333px;
 margin-bottom: 10px;
 
} 
 
#imghorz {

 width: 333px;
 height: 260px;
 float: left;
 margin-right: 15px;
 margin-bottom: 27px;
 padding-top: 3px;

} 
 
/*************** image styles*****************/
img.floatLeft { 
    float: left;
	margin: 0px 5px 5px 0px; 
}


img.floatRight { 
    float: right; 
	margin: 10px 20px 10px 10px; 
}

img.floatLeft2 { 
    float: left;
	 
}

img.floatRight2 { 
    float: right; 
	
}

img.floatLeft3 { 
    float: left;
	margin: 0px 10px 10px 0px; 
}


img.floatRight3 { 
    float: right; 
	margin: 0px 0px 10px 10px; 
}