/* campus home and school home style sheet */

* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, select, textarea, fieldset {
	font: 11px/15px Arial,Helvetica,Verdana,sans-serif;
	color: #333;
}
body {
	background: #666 url(/images/background.gif) repeat-y left top;
}


/**************************** anchor link styles ********************************/
a.external{
	display:inline-block;
	background: url("/images/icons/extlink.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.biz {
	display:inline-block;
	background: url("/images/icons/bizicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.swf {
	display:inline-block;
	background: url("/images/icons/swficon.gif") no-repeat 100% 50%;
	padding-right:20px;
}

a.wmedia {
	display:inline-block;
	background: url("/images/icons/wmedia.gif") no-repeat 100% 50%;
	padding-right:20px;
}

a.mail {
	display:inline-block;
	background: url("/images/icons/email.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.pdf {
	display:inline-block;
	background: url("/images/icons/pdficon.gif") no-repeat 100% 50%;
	padding-right:18px;
}

a.doc {
	display:inline-block;
	background: url("/images/icons/docicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}

a.lock {
	display:inline-block;
	background: url("/images/icons/lockicon.gif") no-repeat 100% 50%;
	padding-right:15px;
}

a.only {
	display:inline-block;
	background: url("/images/icons/onlyicon.gif") no-repeat 100% 50%;
	padding-right:15px;
}

a.xls {
	display:inline-block;
	background: url("/images/icons/xlsicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}

a.ppt {
	display:inline-block;
	background: url("/images/icons/ppticon.gif") no-repeat 100% 50%;
	padding-right:20px;
}

a.rtf {
	display:inline-block;
	background: url("/images/icons/docicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}

.hLink {
	display:block;
	background: url("/images/icons/icon_home.gif") no-repeat 100% 50%;
	padding-right:20px;
	cursor:pointer;
}
a.red:link, a.red:visited {
	color:#c00;
}
a {
	color: #c00;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#nav a#homelink /*, #nav a#top */ {
	display: inline;
	position:absolute;
	left: 0;
	top: 0;
	border-bottom: 10px solid #fff;
	width: 900px;
	height: 100px !important;
	_height /**/:110px;
	/* background: #c00 url(/images/masthead-tier2-1.jpg) no-repeat left top;*/
	background: #c00 url(../images/masthead-DoubleT-Tier2.jpg) no-repeat left top;
}

/***************************
		LAYOUT REGIONS
***************************/		
#container {
	position:relative;
	margin:0;
	text-align:left;
	width: 900px;
	background: #fff url(/images/background-tier2.gif) repeat-y left top;
}
#factoid {
	padding-top: 240px;
	margin: 0 250px 0 190px;
	background:#fff url(/images/factoids/factoid-bg.jpg) no-repeat 0 110px;
}
#nav {
	width: 180px;
	float: left;
	display: inline;
}
#general {
	float: right;
	display:inline;
	width: 230px;
	margin-right: 10px;
	padding-top: 110px;
	background: #ccc;
}
#footer {
	clear: both;
	background: #fff url(../images/gateway/footer-new.gif) no-repeat 10px 10px;
	padding:20px 10px;
	border-top: 10px solid #fff;
	_height: 1%;	
	}
	/* hide from Mac IE 5 \*/
	#footer { background-position: 10px 0; }
	/* End Mac IE 5 hack */

/************** home ID styles ****************/
#homeID {
	position: absolute;
	display: inline;
	left: 200px;
	top: 164px;
}


/* 4.28.2009 */
/* Feature Story ------------------------------------------ */
#feature-story {
	width: 230px;
	margin: 0;
	background: #ccc;
	/*margin-bottom:10px;
		_margin-bottom:10px; */
	}	
#feature-story img {
	width: 230px;
	height: 70px;
	border-width: 0;
	}	
#feature-story h4 {
	margin: 9px 10px 0 10px;
	_margin-top: 5px;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	letter-spacing: 1px;
	text-transform: uppercase;
	}	
#feature-story p {
	margin: 7px 10px;
	}
#feature-story a.learn-more {
	width: 74px;
	margin: 0 0 11px 10px;
	}


