/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
}

.clear {
	margin:0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
}

#page-wrapper {
  margin:0;
  padding:0;
  max-width:100%;
  min-width:240px;
}

#page {
	/*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin:4px auto 8px auto;
  min-width:240px;
  max-width: 1020px;
  width:100%;
}

@media screen and (max-width: 800px) {
	#page {
		margin:0 auto;
	}
}

@media screen and (max-device-width: 480px) {
	#page {
		margin:0 auto;
	}
}

/*
 * Header
 */
#header-wrapper {
	margin:0;
	padding:0;
	max-width:100%;
	min-width:240px;
} 
 
#header {
	margin:0 auto;
	max-width:1020px;
	min-width:240px;
	min-height:108px;
}

#header .section {
}

#search-box {
}


/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
	max-width:1020px;
	width:1020px;
	/*width:100%;*/
}

#jsWindow {
	display:none;
}

.view-find-by-instID {

}

.view-find-by-instID .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

.view-find-by-instID ul {
	margin:0;
	padding-left:15px;
	list-style-type:disc;
}

.view-find-by-instID ul li {

}

.view-find-by-instID-Major .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

.view-find-by-instID-Major ul {
	margin:0;
	padding-left:15px;
	list-style-type:disc;
}

.view-find-by-instID-Major ul li {

}

.view-Institutions-Per-Region-Transfer .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

.view-Institutions-Per-Region-Transfer ul {
	margin:0;
	padding-left:15px;
	list-style-type:disc;
}

.view-Institutions-Per-Region-Transfer ul li {

}

.view-find-by-instID-Major-Campus .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

.view-find-by-instID-Major-Campus ul {
	margin:0;
	padding-left:15px;
	list-style-type:disc;
}

.view-find-by-instID-Major-Campus ul li {

}

.view-Institutions-Per-Region .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.view-Institutions-Listing-Alpha .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.view-institution-program-aos .view-content,
.view-institution-program-aos2 .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

.view-institution-program-aos ul,
.view-institution-program-aos2 ul {
	margin:0;
	padding-left:15px;
	list-style-type:disc;
}

.view-institution-program-aos ul li,
.view-institution-program-aos2 ul li {

}

#institutionresults {
	margin:10px 0;
}

.view-Programs-Per-Institution .view-content {
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  max-width: 1020px;
  min-width:240px;
  margin-left: 0; /* LTR */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  max-width: 749px;
}

.sidebar-second #content {
  max-width: 749px;
  width:74.9%;
  margin-left: 0; /* LTR */
}

.two-sidebars #content {
  margin:0;
  padding:0 0 0 1%;
  max-width: 561px;
  width:56.1%;
}

body.node-type-institution table {
	width: 90%;
	margin: 0 auto;
	clear: both;
}
body.node-type-institution table tbody td {
	font-size: 12px;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetic,Arial,sans-serif;
	padding: 3px;
}

/* styles for view institution */
body.node-type-institution img.campus-logo {
	float: right;
	margin: 50px;
	max-width:330px;
}

body.node-type-institution .node h4 {
	margin-left: 10%;
}

body.node-type-institution .node h5 {
	margin-left: 10%;
	font-size:1em;
}

body.node-type-institution .node p {
	line-height: 1.5em;
	margin: 1.5em 15%;
}

body.node-type-institution table {
	width: 90%;
	margin: 0 auto;
	clear: both;
}

body.node-type-institution table tbody td {
	font-size: 12px;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetic,Arial,sans-serif;
	padding: 3px;
}


body.node-type-outreach img.campus-logo {
	float: right;
	margin: 50px;
}

body.node-type-outreach.node h4 {
	margin-left: 10%;
}
body.node-type-outreach.node p {
	line-height: 1.5em;
	margin: 1.5em 15%;
}

body.node-type-outreachtable {
	width: 90%;
	margin: 0 auto;
	clear: both;
}

body.node-type-outreachtable tbody td {
	font-size: 12px;
	line-height: 14px;
	font-family: "Helvetica Neue",Helvetic,Arial,sans-serif;
	padding: 3px;
}

@media screen and (max-width: 800px) {
	.sidebar-second #content {
  		max-width: 100%;
  		width:100%;
  		margin-left: 0; /* LTR */
  	}
}

@media screen and (max-device-width: 800px) {
	.sidebar-second #content {
  		max-width: 100%;
  		width:100%;
  		margin-left: 0; /* LTR */
  	}
}

.two-sidebars .map-column #content-area {
	background:transparent url('http://www.nycolleges.org/sites/default/files/images/maps_background.jpg') no-repeat 0 0;
	margin:0;
	padding:0;
	width:569px;
}

#main .title-area {
	margin:0 0 4px 0;
	width:749px;
	max-width:749px;
	float:left;
	background:#78A22F;
}

