@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Arial, Helvetica, sans-serif;background-image: url(images/background.png);	background-repeat:repeat-x;}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:1024px;margin:0 auto;}
.fltFix{float:left;width:100%;}

a { color: #0066CC; text-decoration: underline; }
a:hover { color: #FDB702; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}


.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.header { background:transparent url(images/toolbar_top.png) no-repeat scroll left top;height:96px;margin:0;padding:34px 0 0 22px;width:100%;}

.header h1{padding:0;margin:4px 78px 0 28px;float:left; display:inline;}
.header h1 a{background:transparent url(images/IHPblack_white.jpg) no-repeat scroll left top;display:block;height:75px;text-indent:-999em;width:315px;}

#ContentHeaderPromo1,
#ContentHeaderPromo2,
#ContentHeaderPromo3,
#ContentHeaderPromo4{ margin:0; padding:20px 10px 0; height:65px; float:left;}   


#ContentToplinks{margin:0; padding:0; float:left;}
#ContentToplinks ul{margin:0; padding:0; float:left; width:900px; list-style:none;}
#ContentToplinks li{margin:0; padding:0; float:left;}
#ContentToplinks a{margin:0; padding:0; text-indent:-999em; display:block; width:100px; height:50px;}

#ContentToplinks li#Home a{ background: url(images/toolbar_home.png); }
#ContentToplinks li#AboutUs a{ background: url(images/toolbar_about_us.png); }
#ContentToplinks li#Housing a{ background: url(images/toolbar_housing.png); }
#ContentToplinks li#Programs a{ background: url(images/toolbar_programs.png); }
#ContentToplinks li#Alumni a{ background: url(images/toolbar_alumni.png); }
#ContentToplinks li#Facilities a{ background: url(images/toolbar_facilities.png); }
#ContentToplinks li#Donate a{ background: url(images/toolbar_donate.png); }
#ContentToplinks li#Gala a{ background: url(images/toolbar_gala.png); }
#ContentToplinks li#Calendar a{ background: url(images/toolbar_calendar.png); }

#ContentToplinks li#Home a:hover{ background: url(images/toolbar_home_f2.png); }
#ContentToplinks li#AboutUs a:hover{ background: url(images/toolbar_about_us_f2.png); }
#ContentToplinks li#Housing a:hover{ background: url(images/toolbar_housing_f2.png); }
#ContentToplinks li#Programs a:hover{ background: url(images/toolbar_programs_f2.png); }
#ContentToplinks li#Alumni a:hover{ background: url(images/toolbar_alumni_f2.png); }
#ContentToplinks li#Facilities a:hover{ background: url(images/toolbar_facilities_f2.png); }
#ContentToplinks li#Donate a:hover{ background: url(images/toolbar_donate_f2.png); }
#ContentToplinks li#Gala a:hover{ background: url(images/toolbar_gala_f2.png); }
#ContentToplinks li#Calendar a:hover{ background: url(images/toolbar_calendar_f2.png); }

#ContentToplinks li.selected#Home a{ background: url(images/toolbar_home_f2.png); }
#ContentToplinks li.selected#AboutUs a{ background: url(images/toolbar_about_us_f2.png); }
#ContentToplinks li.selected#Housing a{ background: url(images/toolbar_housing_f2.png); }
#ContentToplinks li.selected#Programs a{ background: url(images/toolbar_programs_f2.png); }
#ContentToplinks li.selected#Alumni a{ background: url(images/toolbar_alumni_f2.png); }
#ContentToplinks li.selected#Facilities a{ background: url(images/toolbar_facilities_f2.png); }
#ContentToplinks li.selected#Donate a{ background: url(images/toolbar_donate_f2.png); }
#ContentToplinks li.selected#Gala a{ background: url(images/toolbar_gala_f2.png); }
#ContentToplinks li.selected#Calendar a{ background: url(images/toolbar_calendar_f2.png); }
	  
#ContentMemberTools {float:left;margin:0px;padding:5px 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #000000;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#000000;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

.startindex #ContentImgRot{ margin:0; padding:0; float:left; overflow:hidden; width:600px; height:200px}
.startindex #ContentTopTxt{ margin:0; padding:10px; float:left; width:280px; height:180px;}

.titlebar_Sunny {width:280px!important;}
.TableLayout_Sunny {height:138px;}
.calendarWrapper_Sunny { background-image:url(images/wrapperBg.gif)!important;background-repeat:repeat-x!important;width:180px!important;}
.DaysOfWeek_Sunny {line-height:12px;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left;}

.structLeft #ContentLeftTop{background:url(images/LeftNavtp.png) no-repeat left top;color:#FFFFFF;float:left;font-weight:bold;height:36px;margin:0;padding:15px 0 0 20px;width:255px;font-size:20px;}
.structLeft #ContentLeftTop a{color:#FFFFFF; text-decoration:none;} 

.structLeft #ContentLeftNav{margin:0; padding:0; float:left;}

.structLeft #ContentLeftNav ul{margin:0; padding:0 0 10px; float:left; list-style:none; background:#6B7A01;background-image:none;width:275px;}
.structLeft #ContentLeftNav li{margin:0; padding:0;}
.structLeft #ContentLeftNav li a{ height:1%;background-image:none;color:#FFFFFF;display:block;font-size:12px;font-weight:bold;margin:0;padding:5px 0 0 23px;text-decoration:none;}
.structLeft #ContentLeftNav li a:hover{color:#F3A245; background:none;}

.structLeft #ContentLeftNav li ul{padding:0;}
.structLeft #ContentLeftNav li li a{ padding:5px 0 0 33px;}


/* BODY ELEMENTS
---------------------------------------------*/
.MidWrap{margin:0; padding:0; float:left;}

#ContentPageName{background:transparent url(images/title.png) no-repeat scroll left top;float:left;height:20px;margin:0;padding:15px;width:570px; color:#FFFFFF; font-size:17px; font-weight:bold;} 

#ContentMiddle{margin:0; padding-top:10px; float:left; width:565px;}

#ContentMiddleLayoutSend{margin:0; padding-top:10px; float:left; width:600px;}


.startindex #ContentMiddleLayoutLT,
.startindex #ContentMiddleLayout{margin:0; padding-top:10px; float:left; width:273px;}
.startindex #ContentMiddleLayout{padding-right:18px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left; width:270px;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left;}
.structFooter #ContentFooter{margin:0; padding:0; float:left;}