/* HTML STYLES */

div.portal-search-box
div.portal-search-state
div.portal-search-zip

html {font-size:100%;}
body, h1, h2, h3, h4, h5, h6, p, li, a {text-align:left; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-size:1em;}
body {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:url('tri.gif') repeat #ffffff; text-align:center;}
img {vertical-align:bottom;}
form {vertical-align:middle;}
a:link {color:#578CB5; font-weight:bold;}
a:visited {color:#578CB5; font-weight:bold;}
a:hover {color:#000000; font-weight:bold; text-decoration:underline;}

/* PAGE SLOTS */ 
/* common settings */
div.portal-page-wrap, 
div.portal-header-wrap, 
div.portal-header-cta, 
div.portal-nav-wrap, 
div.portal-nav-tab, 
div.portal-nav-tabActive, 
div.portal-content-wrap, 
div.portal-content-left-wrap, 
div.portal-content-right-wrap, 
div.portal-footer-wrap, 
div.portal-footer-nav,
div.portal-school-list,
div.portal-school-text,
div.portal-col-story-list,
div.school-brand,
div.portal-location-list,
div.portal-location-list h2,
div.portal-cont-bottom-bar,
div.portal-col-search-box,
div.portal-col-search-zip,
div.portal-col-search-state {display:block;}

/*slot specific */
div.portal-page-wrap{clear:both; width:780px; text-align:center; margin:auto; background:url('cont_wrap_bg.gif') bottom repeat-y;}
div.portal-header-wrap{clear:both; width:780px; height:48px; background:url('head_colat_bg.jpg') bottom no-repeat; text-align:left;}
div.portal-header-cta{clear:both; width:500px; margin-left:20px; padding-top:20px;} 
div.portal-nav-wrap{clear:both; width:780px; height:54px; background:url('nav_bar_bg.gif') bottom repeat-x;}
div.portal-content-wrap{clear:both; width:780px;}
div.portal-content-left-wrap{float:left; width:520px;}
	div.portal-content-left-wrap h2 {padding:0px; margin:0px 10px 0.5em 10px; text-align:left; font-weight:bold; font-size:0.8em; color:#000000;}
div.portal-content-right-wrap{float:right;width:260px; background:url('cont_rcol_bg.gif') top repeat-x #729ab5;}
div.portal-footer-wrap{clear:both; width:780px; height:52px; background:url('foot_bar_bg.gif') bottom repeat-x; vertical-align:middle;} 
div.portal-footer-nav{float:right; text-align:right; vertical-align:middle;}
	div.portal-footer-nav p {margin:23px 10px 0px 0px; font-size:0.6em; color:#ffffff; font-weight:bold;}
	div.portal-footer-nav a:link {color:#BCD1E2; font-weight:bold;}
	div.portal-footer-nav a:visited {color:#BCD1E2; font-weight:bold;}
	div.portal-footer-nav a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}

/* ASSET INSTANCES */

/* tab navigation objects */		
div.portal-nav-wrap a.portal-nav-tab, div.portal-nav-wrap a.portal-nav-tab-active {float:left; height:38px; margin-top:16px; padding:0px 10px 0px 10px; text-transform:uppercase; font-family:Tahoma, Verdana, Arial; font-size:0.8em; font-weight:bold; vertical-align:middle; color:#FFFFFF; border:0px;}
	div.portal-nav-wrap a.portal-nav-tab {color:#FFFFFF; background:url(nav_tab_break.gif) left no-repeat;}
		div.portal-nav-wrap a.portal-nav-tab:link {color:#FFFFFF;}
		div.portal-nav-wrap a.portal-nav-tab:visited {color:#FFFFFF;}
		div.portal-nav-wrap a.portal-nav-tab:hover {background:url(nav_tab_hover_bg.gif) bottom repeat-x; color:#BED730; text-decoration:none;}
	div.portal-nav-wrap a.portal-nav-tab-active {background:url(nav_tab_active_bg.gif) bottom repeat-x;}
		div.portal-nav-wrap a.portal-nav-tab-active:link {color:#FFFFFF;}
		div.portal-nav-wrap a.portal-nav-tab-active:visited {color:#FFFFFF;}
		div.portal-nav-wrap a.portal-nav-tab-active:hover {color:#FFFFFF; text-decoration:none;}
	.tab-text {padding-top:8px; clear:none; float:left;}	

/* content column base font class settings - may be over-ridden by asset instances */
div.portal-content-left-wrap p, div.portal-content-right-wrap p {margin:0px 10px 1em 10px; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
	div.portal-content-left-wrap p {color:#333333;}
	div.portal-content-right-wrap p {color:#ffffff;}
		
div.portal-content-left-wrap ul {color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
div.portal-content-left-wrap ol {color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}	
	div.portal-content-left-wrap li {color:#333333;}
	
div.portal-content-right-wrap ul {padding-top:5px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
div.portal-content-right-wrap ol {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}		
	div.portal-content-right-wrap li {color:#ffffff;}

/* column titles - h1 class */
div.portal-content-left-wrap h1 , div.portal-content-right-wrap h1 {margin:1.5em 10px 1em 10px; padding: 0px 0px 0.5em 0px; text-transform:uppercase; font-family:Tahoma, Verdana, Arial; font-size:0.9em; font-weight:bold; clear:both;}
	div.portal-content-left-wrap h1 {background:url('cont_ltitle_bg.gif') bottom repeat-x; color:#333333;}
	div.portal-content-right-wrap h1 {background:url('cont_rtitle_bg.gif') bottom repeat-x; color:#ffffff;}

/* form assets */ 
/* search box & form globals*/
div.portal-col-search-box {padding:5px 15px 5px 15px; background:url('cont_rcol_listing_bg.gif') bottom repeat-y; text-align:left;}	
	
/* search */
div.portal-col-search-state, div.portal-col-search-zip {text-align:left; margin-bottom:5px;  padding:0.2em 0px 15px 0px; background:url(search_bar_bg.gif) bottom repeat-x #242424; text-align:left;} 

	/* search state */	
		div.portal-col-search-state label {clear:both; margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; text-transform:uppercase; color:#9EE2FF;} 
		div.portal-col-search-state select {margin:5px 10px 0px 10px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-transform:none; color:#333333;}
		
	/* search zip */
		div.portal-col-search-zip label {clear:both; margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; text-transform:uppercase; color:#BED730;}
		div.portal-col-search-zip input {margin:5px 10px 0px 10px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-transform:none; color:#333333;}
		div.portal-col-search-zip input.sub-button  {height:20px; top:2px; position:relative;}

/* story assets */
/* story column listing */
div.portal-col-story-list {margin-top:5px; margin-bottom:5px;background:url('cont_rcol_listing_bg.gif') bottom repeat-y;}
div.portal-col-story-list p {font-size:0.8em; padding:0.5em 10px 1em 10px; font-family:Arial, Helvetica, sans-serif; background:url(cont_dotted.gif) bottom repeat-x;}
div.portal-col-story-list ul {margin:0.5em 10px 0.5em 10px; padding:5px 0px 5px 0px;}
div.portal-col-story-list li {list-style-type:none; font-size:0.9em; margin:0px 10px 0px 10px; padding:0.5em 0px 0.5em 0px; font-family:Arial, Helvetica, sans-serif; color:#def73b; background:url(cont_dotted.gif) bottom repeat-x;}
div.portal-col-story-list a {color:#def73b; font-weight:normal;}
div.portal-col-story-list a:link {color:#def73b;}
div.portal-col-story-list a:visited {color:#def73b;}
div.portal-col-story-list a:hover {color:#ffffff; text-decoration:none;}

/* school listings */
div.portal-school-list {clear:both; padding-top:5px; padding-bottom:0px; background: url(listing_top.gif) left top no-repeat;}
div.portal-school-text {float:right; width:370px; background:url(listing_bot.gif) bottom right no-repeat;}
div.portal-school-list h2 {margin:0px 15px 0px 15px; padding:0.5em 0px 0.5em 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-transform:uppercase; color:#333333;}
div.portal-school-list p {clear:right; margin:0px 0px 0px 15px; padding:0px 15px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#333333;}
div.portal-school-list h2 a {font-size:0.95em;}
div.portal-school-list h2 a:link {color:#216799;}
div.portal-school-list h2 a:visited {color:#216799;}
div.portal-school-list h2 a:hover {color:#000000;}
div.school-brand {float:left; clear:left; margin-left:10px; border:0px;}
div.school-brand img {border:0px; margin-top:9px;}

/* location listings */
div.portal-location-list {clear:both; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
div.portal-location-list h2 {float:left; width:30%; margin:0px 0px 0.5em 15px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-transform:capitalize; color:#333333; clear:none;}
div.portal-location-list h2 a {font-size:0.95em;}
div.portal-location-list h2 a:link {color:#216799;}
div.portal-location-list h2 a:visited {color:#216799;}
div.portal-location-list h2 a:hover {color:#000000;}

/* CTA collateral assets */

/* bottom grey content bar */
div.portal-cont-bottom-bar {vertical-align:bottom; height:85px; clear:both; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(cont_bottom.jpg) left bottom no-repeat;}
div.portal-cont-bottom-bar p {float:left; margin:0px 0px 0px 100px; width:300px; padding:20px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-transform:uppercase; color:#ffffff;} 
div.portal-cont-bottom-bar img {float:right; padding:50px 0px 0px 0px; margin:0px 20px 0px 0px; display:inline; vertical-align:bottom; border:0px;}

/* promotional box */
/* TO BE ACTIVATED ON REQUEST - CURRENTLY STATIC IMAGE. COULD MAKE DIV WITH GRAPHICAL BG, AND HTML TEXT */

/* FIXES */
	/* ERROR HANDLE */
/* clearfix */
.clearfix:after {content:'.'; display:block; height:0px; clear:both; visibility: hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */