/*#Top#*/
html
{
	background-image: url(http://www.ecampustours.com/images/ui/site_bg.aspx);
	background-repeat: repeat-y;
	background-color: #99a;
	height: 100%;
}

body
{
	background-color: #99a;
	font-family:  Verdana, Helvetica, Arial, san-serif;
	font-size: 11px;
	color: #333;
	margin: 0px 0px 0px 0px;
	display: block;
	background-image: url(http://www.ecampustours.com/images/ui/site_bg.aspx);
	background-repeat: repeat-y;
}

a:link, a:visited 
{
	color: #e61;
	text-decoration: underline;
}

a:hover 
{
	color: #e61;
	text-decoration: none;
}

h1 
{
	font-size: 17px;
	font-weight: bold;
	color: #423175;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.content 
{
	width: 922px;
	float: left;
	display: block;
}

.topHomepageContent
{
	width: 922px;
	float: left;
	background-color: #ddd;
	display: block;
	clear: right;
}

.middleHomepageContent
{
	width: 914px;
	height: auto;
	float: left;
	display: block;
	background-color: #ddd;
}

.bottomHomepageContent
{
	background-image: url(http://www.ecampustours.com/images/ui/welcome_bg.aspx);
	background-repeat: no-repeat;
	width: 921px;
	height: auto;
	float: left;
	display: block;
}

/***********************************************/

/*# Header Area #*/

.header 
{
	background-image: url(http://www.ecampustours.com/images/ui/header_bg.aspx);
	background-repeat: no-repeat;
	width: 922px;
	height: 122px;
	display: block;
	float: none;
}

.topNavText 
{
	color: #fff;
	text-align: right;
	font-size: 10px;
	position: absolute;
	left: 590px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	width: 320px;
	text-align: right;
}

.topNavTextInstance 
{
}

.topNavTextSeparator 
{
}

.topNavText a:link, .topNavText a:visited 
{
	color: #eee;
	text-decoration: none;
}

.topNavText a:hover 
{
	color: #fff;
	text-decoration: underline;
}

/* End Header Area */

/***********************************************/

/*# Virtual Tour Search Area #*/

.VTsearch 
{
	background-image: url(http://www.ecampustours.com/images/ui/vt_search_bg.aspx);
	background-repeat: no-repeat;
	width: 324px;
	height: 63px;
	position: absolute;
	left: 380px;
	top: 15px;
	text-align: right;
	padding: 10px 0px 0px 0px;
	display: block;
}

.VTsearch img 
{
	margin: 12px 14px 0px 10px;
	float: right;
}

.VTsearchForms 
{
	margin: 0px 0px 3px 0px;
}

input, select 
{
	font-family: Verdana;
	font-size: 11px;
	color: #444444;
}

/* End Virtual Tour Search Area */

/***********************************************/

/*# Navigation Bar Area #*/

.navigationArea 
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_bg.aspx);
	background-repeat: repeat-x;
	padding: 13px 0px 0px 45px;
}

.navTabInstance 
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_tab_bg.aspx);
	background-repeat: repeat-x;
	height: 19px;	
	padding: 4px 5px 0px 5px;
	display: block;
	float: left;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.navTabInstance a:link, .navTabInstance a:visited 
{
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.navTabInstance a:hover 
{
	font-family: Verdana;
	font-size: 11px;
	color: #423175;
	font-weight: bold;
	text-decoration: none;
}


.navTabLeftEnd 
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_left_end.aspx);
	background-repeat: no-repeat; 
	width: 10px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	border-bottom: 1px solid #fff;
}

.navTabRightEnd 
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_right_end.aspx);
	background-repeat: no-repeat;
	width: 10px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	border-bottom: 1px solid #fff;
}

.navTabInstanceSelected
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_tab_bg_raised.aspx);
	background-repeat: repeat-x;
	height: 23px;	
	padding: 4px 5px 0px 5px;
	display: block;
	float: left;
	text-align: center;
}

.navTabInstanceSelected a:link, .navTabInstanceSelected a:visited 
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #423175;
}

