/* CSS Document */

body {
	
}

@font-face {
	font-family: 'Gotham';
	/*font-family: 'LabelFont';*/
	src: url('/images/gotham-bold.ttf');
	src: local('Gotham'), local('Gotham'), url('/images/gotham-bold.ttf') format('truetype');
}

/*trying something new for 2015 - color classes to add to headings, etc.*/
/*ABOUT-NYACK red = #961c0c;*/
/*ACADEMICS purple = #5d2567*/
/*ADMISSIONS & AID blue = #18868a*/
/*I AM NYACK dark blue = #153860*/

/*these groups are very powerful - they make it 
possible to "theme" microsites based on 
a single value in the menu table*/
/*.red { color:#961C0C; }
.purple { color:#5D2567; }
.blue { color:#18868A; }
.dark_blue { color:#153860; }*/

/*AUGUST 2015 - changing RTM red (#961C0C) to the old Nyack "Crimson" (#c40a46)*/

.resetlist li .red { color:#c40a46; }
.resetlist li .purple { color:#5D2567; }
.resetlist li .blue { color:#18868A; }
.resetlist li .dark_blue { color:#153860; }

.red .SimpleList2 li a { color:#c40a46; }
.purple .SimpleList2 li a { color:#5D2567; }
.blue .SimpleList2 li a { color:#18868A; }
.dark_blue .SimpleList2 li a { color:#153860; }

.red_content a { color:#c40a46; }
.purple_content a { color:#5D2567; }
.blue_content a { color:#18868A; }
.dark_blue_content a { color:#153860; }

.red_content .FormButton { color:#fff; background-color:#c40a46; }
.purple_content .FormButton { color:#fff; background-color:#5D2567; }
.blue_content .FormButton { color:#fff; background-color:#18868A; }
.dark_blue_content .FormButton { color:#fff; background-color:#153860; }

.red_button { background-color:#c40a46; }
.purple_button { background-color:#5D2567; }
.blue_button { background-color:#18868A; }
.dark_blue_button { background-color:#153860; }

.red .FormButton { background-color:#c40a46; }
.purple .FormButton { background-color:#5D2567; }
.blue .FormButton { background-color:#18868A; }
.dark_blue .FormButton { background-color:#153860; }


#LogoMobile { display: none; }

.flickText {
	width: 60%;
	/*position: relative;*/
	float: left;
	padding-left: 25px;
	padding-bottom: 50px;
	margin-left: 10%;
	/*border: 1px solid #FFF;*/
}
.flicker-button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	border: 1px solid #FFF;
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 75px;
	padding-bottom: 20px;
	padding-left: 75px;
}
.flicker-button:hover {
	background-color: #fff;
	color: #CCC; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.5);	
}
.flicker-button-black {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	border: 1px solid #000;
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 75px;
	padding-bottom: 20px;
	padding-left: 75px;
	color:#000;
}
.flicker-button-black:hover {
	background-color: #000;
	color: #CCC; /* Fallback for older browsers */
    color: rgba(255, 255, 255, 0.5);	
}
/*.flick-title2 { font-family:'Montserrat', sans-serif; font-weight:bolder; color:#fff; font-size:4em; margin:0 0 -0.4em 0; padding-bottom:40px; padding-top: 40px; text-shadow:3px 3px 10px rgba(0,0,0,.7); text-align:right; line-height:1.2em; }*/
.flick-title2 { font-family:'Gotham', sans-serif; color:#fff; font-size:5em; font-weight: normal; margin:0 0 -0.4em 0; padding-bottom:40px; padding-top: 0px; text-align:left; }
/*.flick-title2 { font-family:'Montserrat', sans-serif; color:#fff; font-weight:bolder; font-size:5em; margin:0 0 -0.4em 0; padding-bottom:40px; padding-top: 0px; text-align:left; }*/
/*.flick-sub-text2 { font-family:'Verdana', sans-serif; font-size:1em; line-height: 1.5em; color:#fff; text-shadow:1px 1px 7px rgba(0,0,0,1); text-align:right; font-weight: normal; }*/
.flick-sub-text2 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	color: #fff;
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
}
.flicker-example { height:650px; }
@media only screen and ( max-width: 50em ) /* 800 */
{
	.flicker-example { height:230px; }
	.flicker-title2 { padding-top: 0px; }	
}
.flick-sub-text2 a { color:#fff;text-decoration:underline; }

/*RESPONSIVE NAV STYLES*/
#nav {
	width: 100%;  /*60em=1000 */
	/*font-family: 'Open Sans', sans-serif;
	font-family: 'Vollkorn', serif;
	font-family: 'Anton', sans-serif;
	font-family: 'Helvetica', 'Arial', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	background-color: #000;
	height: 100px;
	z-index: 2000;
	/* [disabled]position: fixed; */
	display: inline-block;
	margin: 0 auto;
	text-align: right;
	background-image: url(/images/2015/Nyack-CSG-Black-Full.gif);
	background-position: left top;
	background-repeat: no-repeat;

	background
}

	#nav > a
	{
		display: none;
	}

	#nav li
	{
		position: relative;
	}
		#nav li a
		{
			color: #fff;
			display: block;
			text-decoration:none;
		}
		#nav li a:active
		{
			background-color: #ccc !important;
		}

	#nav span:after
	{
	width: 0;
	height: 0;
	border: .3em solid transparent; /* 5 */
	border-bottom: none;
	/* [disabled]border-top-color: #fff; */ /* #efa585 */
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
	}

	/* first level */

	#nav > ul
	{
		/*height: 5em;*/ /* 60 */
		/*background-color: #000;  #e15a1f */
		/*padding-top: 25px;
		padding-right:50px;
		float: right;
		padding-right: 50px;*/
		/*padding-top: 25px;
		margin-right: 30px;
		width: 100%;*/
		margin: 0;
		padding-top: 20px;
		padding-right: 30px;
		display: inline-block; /*<--this allows it to be positioned via "text-align" in the nav style!!*/
		
	}
		#nav > ul > li
		{
			/*width: auto;*/
			padding-left: 12px;
			padding-right: 12px;
			height: 100%;
			float: left;
		}
			#nav > ul > li > a
			{
				height: 100%;
				font-size: 1em; /* 24 */
				line-height: 4em; /* 60 (24) */
				text-align: center;
			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: 0px solid #cc470d;
				}
				#nav > ul > li:hover > a,
				#nav > ul:not( :hover ) > li.active > a
				{
					background-color: #000; /* #cc470d */
				}


		/* second level */

		#nav li ul
		{
			background-color: #222; /* #cc470d */
			display: none;
			position: absolute;
			top: 100%;
			width: 200px;
			z-index: 3000;
		}
			#nav li:hover ul
			{
				display: block;
				left: 0;
				right: 0;
			}
				#nav li:not( :first-child ):hover ul
				{
					left: -1px;
				}
				#nav li ul a
				{
					font-size: .8em; /* 20 */
					border-bottom: 1px solid #FFF;
					padding: 0.75em; /* 15 (20) */
				}
					#nav li ul li a:hover,
					#nav li ul:not( :hover ) li.active a
					{
						background-color: #000; /* #e15a1f */
					}

/*SO THIS DOESN'T GET CONFUSING - THERE IS ONLY ONE *MAIN* MEDIA QUERY - AT 640
THESE EXTRAS AT 1000 AND 800 ARE FOR SOME EXTRA TWEAKS */
@media only screen and ( max-width: 62.5em ) /* 1000 */
{
	#nav
	{
	width: 100%;
	/* [disabled]position: static; */
	margin: 0;
	background-image: none;
	}
	/*first level*/
			
}

/*@media only screen and ( max-width: 40em )*/ /* 640 */
/*changing the breaking point to 1000 (er, uh, 800)
@media only screen and ( max-width: 62.5em )*/ /* 1000 */ 
@media only screen and ( max-width: 50em ) /* 800 */
{
	html
	{
		font-size: 75%; /* 12 */
	}

	#nav
	{
		position: relative;
		top: auto;
		left: auto;
		height: 50px;
	}
		#nav > a
		{
			width: 3.125em; /* 50 */
			height: 3.125em; /* 50 */
			text-align: left;
			text-indent: -9999px;
			background-color: #000; /* #e15a1f */
			position: relative;
		}
			#nav > a:before,
			#nav > a:after
			{
				position: absolute;
				border: 1px solid #fff;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#nav > a:after
			{
				top: 60%;
			}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		padding-top: 0px;
		background: #000;
	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			width: 100%;
			float: none;
		}
			#nav > ul > li > a
			{
				font-size: 1.5em; /* 24 */
				height: auto;
				text-align: left;
				padding: 0 0.833em; /* 20 (24) */
			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: none;
					border-bottom: 1px solid #FFF;
				}


		/* second level */

		#nav li ul
		{
			position: static;
			padding: 1.25em; /* 20 */
			padding-top: 0;
			width: auto;
		}
		#nav li ul a
				{
					font-size: 1.5em; /* 20 */
				}
}
/*END RESPONSIVE NAV STYLES */

/*RESPONSIVE LOGO SWAP*/
/* note: the responsive switch for this site is always 800px (changed from 640)
@media only screen and ( max-width: 40em )*/ /* 640 
@media only screen and ( max-width: 62.5em ) /* 1000 */
@media only screen and ( max-width: 50em ) /* 800 */ 
{
	#LogoMobile { display: block; z-index: 9000; }
	#LogoFull { display: none; }
	.flickText { width:270px; }
	.flick-sub-text2 { display: none; }
	
}

/*new menu styles for 2015 RTM redesign*/
#menu_stuff ul li {
	padding-top:8px;
	padding-bottom:8px;
}
#menu_stuff ul li a {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 11pt;
	text-decoration:none;
	/*color:#5d2567; <--disabled this on 6/22/15 so that color theming would work*/
}
#menu_stuff ul li ul {
	padding-left:20px;	
}
#menu_stuff ul li ul li a {
	padding-left:7px;
	color:#333;
	font-size: 9pt;
	border-left:solid 5px #CCC;	
}
#menu_stuff ul .MenuSelected a {
	color: #999;
}
#menu_stuff ul .MenuHeading {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 11pt;
	color: #333;
	margin-left: -15px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}
#menu_stuff ul .MenuHeading a {
	color: #222;
	padding-left: 8px;
	border-left: 4px solid #222;
}


/*STICKY HEADERS STUFF*/

#header1 {
      /*background: #CA002D;*/
	  background: #222;
      color: #fff;
      font-family: 'Bree Serif', serif;
      font-size: 18px;
      line-height: 1.6em;
      text-align: left;
      padding: 10px;
      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      width:100%;
      box-sizing:border-box;
    }
#header2 {
      background: #444;
      color: white;
      font-family: 'Bree Serif', serif;
      font-size: 18px;
      line-height: 1.6em;
      text-align: left;
      padding: 10px;
      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      width:100%;
      box-sizing:border-box;
    }
#section1 {
	padding:20px;
	background-color:#fff;	
	text-align:center;
}
#section2 {
	padding:20px;
	background-color:#fff;	
	text-align:center;
}
/*END STICKY HEADERS*/


/*BEGIN RESPONSIVE GRID (FOR NOW)*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 600 PIXELS */

@media only screen and (max-width: 600px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 600px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*END RESPONSIVE GRID (FOR NOW)*/

/*BEGIN NEW PROGRAMS ITEM STYLES */

.np_item {
	text-align: left;
	/*font-family: 'Vollkorn', serif;*/
	font-family: Georgia, 'Vollkorn', "Times New Roman", Times, serif;
	line-height: 1.5em;
	width: 300px;
}
.np_item h4 {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #CA002D;
	margin-bottom: 8px;	
}
.np_item a {
	font-family: 'Cabin', sans-serif;
	color: #CA002D;	
	font-weight: bolder;
	text-decoration: none;
}
.np_item img { margin-bottom: 10px; }

/* END NEW PROGRAMS ITEM STYLES */


/*VALUES PAGE STYLES */

.values {
	text-align: left;
	/*font-family: 'Vollkorn', serif;*/
	font-family: Georgia, 'Vollkorn', "Times New Roman", Times, serif;
	line-height: 1.8em;
}
.values h4 {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	line-height: 1.6em;
	color: #CA002D;
	margin-bottom: 20px;
	
}
.values h4 span {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.values a {
	font-family: 'Cabin', sans-serif;
	color: #CA002D;	
	font-weight: bolder;
	text-decoration: none;
}
.values img { margin-right: 50px; margin-top: 130px; }

/* END VALUES PAGE STYLES */
.logoTop {
	background-image: url(/images/2015/Nyack-CSG-Black-Full.gif);
	background-repeat: no-repeat;
	background-position: left top;
}