/************** box styles **************/
/* box header */
#general h3 {
	color: #fff;
	background: #333;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 10px;
	_width /**/:230px;
}
#general h3 em, #general h5 em {
	font-style: normal;
}
#general h5 {
	margin: 15px 0 5px 10px;
	padding: 0 0 -10px 0;
}
/*.box {
	
}*/



/**********************************
	HELPFUL LINKS NAVIGATION
/*********************************/
#helpful {
	padding-top: 110px;
	margin-left: 10px;
	background: #ccc;
}
#helpful h3 {
	color: #fff;
	background: #333;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 10px;
	_width /**/:170px;
	_zoom:1;
}
#helpful ul {
	_float/**/: left;
	list-style: none;
	}
#helpful li,
#helpful li.more {
	position: relative;
	z-index: 1000;
	color: #c00;
	padding: 5px 10px;
	_float/**/: left;
	width: 150px;
	_width /**/:170px;
}
#helpful li {
	background: url(/images/nav/nav-border-horz.gif) repeat-x left bottom;
	}
#helpful li.more {
	background: url(/images/nav/more-border-arrow.gif) no-repeat right bottom;
	}
#helpful li a {
	color: #c00;
	display: block;
	text-decoration: none;
	width: 150px;
	padding: 0;
	_padding: 0 0 0 1px;
	_margin: 0 0 0 -1px;
	}


#helpful li:hover,
#helpful li.over {
	background-color: #c00;
	}
#helpful li.more:hover,
#helpful li.moreover {
	color: #fff;
	background: #c00 url(/images/nav/more-border-arrow-over.gif) no-repeat right bottom;
	}
#helpful li:hover a,
#helpful li.over a,
#helpful li.more:hover a,
#helpful li.moreover a {
	color: #fff;
	}
		/* 2nd nav level */
		#helpful li ul,
		#helpful li.more ul {
			position: absolute;
			border: 1px solid #c00;
			border-left-width: 0;
			top: 0;
			left: -9999px;
			width: 170px !important;
			}
		/*
		#helpful li:hover ul,
		#helpful li.more:hover ul,
		*/
		#helpful li.over ul,
		#helpful li.moreover ul {
			left: 170px;
			}
		#helpful li li,
		#helpful li li.more {
			color: #333;
			background-image: none;
			background-color: #fff;
			padding: 2px 5px;
			border: 3px solid #fff;
			border-width: 3px 5px;
			width: 150px;
			_width /**/:170px;
		}
		#helpful li li.more {
			background: #fff url(/images/nav/arrow-gray.gif) no-repeat 150px 50%;
			}
		#helpful li li:hover,
		#helpful li li.over{
			background-color: #c00;
			background-image: none;
			}
		#helpful li li.more:hover,
		#helpful li li.moreover {
			background: #c00 url(/images/nav/arrow-white.gif) no-repeat 150px 50%;
			}
		#helpful li li a,
		#helpful li li.more a,
		#helpful li:hover li a,
		#helpful li.over li a,
		#helpful li.more:hover li a,
		#helpful li.moreover li a,
		#helpful li:hover li,
		#helpful li.over li,
		#helpful li.more:hover li,
		#helpful li.moreover li {
			color: #333;
			}
		#helpful li li:hover a,
		#helpful li li.over a,
		#helpful li li.more:hover a,
		#helpful li li.moreover a,
		#helpful li li:hover,
		#helpful li li.over,
		#helpful li li.more:hover,
		#helpful li li.moreover {
			color: #fff !important;
			}
				/* 3rd nav level */
				#helpful li:hover li ul,
				#helpful li.over li ul,
				#helpful li.more:hover li ul,
				#helpful li.moreover li ul {
					left: -9999px;
					}
				#helpful li li:hover ul,
				#helpful li li.over ul,
				#helpful li li.more:hover ul,
				#helpful li li.moreover ul {
					left: 165px !important;
					top: -4px;
					border-width: 1px;
					}
				#helpful li li li a,
				#helpful li li li.more a,
				#helpful li li:hover li a,
				#helpful li li.over li a,
				#helpful li li.more:hover li a,
				#helpful li li.moreover li a,
				#helpful li li:hover li,
				#helpful li li.over li,
				#helpful li li.more:hover li,
				#helpful li li.moreover li {
					color: #333 !important;
					}
				#helpful li li:hover li:hover a,
				#helpful li li:hover li.more:hover a,
				#helpful li li.over li.over a,
				#helpful li li.over li.moreover a,
				#helpful li li.more:hover li:hover a,
				#helpful li li.more:hover li.more:hover a,
				#helpful li li.moreover li.over a,
				#helpful li li.moreover li.moreover a,
				#helpful li li:hover li:hover,
				#helpful li li:hover li.more:hover,
				#helpful li li.over li.over,
				#helpful li li.over li.moreover,
				#helpful li li.more:hover li:hover,
				#helpful li li.more:hover li.more:hover,
				#helpful li li.moreover li.over,
				#helpful li li.moreover li.moreover{
					color: #fff !important;
					}
