/*

		WNYACCC
		Main CSS
		Alison Endacott
		August 2007

*/


* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}
	a img {
	 border: 0;
	}
	
	#innerContent a.img,
	#innerContent a.img:hover {
		border: 0;
	}
	
body {
	background: #a8c5c3;
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	font-size: 75%;
	line-height: 1.5;
}

#content a {
	color: #065954;
	text-decoration: none;
	border-bottom: 1px dotted #a8c5c3;
}
	#content a:hover {
		text-decoration: none;
		border-bottom: 1px solid #065954;
	}

	#container {
		width: 760px;
		margin: 0 auto;
	}
		
	
		#content {
			background: #fff url(/images/web/bg-content.gif) repeat-y;
			border-left: 2px solid #fff;
			border-right: 2px solid #fff;
		}
		
			body.static #content {
				background: #ededed;
			}
		
			#mainInfo {
				width: 577px;
				float: left;
				_display: inline;
				margin-left: 179px;
			}
			
				body.static #mainInfo {
					width: 100%;
					float: none;
					margin: 0;
				}
			
			#leftInfo {
				width: 177px;
				float: left;
				_display: inline;
				margin-left: -756px;
			}

/* general */

img.left {
		float: left;
		_display: inline;
		padding-right: 5px;
		padding: 0 .6em .6em 0;
	}
	
img.right {
	float: right;
	padding: 0 0 .6em .6em;
}

#content a.more {
	float: right;
	color: #5c5c5b;
	font-weight: bold;
	border: 0;
}

	
/* ------------------------ 
		header
------------------------ */
p#skiplink {
	position:absolute;
	font-size: 80%;
}
	p#skiplink a {
		color: #a8c5c3;
	}

#header {
	width: 780px;
	height: 251px;
	margin: 0 auto;
	position: relative;
	background: url(/images/web/bg-header.jpg);
}

body.home #header {
	background: url(/images/web/bg-header-home.jpg);
}

	h1 {
		position: relative;
		_display: inline;
		float: left;
		top: 60px;
		left: 7px;
	}
		h1 a, h1 a:hover {
			border: none;
		}
		
	
	h2 {
		display: none;
		position: absolute;
	}
	
	body.home h2 {
		display: block;
		top: 0;
		right: 0;
	}
	
	/* navigation */

	ul#navigation {
		display: block;
		background: #000;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
		ul#navigation li {
			float: left;
			display: block;
			
		}
			ul#navigation li a {
				display: block;
				height: 30px;
				overflow: hidden;
				text-indent: -9999px;
				background: url(/images/web/nav.gif) no-repeat;
			}
			
				ul#navigation li#home a {
					width: 97px;
					background-position: 0 0;
				}
					ul#navigation li#home a:hover {
						background-position: 0 -30px;
					}
					
				ul#navigation li#about a {
					width: 113px;
					background-position: -97px 0 ;
				}
					ul#navigation li#about a:hover {
						background-position: -97px -30px;
					}
			
				ul#navigation li#job a {
					width: 127px;
					background-position: -210px 0;
				}
					ul#navigation li#job a:hover {
						background-position: -210px -30px;
					}
					
				ul#navigation li#calendar a {
					width: 150px;
					background-position: -337px 0 ;
				}
					ul#navigation li#calendar a:hover {
						background-position: -337px -30px;
					}
					
				ul#navigation li#leadership a {
					width: 129px;
					background-position: -487px 0;
				}
					ul#navigation li#leadership a:hover {
						background-position: -487px -30px;
					}
					
				ul#navigation li#contact a {
					width: 132px;
					background-position: -616px 0;
				}
					ul#navigation li#contact a:hover {
						background-position: -616px -30px;
					}

	/* categories nav */
	ul#services {
		list-style: none;
	}
		#services li {
			float: left;
		}
			#services li a {
				display: block;
				height: 224px;
				border: none;
				text-indent: -9999px;
				overflow: hidden;
				position: absolute;
			}
			
				#services li#employer a {
					width: 196px;
					left: 192px;
					top: 13px;
					background: url(/images/web/employer-top.gif) no-repeat 0 -228px;
				}
					#services li#employer a:hover,
					#services li#student a:hover,
					#services li#member a:hover {
						background-position: 0 0;
						}
				
				#services li#member a {
					width: 196px;
					left: 387px;
					top: 12px;
					background: url(/images/web/member-top.gif) no-repeat 0 -228px;
				}
				
				#services li#student a {
					width: 196px;
					left: 580px;
					top: 12px;
					background: url(/images/web/student-top.gif) no-repeat 0 -228px;
				}
				
			/*home page */
				
			body.home #services li a {
				height: 176px;
				position: relative;
			}
				
				body.home #services li#employer a {
					width: 193px;
					background: url(/images/web/employer.jpg) no-repeat;
					}
				
				body.home #services li#member a {
					width: 195px;
					background: url(/images/web/member.jpg) no-repeat;
				}
				
				body.home #services li#student a {
					width: 189px;
					background: url(/images/web/student.jpg) no-repeat;
				}
				
					body.home #services li#employer a,
					body.home #services li#member a,
					body.home #services li#student a {
						left: 0;
						top: 0;
					}
					
					body.home #services li#employer a:hover,
					body.home #services li#member a:hover,
					body.home #services li#student a:hover {
							background-position: 0 -177px;
							border: none;
						}
	
	/*left nav */
	
	ul#leftNav {
		list-style: none;
		background: url(/images/web/nav-divider.gif) no-repeat top;
	}
		#leftNav li {
			display: block;
			background: url(/images/web/nav-divider.gif) no-repeat bottom;
			padding-bottom: 2px;
		}
		
			#leftNav a {
				color: #fff;
				border: 0;
				font-weight: bold;
				padding: .7em .5em .6em 2em;
				display: block;
				background: url(/images/web/nav-arrows.gif) no-repeat 13px 15px ;
			}
				#leftNav a:hover {
					border: 0;
					background: #054743 url(/images/web/nav-arrows.gif) no-repeat 13px 15px ;
				}
		
