@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#bababa url(../images/body_bg.jpg) repeat-x top center;
}
.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
a img {
	border: none;
}
p {
	margin-bottom: 16px;
}
#site {
	background: #fff;
	width: 800px;
	margin: 15px auto;
	padding: 0;
}
#header {
	background: #1b2955 url(../images/header_bg.jpg) repeat-x;
	color: #fff;
	padding: 20px;
	border-bottom: 1px solid #b7bdd1;
}
#header h1 a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
#navigation {
	background: #3b476e url(../images/nav_bg.jpg) repeat-x;
	height: 30px;
	border-bottom: 1px solid #fff;
	text-align: right;
}
#main_content {
	width: 800px;
	height: 550px;
	float: left;
}
#flash_content {
	position: relative;
	z-index: 5;
	height: 550px;
	width: 800px;
	float: left;
}

#secondary_content {
	background: #e6b77f url(../images/secondary_bg.jpg) top no-repeat;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#secondary_content a {
	color: #1b2955;
}
#secondary_content ul {
	padding: 10px 0 10px 15px;
	list-style: url(../images/list.gif); 
}
#secondary_content ul li {
	font-size: 12px;
	padding: 0 0 8px; 0;
}
#secondary_content ul li a {
	color: #1b2955;
}
#secondary_content img {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
#secondary_left {
	width: 360px;
	float: left;
	margin: 0;
	padding: 0 20px 20px 20px;
}
#secondary_left img {
	float: left;
	margin: 0;
	padding: 0;
}
#secondary_right img {
	float: left;
	margin: 0;
	padding: 0;
}
#secondary_right {
	width: 360px;
	float: left;
	margin: 0;
	padding: 0 20px 20px 20px;
}
#secondary {
	width: 760px;
	float: left;
	margin: 0;
	padding: 0 20px 20px 20px;
}
#secondary form {
	margin: 0 auto;
	width: 450px;
}
#secondary form select {
	width: 275px;
}
#secondary_content h1 {
	padding: 20px;
	font-size: 20px;
	color: #ce7000;
}
#secondary_content h3 {
	font-size: 14px;
	background: url(../images/square.gif) center left no-repeat;
	color: #000;
	margin: 0;
	padding: 0 0 0 15px;
}
#footer {
	background: #1b2955;
	border-top: 1px solid #fff;
	width: 800px;
	float: left;
	margin: 0;
	padding: 0;
}
#footer p {
	color: #8b98c1;
	padding: 20px;
	margin: 0;
	font-size: 11px;
}
#footer p a {
	color: #5772c5;
	text-decoration: underline;
}
#main_footer {
	background: #fff url(../images/main_footer_bg.jpg) bottom no-repeat;
	width: 760px;
	padding: 20px;
	margin: 0;
	float: left;
}
#main_footer p {
	font-size: 11px;
	color: #333;
}
#main_footer h2 {
	font-size: 14px;
	color: #1b2955;
	margin: 0;
	padding: 0;
}
#main_footer h2 a {
	color: #5772c5;
	text-decoration: underline;
	margin: 0 0 10px 0;
}
#main_footer img {
	float: right;
	margin: 0;
	padding: 0;
}
#main_footer ol {
	padding: 0 0 0 16px;
}
#main_footer li {
	font-size: 11px;
	padding: 0 0 5px 0;
}
#cluster_info {
	float: left;
	width: 760px;
	padding: 5px 20px 5px 20px;
	font-size: 12px;
}

#other {
	padding: 0 20px;
}

#other h2 a {
	color: #5772c5;
	text-decoration: underline;
	margin: 0 0 10px 0;
	font-size: 14px;
}

/* ------ Form ------ */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 360px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px; /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                   /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 3px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .select {
	width: 150px;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/*--- List ----- */
.abbrev {
	font-size: 11px;
	font-style:italic;
	font-weight:bold;
}
.abbrev_desc {
	font-size: 11px;
}
#list {
	width: 800px;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff url(../images/main_footer_bg.jpg) bottom no-repeat;
}
#print {
	float: left;
	width: 760px;
	margin: 0 auto;
	padding: 20px;
}
#print img {
	padding: 0 5px;
}
#list table ul {
	padding-left: 15px;
}
#list table {
	width:96%;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	margin:1em auto;
	border-collapse:collapse;
	}	
