/* div {padding:10px;border:1px solid #000;}temporary during setup */
form#MainForm {
	width: 100%;
	height:auto!important;
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
}
p {}
a {
	/*color: #28668A;*/
	text-decoration: underline;
	color:#002663;
}
a:hover{
	/*color: #6E6E6E;*/
	text-decoration: underline;
}
img {border: none;}
textarea {width:350px;}
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #002663;
	margin-bottom: 0;
}
h1{font-size: 190%;}
h2{font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}

.PageTitleHeader, .PageSubTitleHeader {font-size:12px;font-weight:bold;}

.expand img {
	background-color: #002663;
	float: none;
	display: block;
}
.expand {
	background-color: #002663;
}
/* block - prevents NS/SAFARI info box stuff */
.instructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{
	display:block;
}

/* box settings */
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile {
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
}
.instructions {
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
}
.DataGridHeader {}
.EventDonationDetail {width:250px;}
	
/*  core */
.HelpButton {
	color: #ffffff;
	background-color: #8E9296;
	border: solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 2px;
	font-weight: bold;
	width: 48px;
	text-align: center;
}
.Error, .error {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #BF0000;
	background-color: #FFE8E8;
	background-image: url(/images/icons/v2/common/exclamation.gif);
	background-repeat: no-repeat; 
	background-position: 2px;
	border: 1px solid #BF0000;
}
.Error,.error {width:auto!important}
.Success, .success {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #008000;
	background-color: #D0E8D0;
	background-image: url(/images/icons/v2/common/accept.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	border: 1px solid #008000;
}
.DataGridAltItem {background: #e8e8e8;}
.DataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 20px;
	text-align: right;
}

/*profile */
.ProfileHeader {
	font-weight : bold;
}
.ProfilePageTabHeadings {
	font-weight:bold;
}

/* search */
.SearchResultsDataGridAltItem {
	background: #e8e8e8;
}
.SearchResultsDataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 50px;
}

/* message boards */
table.HotTopics {
	width:250px;
}
.MsgItem {
	background-color: #cccccc;
}
.MsgItemSubject {
	background-color: #cccccc;
}
.MsgItemInverse {
	background-color: #e8e8e8;
}
.MsgItemSubjectInverse {
	background-color: #e8e8e8;
}	
.LastPostingText {
	font-style: italic;
	color: #6B6B6B;
}
.BadWordHighlight {
	font-weight: bold;
	color: #c42830;
}
.MsgsReplyText {}
.MsgsDates {}

/* file library */
.FileLibFileDetails {
	background-color: #BCB8B8;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
.FileLibraryFileList {
	background-color: #E4E4E4;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
/* news */
/* events */
td.StoreItemHeader {
	border-color: #666666;
}

/* donations */
.DonationPaymentAmount {
	background-color: #E4E4E4;
	border: solid;
	border-width: 1px;
	padding: 2px 5px 2px 5px;
	border-color: #0057F;
}

/* pagemanager */
table.PageManager {
	border: solid;
	border-width : 0px;
	border-color : #002963;
}
/* photo albums */
/* communications utility */
table.CommUtil {
	/*width: 560px;*/
}
td.CommUtilHeader {
	background-color:#CCCCCC;
	color:#FFFFFF;
}
/* community specific */


/**************************************************************************************/
/**************************************************************************************/
/* BUILD */
/**************************************************************************************/
/**************************************************************************************/

.cleaR {clear:both;}
/*div {padding:10px;border:1px solid #000;} temporary during setup */


body {
	
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
background-color: #fffbf1;
	
	}
#structWrapper {text-align:center;margin:0px;padding:0px;background: #fffbf1 url(images/body-bg-stretch.jpg) top left repeat-x;}
#structContainer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: url(images/container-bg-int.gif) repeat-y;
}
.start #structContainer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: url(images/container-bg.gif) repeat-y;
}
#structHeader {
	background: #fff url(images/header-bg-no-seal.gif) no-repeat;
	height:143px;
	width:900px;
}
#ContentMemberTools {float:right;position:relative;z-index:1;margin-top:15px;width:100%;display:block;height:18px;}
#ContentMemberTools ul {margin:0px;padding:0px;float:right;}
#ContentMemberTools li {list-style-type:none;float:left;padding-left:2px;}
#ContentMemberTools li a{display:block;color:#fff;text-decoration:none;font-size:12px;padding:2px 4px;background-color:#6f6f6f;display:none;}

h1#structLogo {padding:0;margin:0;float:left;position:relative;z-index:0;}
h1#structLogo a{display:block;text-indent:-999em; background: url(images/hpu-logo.png) -128px 0px no-repeat; width:280px; height:117px;margin:-15px 0px 0px 5px;  }
/*#structLogo {
	width:230px;
	height:92px;
	float:left;
	background-color:#CCCCCC;
}*/
#ContentSearch {
	width:190px;
	background:url(images/search-icon.png) top left no-repeat;
	float:right;
	clear:right;
}
input.searchbx {width:150px;height:18px;border:1px solid #2f639a;background-color:#2f639a;margin-top:25px;color:#fff;}
input.searchbx:focus, textarea.searchbx:focus {border:1px solid #2f639a;background-color:#2f639a!important;}


#structColumn1 {
	width:220px;
	float:left;
	margin:0px;
	padding:0px;
clear:both;
}

#structColumn1 h3 {background: url(images/discover-hpu.gif) top left no-repeat;text-indent:-999em;width:220px;height:55px;margin:0px;padding:0px;}

	
/********************************************************************************/
#ContentLeftNav {}
#ContentLeftNav li#TopNav{display:none;}
#ContentLeftNav ul{margin:0px;padding:0px;}
#ContentLeftNav li{list-style-type:none;background: url(images/nav-btm-border.gif) bottom left no-repeat;text-transform:uppercase;}
#ContentLeftNav li a{height:1%;display:block;padding:5px 15px 5px 28px;color:##002663;text-decoration:none;font:14px Arial, Verdana, Helvetica, sans-serif;}
#ContentLeftNav li a:hover {text-decoration:underline;}

/*#ContentLeftNav li.selected a {background-color:#f0da9d;}
#ContentLeftNav li.selected li {background:none;} 
#ContentLeftNav li.selected li a {background:none;text-transform:none;padding-top:2px;padding-bottom:2px;font-size:12px;}
#ContentLeftNav li li.selected a {font-weight:bold;}
#ContentLeftNav li li.selected ul {padding-left:10px;}
#ContentLeftNav li li.selected li a {font-weight:normal;padding-top:2px;padding-bottom:2px;}
#ContentLeftNav li li li.selected a {font-weight:bold;}
#ContentLeftNav li li li.selected li a {font-weight:normal;padding-left:10px;}*/

#ContentLeftNav li.moveUp ul {margin-top:-140px;}

#ContentLeftNav li.moveUp ul ul {margin-top:-22px;}

/* Second Level Groups */
	#ContentLeftNav li ul {position: absolute; left: -999999px; margin:-25px 0px 0px 200px;float:none; width:200px;padding:0px;z-index:999999;}
	#ContentLeftNav li li {margin:0px;padding:0px;}
	#ContentLeftNav li li a { font-size:12px;padding:0px;height:1%;padding:4px 0px 5px 5px;border:none;width:200px;font-weight:normal;color:#fff;border-bottom:1px solid #28487B;background-color:#001a43;text-transform:none;}
	#ContentLeftNav li li:hover a, #ContentLeftNav li li.sfHover a{color:#FFD451;}
	
	/* Third Level Groups */
	#ContentLeftNav li li ul { margin:-25px 0 0 200px;}
        #ContentLeftNav li li li{margin:0px;padding:0px;}
	#ContentLeftNav li li li a { background-color:#28487B;border-bottom:1px solid #002663;color:#fff!important;}
	#ContentLeftNav li li li:hover a, #ContentLeftNav li li.sfHover a{color:#FFD451!important;}
	
	
	/* The Magic */
	#ContentLeftNav li:hover ul ul,
	#ContentLeftNav li:hover ul ul ul,
	#ContentLeftNav li.sfhover ul ul,
	#ContentLeftNav li.sfhover ul ul ul { left: -999em;}
	
	#ContentLeftNav li:hover ul,
	#ContentLeftNav li li:hover ul,
	#ContentLeftNav li li li:hover ul,
	#ContentLeftNav li.sfhover ul,
	#ContentLeftNav li li.sfhover ul,
	#ContentLeftNav li li li.sfhover ul { left: auto;}
	
/********************************************************************************/

#structColumn2 {
	width:680px;
	float:left;
        min-height:600px;
        height:auto!important;
        height:600px;
}
#structColumn2 h3 {font-family:Trajan Pro, Verdana, Arial, Sans-serif;font-weight:bold;color:#002663}