/* ------------------------ 
	events
------------------------ */
#leftInfo h4 {
	margin: 1em;
	display: block;
	text-indent: -9999px;
	background: url(/images/web/upcoming-events.gif) no-repeat;
}

	ul#eventList {
		padding: 0 1.2em;
		list-style: none;
		*margin-top: -20px;
	}
	
		ul#eventList li {
			background: url(/images/web/news-dots.gif) repeat-x bottom;
			padding-bottom: .6em;
			margin-top: .6em;
		}
		
			ul#eventList h5 a,
			ul#eventList h5  {
				color: #fff;
				font-weight: bold;
				font-size: 100%;
				line-height: 1.3;
				border: 0;
			}
			
			ul#eventList img {
				_display: inline;
				float: left;
				margin-right: 5px;
				margin-top: 5px;
				
			}
			
				ul#eventList a img {
					border: 1px solid #000;
					}
					ul#eventList a:hover img {
						border: 1px solid #91bdba;
						}
		
			ul#eventList p.date {
				color: #91bdba;
				font-size: 85%;
			}
			
			ul#eventList p.teaser {
				color: #fff;
				font-size: 90%;
				padding-top: .5em;
				clear: both;
			}
			
	/* event inner */
	ul#catEvents,
	ul.eventCalendar {
		list-style: none;
	}
		ul#catEvents h4 {
			text-indent: -5px;
			font-size: 105%;
		}
		
		ul#catEvents li,
		ul.eventCalendar li {
			border-bottom: 1px dotted #c7c7c7;
			padding-bottom: .8em;
		}
	
	 	ul#catEvents p.date {
			font-size: 90%;
			margin-left: .5em;
		}	
		
p.dateDtl {
	margin-bottom: .5em;
	font-weight: bold;
}

p.eventDtl {
	margin-left: .5em;
}

/* ------------------------ 
		calendar
------------------------ */
ul.eventCalendar li {
	clear: both;
}
ul.eventCalendar dt {
	font-weight: bold;
	margin-bottom: .5em;
	
}

ul.eventCalendar dd {
	margin-left: 1em;
	}
	
ul.eventCalendar dd.title {
	font-weight: bold;
}

.eventCalendar img {
	float: left;
	margin-right: .5em;
	border: 1px solid #000;
}

p.print {
	text-align: center;
	margin: .7em 0;
	clear: both;
}

p.previous {
	float: left;
	font-weight: bold;
}

p.next {
	float: right;
	font-weight: bold;
}

/*print*/
body.print h1 {
	float: none;
	width: 150px;
	margin-left: -30px;
	top: 0;
}
	
body.print {
	background: #fff;
	padding: 2em;
	padding-top: 0;
	border: 3px solid #a8c5c3;
}

	body.print h3 {
		text-indent: -1em;
		font-size: 130%;
		margin: 1em 0;
	}
	
	body.print p.close {	
		position: absolute;
		top: 10px;
		right: 15px;
	}
	
	body.print p.printBtn {
		margin: .5em auto;
		text-align: center;
	}