#helpful a.pdf,
#helpful a.external,
#helpful a.swf,
#helpful a.wmedia,
#helpful a.mail,
#helpful a.doc,
#helpful a.xls,
#helpful a.ppt,
#helpful a.rtf,
#helpful .hLink {
	padding-right: 18px;
	width: 132px;
	_width /**/:150px;
}
#helpful a.lock,
#helpful a.only {
	padding-right: 15px;
	width: 135px;
	_width /**/:150px;
}


/**********************************
	AUDIENCE LINKS NAVIGATION
/*********************************/
#audience {
	display:block;
	clear:both;
}
#audience ul {
	_float/**/: left;
	list-style: none;
	}
#audience li,
#audience li.more {
	position: relative;
	z-index: 1000;
	color: #333;
	padding: 5px 10px 5px 20px;
	_float/**/: left;
	width: 200px;
	_width /**/:230px;
}
#audience li {
	background: url(/images/nav/nav-border-horz.gif) repeat-x left bottom;
	}
#audience li.more {
	background: url(/images/nav/more-border-arrow-right.gif) no-repeat left bottom;
	}
#audience li a {
	color: #333;
	display: block;
	text-decoration: none;
	width: 200px;
	padding: 0;
	_padding: 0 0 0 1px;
	_margin: 0 0 0 -1px;
	}


#audience li:hover,
#audience li.over {
	background-color: #c00;
	}
#audience li.more:hover,
#audience li.moreover {
	color: #fff;
	background: #c00 url(/images/nav/more-border-arrow-right-over.gif) no-repeat left bottom;
	}
#audience li:hover a,
#audience li.over a,
#audience li.more:hover a,
#audience li.moreover a {
	color: #fff;
	}
		/* 2nd nav level */
		#audience li ul,
		#audience li.more ul {
			position: absolute;
			border: 1px solid #c00;
			border-right-width: 0;
			top: 0 !important;
			left: -9999px;
			width: 170px !important;
			}
		/*
		#audience li:hover ul,
		#audience li.more:hover ul,
		*/
		#audience li.over ul,
		#audience li.moreover ul {
			left: -171px;
			}
		#audience li li,
		#audience li li.more {
			color: #333;
			background-image: none;
			background-color: #fff;
			padding: 2px 5px;
			border: 3px solid #fff;
			border-width: 3px 5px;
			width: 150px;
			_width /**/:170px;
		}
		#audience li li.more {
			background: #fff url(/images/nav/arrow-gray.gif) no-repeat 150px 50%;
			}
		#audience li li:hover,
		#audience li li.over{
			background-color: #c00;
			background-image: none;
			}
		#audience li li.more:hover,
		#audience li li.moreover {
			background: #c00 url(/images/nav/arrow-white.gif) no-repeat 150px 50%;
			}
		#audience li li a,
		#audience li li.more a,
		#audience li:hover li a,
		#audience li.over li a,
		#audience li.more:hover li a,
		#audience li.moreover li a,
		#audience li:hover li,
		#audience li.over li,
		#audience li.more:hover li,
		#audience li.moreover li {
			color: #333;
			width: 150px;
			}
		#audience li li:hover a,
		#audience li li.over a,
		#audience li li.more:hover a,
		#audience li li.moreover a,
		#audience li li:hover,
		#audience li li.over,
		#audience li li.more:hover,
		#audience li li.moreover {
			color: #fff !important;
			}
