@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:62.5%;	/* now 1em = 10px (or thereabouts on a standard desktop) */
	line-height:1.2em;
	padding:0;
	margin:0;
	}


.tout {  font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 11px; color: #035CA0; font-weight: normal; line-height: 22px}
.home_text {  font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: normal; line-height: 25px}
.home_header {  font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color:#0f98ba; font-weight: bold; line-height: 17px}

img {
	border:0;
	behavior: url(iepngfix.htc); /*IE PNG Fix */
}

p {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

.wrapper {
	display:block;
	position:relative;
	width:1000px;
	margin:0 auto;
}

#header {
	display:block;
	position:relative;
	height:107px;
	z-index:50;
	font-size:1.5em;
}

#leftCol{
	width:223px;
	float:left;
	margin-right:15px;
}


a,
a:visited {
	color:#777;
	text-decoration:underline;
}
a:hover {
	color:#458cff;
	cursor:pointer;
}


#footer {
	display:block;
	position:relative;
	width:100%;
	float:left;
	background:#035083;
	color:#fff;
	height:23px;
	margin:15px 0;
}

#footer a,
#footer a:visited {
	color:#fff;
	text-decoration:underline;
}
#footer a:hover {
	color:#fff;
	cursor:pointer;
}


#main {
	display:block;
	position:relative;
	width:762px;
	float:left;
}


#logo {
	display:block;
	cursor:pointer;
	z-index:100;
	height:128px;
	width:223px;
	margin-bottom:120px;
	background:url(../images/logo.jpg) top left no-repeat;
}

#newsletter{
  display: block;
  width: 211px;
  margin-top:100px;
  height: 30px;
  cursor:pointer;
  background: url(../images/button.newsletter.jpg) no-repeat 0 0;
}

/*#newsletter:hover{ 
  background-position: 0 -29px;
}*/

.rollover span{
  display: none;
}

.menu{
	font-size:1.6em;
	margin-bottom:35px;
	float:left;
}

.menu ul li a{
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#05629b;
}

.menu ul li.current a:active, .menu ul li.current a:visited{
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#000;
	background:#eee;
}

.menu ul li.current ul li a:active, .menu ul li.current ul li a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#05629b;
	background:#fff;
}

.menu ul li ul li a{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
}

.program{
	width:462px; /* 762 */
	padding-left:300px;
	padding-top:20px;
	height:217px;
	float:right;
}

.pdg{
	background:url(../images/program.projectDegree.jpg) top left no-repeat;
}

.gtc{
	background:url(../images/program.gatewaytocollege.jpg) top left no-repeat;
}

.grad{
	background:url(../images/graduate.jpg) top left no-repeat;
}

.shadow{
	background:url(../images/programShadow.jpg) top left no-repeat;
}


.program img{
	float:left;
	width:326px;
	margin-bottom:100px;
}

.program h3{
	font-family:Verdana, Geneva, sans-serif;
	color:#035083;
	margin:0px;
	line-height:1.25em;
	font-size:15px;
}

.program a,
.program a:visited {
	color:#4cc6e3;
	text-decoration:none;
}
.program a:hover {
	color:#0057a0;
	cursor:pointer;
}

			.boxgrid{ 
				width: 350px; 
				height: 115px; 
				margin-top:10px;
				float:left; 
				overflow: visible; 
				position: relative; 
			}
				.boxgrid img{
					width:100%;
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0;
					margin:0;
					float:none;
				}
				.boxgrid p{ 
					padding: 10px 10px; 
					color:#222; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}

#mainText{
	margin-left:25px;
	float:left;
	width:472px;
	margin-top:77px;
	color:#333333;
font-family:Verdana,Arial,Trebuchet MS,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:20px;
}

#mainText ul{
	font-size:12px;
}

#mainText ul li{
	margin-bottom:5px;
}

#mainText h2{
	margin:5px 0px 15px 0px;
	padding:0px;
	font-size:17px;
	font-weight:bold;
	color:#4CC6E3; /*#004995;*/
	}
	
#mainText hr{
	color:#999;
	margin:10px 0;
}

#sidebar{
	float:left;
	margin-top:77px;
	margin-left:40px;
}

.directorImage{
	float:left;
	width:160px; 
}

.directorImage img{
	margin-bottom:5px;
}

.directorInfo{
	float:left;
	width:200px;
	margin-right:5px;
	color:#333333;
}

.directorInfo a{
	font-size:11px;
}

.directorInfo p + p{
	font-size:12px;
}
h3.why{ color:#ff9900; }
#why:active, #why:link, #why:visited{ color:#ff9900; }
#why:hover{ color:#4CC6E3; }