/* ------------------------ 
		about us/schools
------------------------ */
ul#schools {
	list-style: none;
	font-size: 90%;
}

	#schools li {
		width: 357px;
		float: left;
		_display: inline;
		display: block;
		padding-bottom: 1em;
		min-height: 22em;
		_height: 22.5em;
	}
	
	.sIFR-active #schools h3 {
		font-size: 12px;
	}
	/*
	#schools li.college_9 {
		background: url(/images/web/schools/school_bonaventure.jpg) no-repeat top; 
	}
	#schools li.college_4 {
		background: url(/images/web/schools/school_bs-amherst.jpg) no-repeat top; 
	}
	#schools li.college_3 {
		background: url(/images/web/schools/school_bs-south.jpg) no-repeat top; 
	}
	#schools li.college_6 {
		background: url(/images/web/schools/school_buffstate.jpg) no-repeat top; 
	}
	#schools li.college_7 {
		background: url(/images/web/schools/school_canisius.jpg) no-repeat top; 
	}
	#schools li.college_ {
		background: url(/images/web/schools/school_daemen.jpg) no-repeat top; 
	}
	#schools li.college_14 {
		background: url(/images/web/schools/school_ecc-city.jpg) no-repeat top; 
	}
	#schools li.college_18 {
		background: url(/images/web/schools/school_ecc-north.jpg) no-repeat top; 
	}
	#schools li.college_16 {
		background: url(/images/web/schools/school_ecc-south.jpg) no-repeat top; 
	}
	#schools li.college_10 {
		background: url(/images/web/schools/school_empire.jpg) no-repeat top; 
	}
	#schools li.college_11 {
		background: url(/images/web/schools/school_fredonia.jpg) no-repeat top; 
	}
	#schools li.college_19 {
		background: url(/images/web/schools/school_hilbert.jpg) no-repeat top; 
	}
	#schools li.college_21 {
		background: url(/images/web/schools/school_houghton.jpg) no-repeat top; 
	}
	#schools li.college_22 {
		background: url(/images/web/schools/school_itt.jpg) no-repeat top; 
	}
	#schools li.college_23 {
		background: url(/images/web/schools/school_jcc.jpg) no-repeat top; 
	}
	#schools li.college_24 {
		background: url(/images/web/schools/school_medaille.jpg) no-repeat top; 
	}
	#schools li.college_5 {
		background: url(/images/web/schools/school_nccc.jpg) no-repeat top; 
	}
	#schools li.college_8 {
		background: url(/images/web/schools/school_nu.jpg) no-repeat top; 
	}
	#schools li.college_ {
		background: url(/images/web/schools/school_nu.jpg) no-repeat top; 
	}
	#schools li.college_13 {
		background: url(/images/web/schools/school_trocair.jpg) no-repeat top; 
	}
	#schools li.college_15 {
		background: url(/images/web/schools/school_ub.jpg) no-repeat top; 
	}
	#schools li.college_17 {
		background: url(/images/web/schools/school_ub-man.jpg) no-repeat top; 
	}
	#schools li.college_20 {
		background: url(/images/web/schools/school_villamaria.jpg) no-repeat top; 
	}
	#schools li.college_12 {
		background: url(/images/web/schools/school_dyouville.jpg) no-repeat top; 
	}
	*/
/* ------------------------ 
		documents
------------------------ */

ul#docCat {
	list-style: none;
}

/* ------------------------ 
		form jobs
------------------------ */
.user #innerContent  h3{
	margin-top: 2em;
	width: 240px;
	margin-left: 1em;
}

ul#user {
	float: right;
	position: relative;
	top: -3em;
	padding-right: 180px;
}

ul#user li {
	display: block;
	height: 33px;
	width: 58px;
	float: left;
}
	li#yes a,
	li#no a,
	li#yes a:hover,
	li#no a:hover {
		display: block;
		height: 33px;
		width: 58px;
		border: 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	li#yes a {
		background: url(/images/web/btn-yes.gif) no-repeat top; 
	}
	
	li#no a {
		background: url(/images/web/btn-no.gif) no-repeat top; 
	}


body.jobs p {
	margin-top: 1em;
}

	body.jobs p.select {
		
	}