@media screen and (max-width: 800px) {
	#main .title-area {
		width:100%;
		max-width:1024px;
	}
}	

body.sidebar-first #main .title-area {
	width:100%;
	max-width:1020px;
	float:left;
}

body.no-sidebars #main .title-area {
	width:100%;
	max-width:1020px;
	float:left;
}

body.sidebar-first #main #content {
	padding-left:0.8%;
	width:81.6%;
	max-width:832px;
}

body.no-sidebars #main #content {
	width:100%;
	max-width:1020px;
	clear:both;
}

body.section-locate-colleges #main .title-area h1 {
	float:left;
	width:245px;
}

#main .title-area h1 {
	float:left;
	width:90%;
}

h3.subtitle {
	margin:1.75em 0 0 0.25em;
	font:normal 14px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	float:left;
	width:390px;
}

#main #sidebar-first {
	margin:0;
	padding:0;
	/*width:180px;*/
	width:17.6%;
	float:left;
	background:#d7dde1;
}

body.sidebar-first #main #sidebar-first {
	clear:both;
}

#sidebar-second {
	margin:0;
	padding:0 0 0 9px;
	float:right;
	max-width:262px;
	width:25.1%;
}

#main #sidebar-second #block-block-1 .block-header {
	margin:0;
	padding:0;
	height:50px;
	background:#77a535 url('/sites/all/themes/nycolleges/images/twitter-icon.png') no-repeat 5px 24px;
}

#main #sidebar-second #block-block-1 .block-header h2.title {
	margin:0;
	padding:17px 0 0 35px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'AauxNextUltraRegular', Arial, sans-serif;
	font-size:18px;
	line-height:18px;
	height:8px;
}

#main #sidebar-second #block-block-1 .content {
	background-color:#fff;
}

@media screen and (max-width: 1024px) {
	#main #sidebar-second #block-block-1 .content {
		padding:10px;
		background-color:#fff;
	}	
}

#main #sidebar-second #block-block-7 {
	margin-bottom:10px;
}

#main #sidebar-second #block-block-7 .block-header {
	margin:0;
	padding:0 0 0 10px;
	height:33px;
	background:#77a535;
}

#main #sidebar-second #block-block-7 .block-header h2.title {
	margin:0;
	padding:17px 0 0 0;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	font-family:'AauxNextUltraRegular', Arial, sans-serif;
	font-size:18px;
	line-height:18px;
}

#main #sidebar-second #block-block-7 .content {
	background-color:#C5CDD3;
	padding:10px;
}



#content .section {
  margin: 0;
  padding: 0;
}

#content_bottom {
	
	position:absolute;
	top:289px;
	left:45px;
	float:left;
	z-index:502;
}

body.front #content-bottom {
	width:88.2%;
}

/*
 * First sidebar
 */
.region-sidebar-first {
  margin-left: 0; /* LTR */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0;
  padding: 0;
}


/*
 * Footer
 */
#wrapper-footer {
	width:100%;
	background:#BCBFBF;
}

#footer {
	margin:10px auto;
	max-width:1020px;
	width:100%;
}

@media screen and (max-width: 1024px) {
	#footer {
		width:96.5%;
	}
}

@media screen and (max-width: 800px) {
	#wrapper-footer {
		margin:0 auto;
		width:99%;
		width:auto;
		height:auto;
		background:#BCBFBF;
	}

	#footer {
		margin:10px auto;
		padding:0;
		width:95%;
		height:auto;
	}
}

@media screen and (max-device-width: 480px) {
	#wrapper-footer {
		margin:0 auto;
		max-width:100%;
		width:99%;
		height:auto;
		background:#BCBFBF;
	}

	#footer {
		margin:10px auto;
		padding:0;
		width:95%;
		height:auto;
	}
}


#footer .section {
}

/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#navigation {
  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/

@media screen and (max-width: 1024px) {
	body.front #main #sidebar-second {
		margin:0;
		padding:0;
		float:none;
		width:auto;
		clear:both;
		width:100%;
		max-width:100%;
	}
}

@media screen and (max-width: 800px) {
	#content, .no-sidebars #content {
		max-width:100%;
		width:100%;
		height:auto;
		float:none;
	}
	
	#content_bottom {
		margin:0;
		padding:0;
		top:0;
		float:none;
		left:0;
		width:auto;
		height:auto;
	}
	
	#main #sidebar-first {
		margin:0;
		padding:0;
		width:auto;
		float:none;
	}
	
	.two-sidebars #content {
		max-width:98%;
	}

	#main #sidebar-second {
		margin:0;
		padding:0;
		float:none;
		width:auto;
	}
	
	body.not-front #main #sidebar-first {
		
	}
	
	body.not-front #main #sidebar-second {
		clear:both;
		max-width:100%;
	}
	
	.region-sidebar-second .section {
		margin:0;
		padding:0;
	}
}