#ImageRotatorWrapper {width:680px;height:224px;background: url(images/int-rotator-bg.gif) top left no-repeat;}
#ContentImageRotator {width:645px;height:199px;margin:0px 0px 0px 19px;overflow:hidden;z-index:0;position:relative;}


#ContentBreadCrumbs {padding:2px 0px 0px 20px;}
#ContentBreadCrumbs ul{padding:0;margin:5px 0 10px 0;list-style:none;float:left;border:1px solid red;}
#ContentBreadCrumbs li{padding:0;margin:0;float:left;list-style-type:none;}
#ContentBreadCrumbs li#TopNav{display:none;}
#ContentBreadCrumbs li a{display:block;text-decoration:underline;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
#ContentBreadCrumbs li.navselected a{font-weight:bold;text-decoration:none;}

h2#ContentpageName {
	background: url(images/trans-overlay.png) repeat;
	height:40px;
	color:#fff;
	text-align:right;
        width:635px;
padding:10px 10px 0px 0px;
margin-left:19px;
z-index:998;
margin-top:-50px;
_margin-top:-48px;
position:relative;
}
#ContentMiddle {
	clear:both;
	padding:10px;
}
.start #ContentMiddle {
	clear:both;
	padding:10px;
	width:410px;
}

#structFooterWrapper {
	clear:both;
}
#ContentFooter2 {
	background-color:#002663;
	height:25px;
	color:#fff;
	text-align:center;
padding-top:8px;
}

#ContentFooter2 a {color:#fff;}
#ContentFooter {
	background-color:#fffbf1;
	height:25px;
	color:#002663;
	text-align:center;
        padding-top:8px;
}
/**************************************************************************************/
/**************************************************************************************/
/* TEXT BASED - 1 level */
/***************************************************************************************/
/***************************************************************************************/
	#ContentToplinks {clear:right;margin:30px 0px 0px 0px;_margin:28px 0px 0px 0px;padding:0px;font-size:12px;float:right;width:53%;}
	#ContentToplinks ul{margin:0px;padding:0px;float:right;width:auto;}
	#ContentToplinks li{list-style-type:none;float:left;background: url(images/) right center no-repeat;}
	#ContentToplinks li a{display:block;padding:0px 8px;color:#ffd451;text-decoration:none;background: url(images/top-nav-divider.gif) right center no-repeat;font-family:Arial, Verdana, Sans-serif;}
	#ContentToplinks li a:hover{text-decoration:underline;}
	#ContentToplinks li#Majors a{background:none;}
/**************************************************************************************/





/**************************************************************************************/
/**************************************************************************************/
/**** Start *****/
/**************************************************************************************/
/**************************************************************************************/
.start h4#ContentStudentStories,
.start h4#ContentFacultyProfiles,
.start h4#ContentAbroad {padding-left:20px;text-transform:uppercase;margin-top:15px;}
.start h4#ContentStudentStories.toP{margin-top:40px;}

.start #ContentStudentBlock1, 
.start #ContentStudentBlock2,
.start #ContentStudentBlock3,
.start #ContentStudentBlock4,
.start #ContentStudentBlock5,
.start #ContentStudentBlock6,
.start #ContentStudentBlock7,
.start #ContentStudentBlock8,
.start #ContentFacultyBlock1,
.start #ContentFacultyBlock2,
.start #ContentFacultyBlock3,
.start #ContentAbroadBlock {background: #fff url(images/nav-btm-border.gif) bottom left no-repeat;padding:15px;margin-left:7px;}

.start #ContentMiddleLayoutStudentText1, 
.start #ContentMiddleLayoutStudentText2,
.start #ContentMiddleLayoutStudentText3,
.start #ContentMiddleLayoutStudentText4,
.start #ContentMiddleLayoutStudentText5,
.start #ContentMiddleLayoutStudentText6,
.start #ContentMiddleLayoutStudentText7,
.start #ContentMiddleLayoutStudentText8,
.start #ContentMiddleLayoutFacultyText1,
.start #ContentMiddleLayoutFacultyText2,
.start #ContentMiddleLayoutFacultyText3,
.start #ContentMiddleLayoutAbroadText {width:115px;float:left;}

