/* special */

.redtext {
font-family : verdana,arial,san serif  ;
font-size : 12px;
color: #ff0000;
text-decoration: none;
font-weight : bold;
}

.black_head {
font-family : verdana,arial,san serif  ;
font-size : 18px;
color: #000000;
text-decoration: none;
font-weight : bold;
}

/* end special */

.offsubnav {
font-family : verdana,arial,san serif  ;
font-size : 10px;
color: #333333;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.smalltext {
font-family :verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: none;
font-weight : normal;
line-height: 130%;


}

.maintext {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: none;
font-weight : normal;


}

input {
font-family : verdana,arial,san serif  ;
font-size : 11px;
}


.margintext {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: none;
font-weight : normal;
margin: 5px;
line-height: 130%;

}


.whitetext {
font-family : verdana,arial,san serif  ;
font-size : 12px;
color: #FFFFFF;
text-decoration: none;
font-weight : normal;
line-height: 125%;

}


.head {
font-family :verdana,arial,san serif  ;
font-size : 14px;
color: #000000;
text-decoration: none;
font-weight :bold;

}

.whitebig {
font-family : verdana,arial,san serif  ;
font-size : 16px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 3px;
}

.whitebig_large {
font-family : verdana,arial,san serif  ;
font-size : 23px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 3px;
line-height: 90%;
}


.blueheader {
font-family : verdana,arial,san serif  ;
font-size : 18px;
color: #006699;
text-decoration: none;
font-weight :bold;
margin: 5px;
}

.thinheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight : normal;
}

.thinheader_large {
font-family : verdana,arial,san serif  ;
font-size : 19px;
color: #FFFFFF;
text-decoration: none;
font-weight : normal;
line-height: 100%;
}

a:hover{

text-decoration: underline;
}

.email{
color: #000000;
text-decoration: underline;
}

.link {
font-family : verdana,arial,san serif  ;
font-size : 10px;
color: #6699CC;
text-decoration: underline;
font-weight : normal;

}


.blacklink {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: underline;
font-weight : normal;

}
.hdot {
background-image: url(images/dottedLine.gif);
background-repeat: repeat-x;
}

.vline {
background-image: url(images/dot.gif);
background-repeat: repeat-y;
}

sup{
font-size : 7px;
}


.nav {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #6699CC;
text-decoration: none;
font-weight :bold;

}

.publication {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: none;
font-weight :bold;

}

.pubsmall {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #000000;
text-decoration: none;
font-weight : normal;


}


/* what section colors */

.whatnavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #3333ff
}


.whatsubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #3333ff;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.whatsubnavbg {
background-color: #99ccff
}

.whatheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #3333ff;
text-decoration: none;
font-weight : normal;
}

.whatsubheader {
font-family :verdana,arial,san serif  ;
font-size : 16px;
color: #3333ff;
text-decoration: none;
font-weight : normal;
}

.whatpageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color:  #3333ff;
}


.whattext {
font-family :verdana,arial,san serif  ;
font-size : 11px;
color: #3333ff;
text-decoration: none;
font-weight : normal;
}



/* who section colors */

.whonavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #99CC33
}


.whosubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #EF5329;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.whosubnavbg {
background-color: #F7D7CE
}

.whoheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #EF5329;
text-decoration: none;
font-weight : normal;
}

.whosubheader {
font-family :verdana,arial,san serif  ;
font-size : 15px;
color: #EF5329;
text-decoration: none;
font-weight : normal;
}

.whopageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color: #99CC33;

}




/* facts section colors */

.factsnavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #218AB6
}


.factssubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #158ABD;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.factssubnavbg {
background-color: #A9DEF5
}

.factsheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #158ABD;
text-decoration: none;
font-weight : normal;
}

.factssubheader {
font-family :verdana,arial,san serif  ;
font-size : 15px;
color: #158ABD;
text-decoration: none;
font-weight : normal;
}

.factspageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color:  #158ABD;

}

/* press section colors */

.pressnavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #6FAE1F
}


.presssubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #6FAE1F;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.presssubnavbg {
background-color: #DCF5BD
}

.pressheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #6FAE1F;
text-decoration: none;
font-weight : normal;
}

.presssubheader {
font-family :verdana,arial,san serif  ;
font-size : 14px;
color: #6FAE1F;
text-decoration: none;
font-weight : normal;
}

.presspageheader {
font-family : verdana,arial,san serif  ;
font-size : 12px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color:  #6FAE1F;

}

/* resources section colors */

.resourcesnavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #ff6600
}


.resourcessubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #ff6600;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.resourcessubnavbg {
background-color: #ffcc99
}

.resourcesheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #ff6600;
text-decoration: none;
font-weight : normal;
}

.ressubheader {
font-family :verdana,arial,san serif  ;
font-size : 14px;
color: #ff6600;
text-decoration: none;
font-weight : normal;
}

.resourcesredtext {
font-family :verdana,arial,san serif  ;
font-size : 11px;
color: #ff6600;
text-decoration: none;
font-weight : normal;
}

.resourcespageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color:  #ff6600;

}


/* keeping Track section colors */

.tracknavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #99CC33
}

tracksubnav a:link {
color: #669900;
}

tracksubnav a:visited {
color: #669900;
}

.tracksubnav {
	font-family :verdana, arial, "san serif";
	font-size : 10px;
	color: #669900;
	text-decoration: none;
	font-weight : normal;
	line-height: 170%;
	text-transform: uppercase;
}

.tracksubnavbg {
background-color: #CCFF66
}

.trackheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #99CC33;
text-decoration: none;
font-weight : normal;
}

.tracksubheader {
font-family :verdana,arial,san serif  ;
font-size : 15px;
color: #99CC33;
text-decoration: none;
font-weight : normal;
}

.trackpageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color: #99CC33;

}

/* events section colors */

.eventsnavon {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #ffffff;
text-decoration: none;
font-weight :bold;
background-color: #DCBFA2
}


.eventssubnav {
font-family :verdana,arial,san serif  ;
font-size : 10px;
color: #B3895F;
text-decoration: none;
font-weight : normal;
line-height: 170%;
}

.eventssubnavbg {
background-color: #E9D7C5
}

.eventsheader {
font-family :verdana,arial,san serif  ;
font-size : 20px;
color: #C49D76;
text-decoration: none;
font-weight : normal;
}

.evesubheader {
font-family :verdana,arial,san serif  ;
font-size : 15px;
color: #DCBFA2;
text-decoration: none;
font-weight : normal;
}

.eventspageheader {
font-family : verdana,arial,san serif  ;
font-size : 14px;
color: #FFFFFF;
text-decoration: none;
font-weight :bold;
margin: 10px;
line-height: 200%;
background-color:#DCBFA2;

}

.tabon {
background-image:url(images/tabon2.jpg);
background-repeat:no-repeat;
font-family:verdana,arial,san serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
text-align:center;
}

.tablink{
color: #218AB6;
text-decoration: none;
}

.taboff {
background-image:url(images/taboff2.jpg);
background-repeat:no-repeat;
font-family:verdana,arial,san serif;
font-size: 11px;
color: #218AB6F;
text-decoration: none;
text-align:center;
}


/* end section colors */


.whitetextsm {
	font-family : verdana, arial, "san serif";
	font-size : 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : normal;
	line-height: normal;
}

.donatenav {
font-family : verdana,arial,san serif  ;
font-size : 11px;
color: #E35230;
text-decoration: none;
font-weight :bold;
}

/* 1.NEW  STYLES
---------------------------------------------------------------------- */

body,
html {
    margin:0;
    padding:0;
    background:#fff;
    color:#000;

    }

body {
    min-width:800px;
    position: relative;

    
    }
#container {
    margin:0 auto;
    width:880px;
    color: #000000;
	font-family :helvetica, sans-serif ;
	font-size : 14px;
	line-height: 120%;
	text-decoration: none;
	font-weight :normal;
	float:left;

}

#header {
	width: 100%;
	height: 97px;
	background: url(http://cccnewyork.org/images/top_sub.gif) no-repeat 210px top;
}



#logo {
    float:left;
    margin-left: 10px;
    margin-top: 0px;
    width:200px;
    font-size: 20px;
 	
    }

#logo a {
		
		width:175;
		height:97px;
		display: block;
		text-decoration:none;
		margin: 0px 0 0 0px ;
		background: url(http://cccnewyork.org/images/logo.gif) no-repeat left top;
	}	
	
#logo span{
		visibility:hidden;
	}

#headerimage{
	float:right;
	width:147px;
	height: 97px;
	margin-top: 0px;
	}	

#headerimage span{
	visibility: hidden;
}

#navigation{
	float: left;
	margin: 0px 2px 0 0px;
	width: 196px;
	padding: 0;
}

#navigation ul{
	margin: 0;
	padding: 0 0 0 10px;
	

}

#navigation #primary li{
	list-style: none;
	text-transform: uppercase;
	margin: 0px 10px 3px 0px;
	padding: 1px 0px 1px 5px;
	border: solid 1px #ccc;
	
}
#navigation #primary li.active{
	list-style: none;
	border: none;
	
}


#primary a{
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;

}

#subnav{
	margin: -3px 10px 5px 0px;
}
#subnav ul#secondary {
	padding: 0px 0 3px 20px;
	margin: 0px;
}

#subnav #secondary li{
	list-style: none;
	border: none;
	margin-left:-20px;
	
}
#secondary a{
	font-weight: normal;
	font-size: 10px;

}



#subnav #secondary span{
	border: none;
}

#subnav #secondary span.active{
	color:#000;
}

#content{
	width: 640px;
	font-weight: normal;
	margin: 0px 0 0 0 ;
	padding: 20px;
	border: solid 1px #ccc;

}

#one{
	margin: 50px 0 0 0;
	clear:left;

}
#section{
	float:right;
	clear:right;
	margin: -20px -30px 0 0 ;
	text-align: center;

}

#join{

	margin: 10px 0 0 40px;
}


#footer{
clear:right;
margin-bottom: 50px;

}

hr{
clear:both;
position: relative;
}
form {
clear: both;

}