body.jobs label,
body.jobs input {
	display: block;
	line-height: 1.7;
}

	body.jobs label {
		width: 200px;
		text-align: right;
		font-weight: bold;
	}
	body.jobs p label 
	{
		display: block;
		width: 630px;
		text-align: left;
	}
	
	body.jobs #txtChair,
	body.jobs #txtEventDates 
	{
		margin: 0;
		position: static;
	}
	
	body.jobs #ddlState {
		*margin-top: -30px;
		
	}
		
	
		body.jobs label.lbl_checkbox {
			width: 100%;
			text-align: left;
		}
		
		body.jobs table label {
			text-align: left;
			margin-left: 25px;
			margin-top: -1em;
			position: relative;
			top: -.5em;
		}
		
		body.jobs table#rblReferral label,
		body.jobs  #rblOnCampus label,
		body.jobs #rblJobFairs label {
			margin-left: 20px;
		}
		
		body.jobs table#rblReferral input,
		body.jobs  #rblOnCampus input,
		body.jobs #rblJobFairs input {
			margin: 0;
			top: 0;
		}
		
		body.jobs label#lbl_rblShare {
			display: inline;
		}
		
			body.jobs label em,
			body.jobs p em {
				font-size: 85%;
				font-style: normal;
				display: block;
				line-height: 1.2;
				}
	
	input:focus,
	textarea:focus,
	select:focus {
		background: #d6e6e5;
		color: #000;
	}
	
	body.jobs input,
	body.jobs select,
	body.jobs textarea {
		margin-left: 210px;
		margin-top: -1em;
		position: relative;
		top: -.4em;
		width: 250px;
	}
		body.jobs select {
			_margin: 0;
			_left: 210px;
			
		}
	
	textarea {
		height: 110px;
	}
	
		body.jobs table input {
			margin: 0;
			top: 0;
			margin-left: 10px;
			width: 10px;
		}
		
		#rememberChk {
			width: auto!important;
		}
	
		body.jobs table#cboxlstMembers label {
			width: 300px;
			margin-left: 25px;
		}
		body.jobs table#cboxlstMembers input {
			margin-left: 10px;
			}
			
	body.jobs #innerContent {
		width: 600px;
		margin: 0 auto;
	}	

input#Submit {
	margin: 0 auto;
	width: 80px;
}
#submit {
	width: 95px;
	margin: 0 auto;
}

input#btnSend {
	width: 80px;
	margin-top: 1em;
}

span#lblNotSent {
	color: #f00;
	padding: 1em 0;
	font-weight: bold;
	display: block;
}

#ValidationSummary {
	margin-bottom: 1em;
}
#ValidationSummary ul {
	border: 1px solid #a8c5c3;
	background: #d6e6e5;
	padding: 1em 2em;
	font-size: 90%;
	line-height: 1;
}

fieldset {
	border: 0;
	padding-top: 1em;
}


body.jobs #sendTo p label {
	margin: 0;
	text-align: left;
	margin-left: 20px;
	margin-top: -.8em;
	position: relative;
	top: -1em;
}

	body.jobs input#cboxAll {
		margin: 0;
		margin-top: 1.5em;
		left: 0;
		width: 20px;
		
	}

/* membership form*/

#cboxMembershipType,
#rblMembershipType {
	width: 200px;
	margin: 0 auto;
	padding: 1em 0;
}
#cboxMembershipType label {
	font-weight: normal;
}
#rblMembershipType label {
	width: 200px;
}


	#cboxMembershipType_10 {
		display: none;
	}

#rblMembershipType,
p.label  {
	margin-left: 0;
}
p.label {
	width: 200px;
	
}

h4 {
	font-size: 104%;
	padding-top: .5em;
}

#txtInstructions {
	margin-top: -2.7em;
}

/* member search */

fieldset#member-search {
	border: 0;
}
	#member-search input#txtSearch,
	#member-search #btnSearch {
		display: block;
		margin: .4em 0;
	}
	
	#results {
		border-top: 1px dotted #C7C7C7;
		padding: 1em;
		margin: 1em 0;
	}

/* ------------------------ 
	pages
------------------------ */
#innerContent {
	clear: both;
	padding: 1em;
	min-height: 200px;
	_height: 200px;
}
	
	#innerContent ul {
		margin: .2em 0 0 1.5em;
	}
		#innerContent li {
			margin-bottom: .5em;
		}

h3 {
	color: #065954;
	font-size: 120%;
	font-weight: bold;
}	
	.sIFR-active h3 {
		font-size: 16px;
	}
	
	.sIFR-active h3.calendar {
		position: relative;
		left: -8px;
	}
/* ------------------------ 
		footer
------------------------ */
#footer {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	background: #000;
	color: #b3b3b3;
	border: 2px solid #fff;
	border-top: none;
	
	_margin-right: -60px;
		}
	
	#footer ul {
		padding: .1em 0;
	}
	
	#footer li {
		display: inline;
		font-size: 90%;
	}
		#footer li a {
			color: #b3b3b3;

		}
	
	#footer p {
		font-size: 85%;
		text-align: center;
		
	}
		#footer p a {
			
		}
/* member */
p.add {
	margin-top: .7em;
}		

p.contacts {
	margin: 1em 0;
}

.info {
	margin-left: 1em;
}
/* ------------------------ 
		EASY CLEARING 
------------------------ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
/* ------------------------ 
 		sifr 
------------------------ */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}