/***********************************************/
/* CSS for index of GCNYC site                 */
/* Jill Hubley 2009
/* This has the right col the whole lenght-- for vid at top                            */
/***********************************************/

* {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 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;
 }
 

 
 
/***********************************************/
/* Body                                        */
/***********************************************/


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

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

/************* Images and Quotes ****************/
 #imageblock {
 position:relative;
 background-image:    url(Images/nav/grayslant.gif);
 width:900px;
 height: 282px;
 border-top:1px solid #ccd2d2;
 border-bottom:1px solid #ccd2d2;
 padding:0px;
 }
 
 #imagebox {
	position: relative;
	border: 1px solid #ccd2d2;
	height: 269px;
	width: 887px;
	padding-top: 0px;
	margin: 5px;
	background-image: url(Images/2010/15thGala_web_banner.jpg);
 }
 
 
 
 #textrotator {
 font-size: 16;
 color: #000000;
 font-family: Arial;
 background-image: url(Images/nav/txtrotback.gif);
 height: 21px;
 width: 887px;
 padding: 5px 0px 3px 0px;
 margin: 0px;
}

#video{
float:right;
width: 250px;
padding: 10px;
}

/************* Right Column (Events) ****************/

#rightcol {
 float: right;
 width: 250px;
 height: 920px;
 text-align:left;
 background-image: url(Images/nav/grayslant.gif);
 border-left: 1px solid #ccd2d2;
 padding: 0px 10px 10px 10px;
 margin: 0px;
 }
 
 
#events {
 width: 240px;
 background-color: #FFFFFF;
 border-left: 1px solid #ccd2d2;
 border-right: 1px solid #ccd2d2;
 border-bottom: 1px solid #ccd2d2;
 padding: 15px 1px 1px 1px;

}

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

#eventscontent {
 width: 230px;
 background-color: #FFFFFF;
 padding: 7px 5px 7px 5px;
 border-bottom:1px solid #E5E5E5;

}

#rcolbox {
 width: 220px;
 background-image: url(Images/nav/donate.gif);
 border-left: 1px solid #ccd2d2;
 border-right: 1px solid #ccd2d2;
 border-bottom: 1px solid #ccd2d2;
 margin: 20px 1px 0px 1px;
 padding: 10px;
}

#rcolbox2 {
 width: 220px;
 background-image: url(Images/nav/donate.gif);
 border: 1px solid #ccd2d2;
 margin: 20px 1px 0px 1px;
 padding: 10px;
}

#rcolbox3 {
 width: 220px;
 background-color:#FFFFFF;
 border: 1px solid #ccd2d2;
 margin: 20px 1px 0px 1px;
 padding: 10px;
}
/************* Left column (spotlights) ****************/

#cont {
 height: 800px;
 background-color: #FFFFFF;
 margin:0px;
 padding: 5px 5px 0px 10px ;
}
 
#contentbox {
 width: 595px;
 margin: 0px;
 background-color:#FFFFFF;
 padding: 15px 0px 10px 0px;
}

#contentbox2 {
 width: 595px;
 height: 215px;
 margin: 0px;
 background-color:#FFFFFF;
 border-top:1px solid #ccd2d2;
 border-bottom: 1px solid #ccd2d2;
 padding: 10px 0px 0px 0px;
}

#contentboxvideo {
 width: 595px;
 margin: 0px;
 background-color:#FFFFFF;
 padding: 15px 0px 10px 0px;
 border-top: 1px solid #ccd2d2;
}

#spotlightleftbox {
float: left;
width: 180px;
height: 200px;
background-color:#FFFFFF;
border-right: 1px solid #ccd2d2;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#spotlightrightbox {
float: right;
width: 180px;
height: 200px;
margin-left: 5px;
padding: 0px 0px 0px 20px;
border-left: 1px solid #ccd2d2;
background-color:#FFFFFF;

}

#spotlightmidbox {
padding: 0px 0px 0px 10px;
border-left: 1px solid #ccd2d2;
background-color:#FFFFFF;
padding: 0px 10px 0px 10px;
}

/************* 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; padding-left: 10px; }
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 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; 
}