#audience a.pdf,
#audience a.external,
#audience a.swf,
#audience a.wmedia,
#audience a.mail,
#audience a.doc,
#audience a.xls,
#audience a.ppt,
#audience a.rtf,
#audience .hLink {
	padding-right: 18px;
	width: 182px;
	_width /**/:200px;
}
#audience a.lock,
#audience a.only {
	padding-right: 15px;
	width: 185px;
	_width /**/:200px;
}
#audience li li a.pdf,
#audience li li a.external,
#audience li li a.swf,
#audience li li a.wmedia,
#audience li li a.mail,
#audience li li a.doc,
#audience li li a.xls,
#audience li li a.ppt,
#audience li li a.rtf,
#audience li li .hLink {
	padding-right: 18px;
	width: 132px !important;
	_width /**/:150px;
}
#audience li li a.lock,
#audience li li a.only {
	padding-right: 15px;
	width: 135px !important;
	_width /**/:150px;
}

/************** general news styles ****************/
#general .news a {
	color: #c00;
	}
#general .news ul {
	margin: 10px;
}
#general .news ul li {
	list-style: none;
	padding: 0 0 5px 10px;
	background: url(/images/bullet2.gif) no-repeat 0 6px;
}

/************** general search styles ****************/
#general .search {
	float:left;
	width: 230px;
}
#general .search a {
	color: #c00;
	}
.search form {
	padding: 10px;
	_float /**/:left;
	_width /**/:210px;
}
#general .search ul {
	float:left;
	display:inline;
	width: 100px;
	_width: 85px;
	margin: 0 0 10px 10px;
	_margin: 0 0 10px -2px;
}
#general .search li {
	list-style: none;
	background: transparent url("/images/bullet.gif") no-repeat 0 6px;
	padding: 0 0 3px 10px;
	width: 100px;
	_width: 85px;
}
#general .search input {
	background: #fff;
	border: 1px solid #333;
	padding: 3px;
	width: 155px;
}
#general .search input.button {
	color: #c00;
	width: auto;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding: 2px 5px 2px 2px;
	border: none;
	background: transparent url(/images/go-arrow.gif) no-repeat right 50%;
	cursor: pointer;
	_cursor: hand;
}
.search img {
	display: none;
}

/************** factoid styles ****************/
/*currently in LCMS */
#factContent {
	background-image: none;
	overflow:auto;
	padding-top:11px;
	margin-top:-11px;
	_padding-top:0;
	_margin-top:0;
	background:#fff;
	}
#factContent img {
	margin: -11px 10px 10px 10px;
	float: left;
	display:inline;
}
#factContent h3 {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	margin: 10px;
}


/* ********************** */
/* currently on my local 
#factContent {
	background-image: none;
	_overflow:auto;
	}
#factContent img {
	margin: -22px 10px 10px 10px;
	_margin-top: -12px;
	float: left;
	display:inline;
}
*/
/* this was commented out
#factContent img {
	margin: 4px 10px 10px 10px;
	_margin-top: 14px;
	float: left;
	display:inline;
}
*/
/* ********************** */


/* *** added 2.3.06 crb (to counter addition for factoids) *** */
#content-main img {
	margin: -14px 10px 0px 0px;
	_margin-top: 0px;
	_margin-bottom: -3px;
}

/* ***************************************************** */
#factContent a {
	border:none;
}
#factContent p {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 10px 0 10px;
}
#factContent p a {
	color:#c00;
}
/* *** added 1.26.06 crb*** */
#factContent ul, #factContent ol, #factContent dl {
	margin: 10px;
}
#factContent ul li {
	list-style: none;
	padding: 0 0 5px 10px;
	background: url(/images/bullet.gif) no-repeat 0 6px;
	}

/************** general footer styles ****************/
#footer hr {
	top: 0px;
	padding: 0px;
	width: 700px;
	color:#ccc;
	height:1px;
}
#footer p,
#footer a {
	color: #999;
	font-weight: normal;
	}
#footer a:hover {
	color: #666;
	}
#footer p {
	margin: 0 0 2px 0;
	}
#footer img {
	display: none;
	}
	


/* ADDITIONS FOR GATEWAY LOOK (12.20.05/crb) ------------------------------------------ */	

#intro-links {
	list-style: none;
	height: 31px;
	margin-bottom: 10px;
	}
#intro-links li {
	display: inline;
	float: left;
	}
	
/* ------------------------------------------ */	
/* *** //modified on 10.3.06 for Strategic Plan -crb  *** */
#intro-welcome-hsc {
	width: 280px;
	background:  url(../images/gateway/intro-welcome-hsc.gif) no-repeat left top;
	}
#intro-strategic-plan {
	width: 180px;
	background:  url(../images/gateway/intro-strategic-plan.gif) no-repeat left top;
	}		

		/* ------------------------------------------ */		
		/* *** changed on 2.27.06 crb *** 	
		#intro-welcome {
			width: 258px;
			background:  url(../images/gateway/intro-welcome-hsc.gif) no-repeat left top;
			}
		#intro-mission-and-vision {
			width: 139px;
			background:  url(../images/gateway/intro-mission-and-vision.gif) no-repeat left top;
			}
		#intro-goals {
			width: 63px;
			background:  url(../images/gateway/intro-goals.gif) no-repeat left top;
			}
		*/	
	
#intro-links li a {
	float: left;
	height: 31px;
	background-color: #c00;
	}
#intro-links li a:hover {
	background-position: 0 -31px;
	}
/* ------------------------------------------ */		
/* 9.1.06 reinserted .media-resources, missing from previous rendition // crb */ 	
	
.imgswap,
.learn-more, .media-resources {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
    _text-indent /**/:/**/0;
    _line-height /**/:/**/9999em;
	}
	/* hide from Mac IE 5 \*/
	.imgswap,
	.learn-more, .media-resources { overflow: hidden; }
	/* End Mac IE 5 hack */
	
.learn-more {
	height: 18px;
	margin: 7px 0px 12px 0;
	margin-left:-20px;
	background:  url(../gateway/images/learn-more.gif) no-repeat left top;
	}	
		
.media-resources {
	height: 8px;
	margin: 7px 0 12px 10px;
	background:  url(../images/gateway/media-resources.gif) no-repeat left top;
	}	
/* ------------------------------------------ */	
	
#two-column-wrapper {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: #fff url(../images/gateway/dotted-vert-border.gif) repeat-y 229px top;
	}	
	#two-column-wrapper:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden;
	}
	#two-column-wrapper {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html #two-column-wrapper {height: 1%;}
    /* End IE Mac 5 Hack */
	
#two-column-left,
#two-column-right {
	width: 230px;
	float: left;
	}
#two-column-wrapper h2,
 	#two-column-wrapper h2 .elpaso, 
	#two-column-wrapper h3 /*added for Research*/{
	height: 70px;
	background-color: #ccc;
	}
#two-column-left h2 {	
	background:  url(../images/gateway/prepare-for-your-future.gif) no-repeat left top;
	}
#two-column-right h2 {
	background:  url(../images/gateway/make-an-impact.gif) no-repeat left top;
	}
	


#two-column-wrapper p,
#two-column-wrapper ul {
	margin: 15px 10px;
	}
#two-column-wrapper li {
	list-style: none;
	padding-left: 10px;
	background:  url(../images/gateway/bullet.gif) no-repeat 0 6px;
	}	
/* ------------------------------------------ */	
/* added 2.24.06 crb: president's key page */	
.columns {
	margin: 10px 0;
	width: 100%;
	/*margin-top:6px;*/
	clear:both;
	}
	.columns:after {  /* For most non-IE browsers, this encloses the two floating columns completely in the wrapper */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility:hidden;
	}
	.columns  {display: inline-block;}  /* Fix for IE Mac */
	/* Hides from IE Mac 5 \*/
	* html .columns {height: 1%;}
    /* End IE Mac 5 Hack */
	
.columnLeft {
	width: 48%;
	float: left;
	display: inline;
}

.columnRight {
	width: 48%;
	float: right;
	display: inline;
}

#content-main img.columnImage {
	margin: 0px 10px 0px 10px;
	_margin-top: 0px;
	_margin-bottom: -3px;
} 

.columnLeft p, .columnRight p {
	margin: 5px;
}

#content-main h3.contact {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#666;
	font-weight: normal;
	padding-top:24px;
	padding-bottom:6px;
	padding-left:10px;
	font-style:italic;
	margin-bottom:12px;
	border-bottom:1px solid #eee;
	/*background-color:#eee;
	letter-spacing:2px;
	font-variant:small-caps;
	margin-bottom: 18px;*/
}
/* ------------------------------------------ */	

#content-main {
	width: 460px;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	}