.start #ContentStudentPic1, 
.start #ContentStudentPic2,
.start #ContentStudentPic3,
.start #ContentStudentPic4,
.start #ContentStudentPic5,
.start #ContentStudentPic6,
.start #ContentStudentPic7,
.start #ContentStudentPic8,
.start #ContentFacultyPic1,
.start #ContentFacultyPic2,
.start #ContentFacultyPic3,
.start #ContentAbroadPic {width:60px;float:right;padding-bottom:5px;}

.start #ContentStudentMore1, 
.start #ContentStudentMore2,
.start #ContentStudentMore3,
.start #ContentStudentMore4,
.start #ContentStudentMore5,
.start #ContentStudentMore6,
.start #ContentStudentMore7,
.start #ContentStudentMore8,
.start #ContentFacultyMore1,
.start #ContentFacultyMore2,
.start #ContentFacultyMore3,
.start #ContentAbroadMore {width:60px;float:right;clear:right;}


.start #ImageRotatorWrapper {width:680px;height:295px;background: url(images/start-rotator-bg.gif) top left no-repeat;}
.start #ContentImageRotator {width:645px;height:275px;margin:0px 0px 0px 19px;overflow:hidden;}

.start #LeftC {float:left;width:445px;margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.start #TABS {height:170px;}


/**** Start page - Tab Nav ****/
.start #ContentTabNav1 {width:435px;height:23px;margin-top:7px;}
.start #ContentTabNav1 ul {margin:0px 0px 0px 10px;padding:0px;}
.start #ContentTabNav1 li {list-style-type:none;float:left;height:23px;}
.start #ContentTabNav1 li a {
	display:block;
	font-size:11px;
	float:left;
	padding:3px 10px 3px 10px;
	height:23px;
	text-decoration:none;
	color:#002663;
	font-weight:normal;
	background-color:#f0f0f0;
	margin-right:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
/*	border-right:1px solid #fff;*/
}
.start #ContentTabNav1 li a:hover {
	color:#fff;
	background: #002663 url(images/) top left no-repeat;
}

.start #ContentTabNav1 #Blank {display:none;}

.start #Contentdiv0 h2, .start #Contentdiv1 h2 {display:none;}
.start #Contentdiv0, .start #Contentdiv1, .start #Contentdiv2, .start #Contentdiv3 {font-size:12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.start #Contentdiv0 {
	padding:15px;
	margin-top:0px;
	position:absolute;
	width:415px;
	height:120px;
	overflow:hidden;
	clip:rect(0 400 200 0);
	background-color:#fff; 
	layer-background-color:#fff;
	}
.start #Contentdiv1 {
    padding:15px;
	margin-top:0px;
	position:absolute;
	width:415px;
	height:120px;
	overflow:hidden;
	clip:rect(0 400 200 0);
	visibility:hidden;
	background-color:#fff; 
	layer-background-color:#fff;
	}

.start #Contentdiv2 {
    padding:15px;
	margin-top:0px;
	position:absolute;
	width:415px;
	height:120px;
	overflow:hidden;
	clip:rect(0 400 200 0);
	visibility:hidden;
	background-color:#fff; 
	layer-background-color:#fff;
	}
	
.start #Contentdiv3 {
    padding:10px;
	margin-top:0px;
	position:absolute;
	width:415px;
	height:120px;
	overflow:hidden;
	clip:rect(0 400 200 0);
	visibility:hidden;
	background-color:#fff; 
	layer-background-color:#fff;
	}

.start #Contentdiv0, .start #Contentdiv1, .start #Contentdiv2 {padding:10px;}
.start #Contentdiv0 p {float:left;display:block;width:280px;margin:0px;}
.start #Contentdiv0 .TabsRghtColumn {width:100px;float:right;}
.start #Contentdiv0 .TabsRghtColumn img {float:right;}
/* End Tab Nav
**************************************************************************************/
/**************************************************************************************/
#EventsWrapper {padding-top:10px;}
.start #LeftC h3 {margin-top:0px;padding:0px 10px 10px 10px;}
/*#eventWrapper {height:225px;overflow:auto;}*/
.start #ContentEventsOne {width:200px;padding:0px 10px;float:left;}
.start #EventOneImodDate {}
.start #ContentEvents {width:200px;padding-left:15px;float:left;}
.start #ContentEvents strong {color:#002663;}

.start #ContentNews h3 {margin-top:0px;border-bottom:1px solid #ccc;padding-bottom:5px;}
.start #ContentNews {width:210px;float:right;margin-right:7px;_margin-right:0px;}

#ContentMiddle #drag_c4022{clear:left;}