.navTabInstanceSelected a:hover 
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.navTabLeftEndSelected
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_left_end_raised.aspx);
	background-repeat: no-repeat; 
	width: 11px;
	height: 23px;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.navTabRightEndSelected
{
	background-image: url(http://www.ecampustours.com/images/ui/nav_right_end_raised.aspx);
	background-repeat: no-repeat;
	width: 11px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
}

/* End Navigation Bar Area */

/***********************************************/

/*# Main Login and Flash Container Area #*/

.leftColumn
{
	width: 245px;
	height: auto;
	background-color: #ddd;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

.loginFlashArea 
{
	background-color: #ddd;
	width: 677px;
	height: 243px;
	margin: 0px;
	position: relative;
	float: left;
	
}

.loginContainer
{
	float: left;
	display: block;
	width: 245px;
}

.login 
{
	width: 229px;
	padding: 5px 0px 0px 10px;
	background-color: #fff;
	border-right: 6px solid #ddd;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	float: none;
}

.login td
{
	padding: 0px 5px 0px 0px;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
}

.login img
{
	margin: 12px 0px 0px 0px;
}

.login a:link, .login a:visited 
{
	color: #423175;
	text-decoration: underline;
}

.login a:hover 
{
	color: #423175;
	text-decoration: none;
}

.HPmyportfolioGo
{
	float: left;
	padding: 14px 5px 0px 0px;
	height: 24px;
	clear: right;
}

.whySignUpContainer 
{
	margin: 0px 0px 0px 0px;
	width: 235px;
	background-color: #ddd;
	padding: 15px 0px 10px 10px;
	line-height: 16px;
	float: left;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}

.whySignUp p
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 12px;
}

.whySignUp a:link, .whySignUp a:visited 
{
	color: #333;
	text-decoration: underline;
	font-size: 10px;
	line-height: 12px;
}

.whySignUp a:hover 
{
	color: #333;
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
}

.flashContainer 
{
	float: left;
	display: block;
	background-color: #fff;
	vertical-align: middle;
}

/* End Login and Flash Container Area */

/***********************************************/

/*# Main Featured Tours Area #*/

.featuredTours 
{
	background-image: url(http://www.ecampustours.com/images/ui/featured_tours_bg.aspx);
	background-repeat: repeat-x;
	padding: 14px 0px 10px 8px;
	width: 100%;
	margin: 0px;
	float: left;
}

.featuredTourInstance
{
	float: left;
	background-image: url(http://www.ecampustours.com/images/ui/ft_container_bg.aspx);
	background-repeat: no-repeat;
	width: 225px;
	height: 88px;
	vertical-align: middle;
	font-size: 10px;
}

.featuredTourInstance img 
{
	padding: 5px 0px 0px 5px;
	float: left;
}

.FTtext 
{
	float: left;
	margin: 11px 0px 0px 5px;
	width:  120px;
}

.FTtext img
{
	padding: 5px 0px 0px 0px;
}



/* End Main Featured Tours Area */

/***********************************************/

/*# Main Bottom Area #*/

.bottomArea 
{
	background-image: url(http://www.ecampustours.com/images/ui/welcome_bg.aspx);
	background-repeat: no-repeat;
	width: 922px;
	margin: 0px;
	height: 292px;
	float: left;
}

.promoAds 
{
	padding: 0px 0px 0px 17px;
	float: left;
}

.promoAds img
{
	padding: 0px 0px 9px 0px;
	float: none;
}

.welcomeArea 
{
	float: left;
	display: block;
	width: 680px;
}

.welcomeText
{
	padding: 20px 0px 0px 35px;
	width: 626;
	line-height: 14px;
	float: left;
}

/* End Main Bottom Area */

/***********************************************/

/*# Main Footer #*/

.footer 
{
	width: 922px;
	height: 74px;
	text-align: right;
	float: none;
	display: block;
}

.footer img
{
	margin: 15px 10px 0px 0px;
}

.bottomNavText
{
	color: #fff;
	text-align: left;
	margin-left: 300px;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.bottomNavTextInstance 
{
}

.bottomNavTextSeparator 
{
}

.bottomNavText a:link, .bottomNavText a:visited 
{
	color: #eee;
	text-decoration: none;
}

.bottomNavText a:hover 
{
	color: #fff;
	text-decoration: underline;
}


/* End Main Footer */

/***********************************************/
/* Subpage divs */
/***********************************************/

/*# Left Column #*/

.CPleftColumn 
{
	width: 245px;
	height: auto;
	background-color: #ddd;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	padding-bottom: 10px;
}

.CPmyPortfolio 
{
	padding: 5px 0px 0px 11px;
	background-color: #fff;
	border-right: 6px solid #ddd;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
}

.CPloginArea
{
	float: left;
	clear: right;
	width: 100%;
}

.loginAreaFields
{
	float: left;
	padding: 15px 5px 0px 0px;
	height: 30px;
}

.loginAreaLinks
{
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
}

.loginAreaLinks a:link, .loginAreaLinks a:visited 
{
	color: #423175;
	text-decoration: underline;
}

.loginAreaLinks a:hover 
{
	color: #423175;
	text-decoration: none;
}

.CPmyportfolioGo 
{
	float: left;
	padding: 27px 5px 0px 0px;
	height: 24px;
	clear: right;
}

.lightpurpleText 
{
	color: #836ACD;
	font-weight: bold;
}


.purplesubhd {
	color: #836ACD;
	font-weight: bold;
	width: 200px;
	border: 0px;
	background-color: #ddd;	


}

.CPtopArticleHeadline 
{
	padding: 20px 0px 0px 11px;
	font-size: 11px;
	font-weight: normal;
	width: 225px;
	background-color: #ddd;
border-right: 6px solid #ddd;

}

.CPtopArticlesSection
{
	height: 100%;
	float: left;
	display: block;
	background-color: #ddd;
	background-image: url(http://www.ecampustours.com/images/ui/cp_leftcolumn.aspx);
	background-repeat: repeat-y;
	position: relative;
}

/* Additional style elements contained in eCampusTopArticles.css */

/* End Left Column */

/***********************************************/

/*# Subpage Text Area #*/

.CPcontent 
{
	background-color: #fff;
	width: 677px;
	height: 100%;
	float: left;
	position: relative;
	min-height: 500px;
}

.CPcontentText
{
	margin: 20px 0px 50px 19px;
	font-size: 11px;
	width: 612px;
	height: 100%;
}

/* End Subpage Text Area*/

/***********************************************/

/*# Subpage Footer #*/

.CPfooter 
{
	width: 922px;
	height: 102px;
	display: block;
	background-image: url(http://www.ecampustours.com/images/ui/cp_footer_bg.aspx);
	background-repeat: repeat-y;
	text-align: right;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

.CPfooter img
{
	margin: 8px 0px 0px 8px;
	border: 0px;
}

/* End Subpage Footer*/

/***********************************************/

/*# Subpage Tools Links #*/

.toolsLink 
{
	margin: 0px 0px 3px 11px;
	font-size: 11px;
	font-weight: normal;
	width: 225px;
	line-height: 16px;
}

.toolsLink a:link, .toolsLink a:visited 
{
	color: #333;
	text-decoration: underline;
}

.toolsLink a:hover 
{
	color: #333;
	text-decoration: none;
}

/* End Subpage Tools Links */

/***********************************************/

/*# Search Area Link #*/
.searchToolBoxWrapper
{
	background-color: #f7f7f7;
	border-right: 5px solid #ddd;
}

.searchToolBox 
{
	padding: 5px 0px 0px 11px;
	font-size: 11px;
	font-weight: normal;
	width: 225px;
	background-color: #F7F7F7;
}

#bottomcurve img {
	margin-top: 5px;
}

.searchButton  {
	padding: 3px 0 0px 5px;
	position: absolute;
	
}

.searchBox {
	padding-top: 1px;
	margin: 5px 0 0 0;

}

/* End Search Area Link */



/*# List Menu Links #*/  
#menuElem {
	margin: 5px 0px 3px 0px;
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	padding-left: 0px;
	

}

#menuElem ul {
	margin: 5px 0px 3px 0px;
	padding-left: 0;
	
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	

}


#menuElem ul li {
	margin: 0px;
	
	padding: 3px 3px 3px 8px;
	font-size: 11px;
	font-weight: normal;
	background-color: #eee;
		

}

#menuElem li:after {
	/*content: url(http://www.ecampustours.com/images/ui/cp_arrow);		*/

}

#menuElem li ul li:after {
	content: none;		

}

#menuElem a:link  
{
	color: #333;
	text-decoration: none;
	line-height: 16px;
}

#menuElem a:visited 
{
	color: #A2591E;
	text-decoration: none;
	line-height: 16px;
}

#menuElem a:hover 
{
	color: #333;
	text-decoration: underline;
	line-height: 16px;
}


.menuLink {
	margin: 5px 0px 3px 11px;
}

/*

/*# Menu Links #*/  
.menuLinkCMSTreeMenuTable
{
	margin: 5px 0px 3px 11px;
	font-size: 11px;
	font-weight: normal;
	width: 225px;

	
}

.menuLinkCMSTreeMenuTable td
{
	padding: 2px 0; 

	
}
.menuLinkCMSTreeMenuTable a:link
{
	color: #333;
	text-decoration: none;
}

.menuLinkCMSTreeMenuTable a:visited 
{
	color: #A2591E;
	text-decoration: none;
}

.menuLinkCMSTreeMenuTable a:hover 
{
	color: #333;
	text-decoration: underline;
}


.menuLinkCMSTreeMenuItem 
{
	margin: 5px 0px 3px 11px;
	font-size: 11px;
	font-weight: normal;
	width: 225px;
	text-indent: -5px;
}

.menuLinkCMSTreeMenuItem a:link
{
	color: #333;
	text-decoration: none;
}

.menuLinkCMSTreeMenuItem a:visited 
{
	color: #A2591E;
	text-decoration: none;
}


.menuLinkCMSTreeMenuItem a:hover 
{
	color: #333;
	text-decoration: underline;
}

.menuSubLink 
{
	width: 233px;
	font-size: 10px;
	font-weight: normal;
	background-color: #eee;
}

.menuSubLink a:link
{
	color: #231256;
	text-decoration: underline;
}

.menuSubLink a:visited
{
	color: #a2591e;
	text-decoration: underline;
}

.menuSubLink a:hover 
{
	color: #231256;
	text-decoration: none;
}

.menuSubLink ul
{
	list-style: none;
	margin: 0px 20px 3px 20px;
	padding: 5px;
}

.menuSubLink li
{
	text-indent: -8px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.menuLinkArticles ul
{
	list-style: none;
	margin: 0px 20px 3px 20px;
	padding: 5px;
	font-size: 10px;
}

.menuLinkArticles li
{
	text-indent: -8px;
	list-style: none;
	padding-right: 0px;
}

.menuLinkArticles a:link, .menuLinkArticles a:visited 
{
	color: #231256;
	text-decoration: underline;
}

.menuLinkArticles a:hover 
{
	color: #231256;
	text-decoration: none;
}


/* End Menu Links */

/*# College Search Results #*/

.CollegeSearchResultsHeader1
{
	width:250px;
	background-color:#aaa;
	border: solid 1px #bbb;
}

.CollegeSearchResultsHeader2
{
	width:90px;
	background-color:#ddd;
	border: solid 1px #bbb;
}

.CollegeSearchResultsItem1
{
	width:250px;
	background-color:#ddd;
	border: solid 1px #bbb;
	text-align: left;
}

.CollegeSearchResultsItem2
{
	width:90px;
	background-color:#eee;
	border: solid 1px #bbb;
	text-align: center;
}

.CollegeSearchResultsItem1Alt
{
	width:250px;
	background-color:#ccc;
	border: solid 1px #bbb;
	text-align: left;
}

.CollegeSearchResultsItem2Alt
{
	width:90px;
	background-color:#ddd;
	border: solid 1px #bbb;
	text-align: center;
}

/* End College Search Results */

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

div.collegeinfo{width: 287px;background: #F4F4F4;margin-bottom: 20px;}
div.collegeinfo h3{font-size: 100%;margin:0;padding: 0 0 3px;background: #46357A;color: #FFF;text-align: center;}
div.collegeinfo p{margin:0;padding: 5px 10px;line-height: 1.3;text-align: left;}

.CollegeDisplayItem1
{
	font-weight: bold;
	vertical-align: top;
	widows: 116px;
}

.CollegeDisplayItem2
{
	vertical-align: top;
	widows: 171px;
}

.BoldRed {
color:Red;
font-weight:bold;
}

.SignInInstructions, .SignInInstructionsRight {
border-bottom:1px solid Gray;
text-align:left;
}
/*# Forms #*/
.formDivider {
	FONT-WEIGHT: bold;
	background-color: #efefef;
	line-height: 20px;
}

.validationError
{
	color: red;
}

.EditingFormErrorLabel
{
	color: red;
}

.orderform {
	
		border: 0;
}

.orderform td {
	padding: 3px 2px;
}

.colwidth td {
	width: 50px;
}

/*#table styles#*/

#ecampustable
{
		
	margin-left:auto; 
	margin-right:auto;
	border-collapse: collapse;
	width: 100%;
}

#ecampustable th
{
	
	padding: 10px 8px;
	color: #423175;
	text-align: center;	
	border-bottom: 2px solid #135;
		
}


#ecampustable td
{
	padding: 8px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: left;	
			
	
}

#ecampustable .odd
{
	background: #eee; 
}


/*#Site Map#*/
#siteMapPath{
	padding-left: 		10px;
}



.CMSSiteMapList li {
	
	list-style-type: none;
	padding: 5px 0 0 0;
	list-style-position: inside;
}


.CMSSiteMapList ul {
	
	text-indent: -20px;
}


.CMSSiteMapListItem li ul {
	
	text-indent: -30px;
}

/*#Dynamic Navigation Header Images#*/
#collegeplanning{
background: transparent url(http://www.ecampustours.com/images/ui/collegeplanningheader.gif) no-repeat top left;
}

#campuslife {
width: 100px;
height: 100px;
background: transparent url(http://www.ecampustours.com/images/ui/campuslifeheader.gif) no-repeat top left;
}


.emailbody {
	background-color: #fff;
	width: 700px;
}


.emailbodybg {
	padding: 10px 5px 20px;

}

.emailheader {
	background-color: #231256;
	height: 100px;
	

}
.sendtofriend {
	margin-top: 30px;
	line-height: 25px;
	font-weight: bold;
}

	
/*ADDED 07/27/2011*/	
h2{font-size:18px;}	
strong{font-size:.95em; font-weight:bold;}
.scholarshipSearch-wrap{
	width:700px!important;}
.scholarshipSearch-wrap table{
	width:700px;}	
.scholarshipSearch-wrap table tr th{
	background:#7f9acb!important;}	
.scholarshipSearch-wrap table tr th.GridHeader_none{
	display:table-cell;}
.scholarshipSearch-wrap table tr td{}	
.scholarshipSearch-wrap table tr.GridPager_none td{
	background:#7f9acb!important;}
	
/* percentGRID24-row ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.percentGRID24-row{
	display:block;
	clear:both;
	width:100%;
	overflow:visible;}
.percentGRID24-row:after{
	/*IE-6 and IE-7 does NOT support ":after", so need to triger has-layout for those 2 browsers*/
    content:".";
    display:block;
    height:0;
    clear:both; position:relative;
    visibility:hidden;}
.percentGRID24-row{
	display:inline-block;}
/* Hide from IE Mac \*/
.percentGRID24-row{display:block;}
/* End hide from IE Mac */
.percentGRID24-row .GRID-col{
	display:block;
	float:left;
	zoom:1;	
	height:100%;
	vertical-align:top;
	/* 12 col GRID:
	margin-right:3%;*/
	margin-right:2.5%;
	*margin-right:2%;/*ie-7, IE6 Fix*/
	overflow:visible;
	word-wrap: break-word;/*IE-only*/}
	
/* 12 col GRID:

/* 24 col GRID:*/
.percentGRID24-row .span-1{		width:1.75%;}
.percentGRID24-row .span-2{		width:6%;}
.percentGRID24-row .span-3{		width:10.25%;}
.percentGRID24-row .span-4 {	width:14.5%;}
.percentGRID24-row .span-5 {	width:18.75%;}
.percentGRID24-row .span-6 {	width:23%;}
.percentGRID24-row .span-7 {	width:27.25%;}
.percentGRID24-row .span-8 {	width:31.5%;}
.percentGRID24-row .span-9 {	width:35.75%;}
.percentGRID24-row .span-10{	width:40%;}
.percentGRID24-row .span-11{	width:44.25%;}
.percentGRID24-row .span-12{	width:48.5%;}
.percentGRID24-row .span-13{	width:52.75%;}
.percentGRID24-row .span-14{	width:57%;}
.percentGRID24-row .span-15{	width:61.75%;}
.percentGRID24-row .span-16{	width:66%;}
.percentGRID24-row .span-17 {	width:70.25%;}
.percentGRID24-row .span-18 {	width:74.5%;}
.percentGRID24-row .span-19 {	width:78.75%;}
.percentGRID24-row .span-20 {	width:83%;}
.percentGRID24-row .span-21 {	width:87.25%;}
.percentGRID24-row .span-22{	width:91.5%;}
.percentGRID24-row .span-23{	width:95.75%;}
.percentGRID24-row .span-24{	width:100%;}
.percentGRID24-row .last{
	margin-right:0;}
.percentGRID24-row .last:after{
	content: '';
	clear:both;}
	