#list tr.odd td	{
	background:#fbfbfb;
	}
#list tr.odd .column1	{
	background:#f7f7f7;
	}	
.column1	{
	background:#fcfcfc;
	}
#list td {
	color:#678197;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	padding:.3em 1em;
	text-align:center;
	font-size: 12px;
	}				
#list th {
	font-weight: bold;
	font-size: 12px;
	color: #545c76;
	text-align: center;
	border-bottom: 1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	padding:.3em 1em;
	}							
#list thead th {
	background: #f0f0f0;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color:#39456B;
	}	
#list p {
	font-size: 11px;
	text-align: center;
}
.career {
	font-size: 14px;
	font-weight: bold;
	color:#39456B;
}
.highlight {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
}#navigation #expore {
	float: left;
}

.schools {
float:left;
width:230px;
}

.schools h2 {
color:#333;
margin:0 0 4px 0;
}

#secondary_content .schools ul {
	list-style:none;
	padding:0;
}

#secondary_content .schools ul li {
padding:0 0 2px 0;
}

/*bubble tool tip stuff follows*/
a.tt{
    position:relative;
    z-index:24;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    z-index:1024;
    top:5px; left:-195px;
	padding: 15px 0 0 0;
	width:300px;
	text-align: center;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
}
a.tt:hover span.top{
	display: block;
	padding: 28px 8px 0;
	background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 12px;
	background: url(../images/bubble_filler.gif) repeat bottom;
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	text-align: left;
}
a.tt:hover span.bottom{
	display: block;
	background: url(../images/bubble.gif) no-repeat bottom;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 25px;
	padding-left: 8px;
}

/* For the Pathways */
a.ttp{
    position:relative;
    z-index:24;
}
a.ttp span{ display: none; }
a.ttp:hover{ z-index:25; background:;}
a.ttp:hover span.tooltip{
    display:block;
    position:absolute;
    z-index:1024;
    top:5px; left:-195px;
	padding: 15px 0 0 0;
	width:300px;
	text-align: center;
	filter: alpha(opacity:94);
	KHTMLOpacity: 0.94;
	MozOpacity: 0.94;
	opacity: 0.94;
}
a.ttp:hover span.top{
	display: block;
	padding: 28px 8px 0;
	background: url(../images/bubble.gif) no-repeat top;
}
a.ttp:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 12px;
	background: url(../images/bubble_filler.gif) repeat bottom;
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	text-align: left;
}
a.ttp:hover span.bottom{
	display: block;
	background: url(../images/bubble.gif) no-repeat bottom;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 25px;
	padding-left: 8px;
}

/* For the Pathways Left */
a.ttp_left{
    position:relative;
    z-index:24;
}
a.ttp_left span{ display: none; }
a.ttp_left:hover{ z-index:25; background:;}
a.ttp_left:hover span.tooltip{
    display:block;
    position:absolute;
    z-index:1024;
    top:5px; left:0px;
	padding: 15px 0 0 0;
	width:300px;
	text-align: center;
	filter: alpha(opacity:94);
	KHTMLOpacity: 0.94;
	MozOpacity: 0.94;
	opacity: 0.94;
}
a.ttp_left:hover span.top{
	display: block;
	padding: 28px 8px 0;
	background: url(../images/bubble_left.gif) no-repeat top;
}
a.ttp_left:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 12px;
	background: url(../images/bubble_filler.gif) repeat bottom;
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	text-align: left;
}
a.ttp_left:hover span.bottom{
	display: block;
	background: url(../images/bubble_left.gif) no-repeat bottom;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 25px;
	padding-left: 8px;
}

.content ul li {
list-style:none;
padding:1px;
}

.college-button {
color:#333;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
background:#d0d0d0;
background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#b5b5b5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #d0d0d0,  #b5b5b5); /* for firefox 3.6+ */
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
padding: .5em 2em .55em;
border: solid 1px #999;
}

.college-button:hover { background:#9e9e9e; }