/* CSS Document */
/*---------------------------------------------------------------------------------------------------
RGG Architects
Image Navigational Features

web				: http://www.rggarchitects.com
filename 		: styles/general.css
version:		: 07.16.2007

author			: Laura Denny, LD CreativeMedia
web				: http://www.ldcreativemedia.com
contact			: laura@ldcreativemedia.com

------------------------------------------------------------------------------------------------------*/

/* Navigation Links Along Left Column Using all Images Navigation */
	a.history, a.experience, a.personnel, a.resources, a.contact {
		margin-top: 0px;
		margin-bottom: 0px;
		display: block;
		border: none;
		width: 120px;
		height: 60px;
		}
	a.history {
		background-image: url(../images/nav/historyf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.history:hover {
		background-image: url(../images/nav/history.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.experience {
		background-image: url(../images/nav/experiencef.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.experience:hover {
		background-image: url(../images/nav/experience.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.personnel {
		background-image: url(../images/nav/personnelf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.personnel:hover {
		background-image: url(../images/nav/personnel.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}	
	a.resources {
		background-image: url(../images/nav/resourcesf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.resources:hover {
		background-image: url(../images/nav/resources.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}		
	a.contact {
		background-image: url(../images/nav/contactf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
	a.contact:hover {
		background-image: url(../images/nav/contact.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}	
/* Preload Hover Images */		
	#institution_col {
		background: url(../images/nav/institut.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#healthcare_col {
		background:url(../images/nav/health.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#highered_col {
		background: url(../images/nav/highed.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#research_col {
		background: url(../images/nav/research.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#masterplan_col {
		background: url(../images/nav/mstrplan.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
		
/* Preload Hover Images */		
	#history_pre {
		background: url(../images/nav/history.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#experience_col {
		background:url(../images/nav/experience.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#personnel_col {
		background: url(../images/nav/personnel.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#resources_col {
		background: url(../images/nav/resources.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}
	#contact_col {
		background: url(../images/nav/contact.jpg);
		background-position: top;
		background-repeat: no-repeat;
		}	
/* Specialized for Image Navigation in "Experience" Page*/
	a.institutional, a.healthcare, a.highered, a.research, a.masterplan {
		margin-top: 0px;
		margin-bottom: 0px;
		background-position: top;
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-bottom: 0px;
		color: #999999;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		text-transform: none;
		font-variant:small-caps;
		vertical-align: middle;
		display: block;
		width: 120px;
		height: 300px;	
		}
		
	a.institutional:hover, a.healthcare:hover, a.highered:hover, a.research:hover,
	 a.masterplan:hover {
		margin-top: 0px;
		margin-bottom: 0px;
		background-position: top;
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-bottom: 0px;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		text-transform: none;
		font-variant: small-caps;
		vertical-align: middle;
		display: block;
		width: 120px;
		height: 300px;
		}
		
		a.institutional:hover,  a.highered:hover, a.masterplan:hover {
	 	color: #FFFFFF;
	 	}
		a.healthcare:hover,  a.research:hover {
	 	color: #000000;
	 	}
		
		a.institutional {
		background-image: url(../images/nav/institutf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.institutional:hover {
		background-image: url(../images/nav/institut.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.healthcare {
		background-image: url(../images/nav/healthf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.healthcare:hover {
		background-image: url(../images/nav/health.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.highered {
		background-image: url(../images/nav/highedf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.highered:hover {
		background-image: url(../images/nav/highed.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.research {
		background-image: url(../images/nav/researchf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.research:hover {
		background-image: url(../images/nav/research.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.masterplan {
		background-image: url(../images/nav/mstrplanf.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}
		a.masterplan:hover {
		background-image: url(../images/nav/mstrplan.jpg);
		padding-left: 0px;
		padding-right: 0px;
		}