/* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
	background-color: #fff;
	font-size: 12px;
	font-family: "Tahoma", arial, verdana, sans-serif;
}
body{	
	text-align:left;
	background: #fff url(images/page_bg.gif) repeat top left;
}
img { border: 0; }
#outer{
	height:99.9%;
	min-height:100%;
	width:1000px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background:  url(images/outer_tile.gif) repeat-y left top;
}


html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:310px;/*needed to make room for header*/
} 

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:277px;
	z-index:74;
	background:  url(images/top-header.jpg) no-repeat left top;
}
#page-index #header{
	padding-left: 6px;
	width: 994px;
}
#page-index #header object{
	z-index: 75;
	}
#TopSubNav {
	position:absolute;
	top:6px;
	right:147px;
	z-index:75;
}
#TopSubNav span{
	display: block;
	float: left;
	padding: 2px 7px;
	border-right: 1px solid #407c4c;
}
#TopSubNav span#News { border: 0; }
#TopSubNav a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Myriad Pro", arial, verdana, sans-serif;
}
#TopSubNav a:hover {
	color: #8c191c;
}
#ajaxmenu{
	position:absolute;
	top:273px;
	left:0px;
	width:1003px;
	height:37px;
	z-index:165;
}
#logo {
	position:absolute;
	top:0;
	left:8px;
	width:455px;
	height:50px;
	text-indent: -5000px;
	z-index:300;
	background:  url(images/logo.gif) no-repeat left top;
}
/* mac hide \*/
* html #outer, * html #header {width:780px}
/* end hide*/
#footer {
	color: #ffffff;
	width:965px;
	padding-right: 15px;
	clear:both;
	height:137px;
	text-indent: -9000px;
	left:7px;
	bottom:0;
	position: absolute;
	background:  url(images/footer.gif) no-repeat left top;
}
#footer p {
	margin: 0;
}
#footer p a {
	text-decoration: none;
	color: #ffffff;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:82px;
	/* for ie*/
}
/* end hide*/

p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:195px;
	float:right;
	z-index: 55;
	padding-right: 14px;
	
}
.sidebar-quote {
	background:  url(images/sidebar-quote.gif) no-repeat left 10px;
}
#page-directory #right {
	float:none;
	position:absolute;
	top:320px;
	right: 0;
}
.blogStyle #right {
	position:absolute;
right:10px;
padding-right:0;
}
#page-vision-statement #right {
	height: 400px;
	background:  url(images/right_col_vision.gif) no-repeat left 10px;
}
#hp_search {
	top:320px;
	padding:3px 0 0 10px;
	position:absolute;
	right:14px;
	width: 195px;
	height: 40px;
}
.blogStyle #inner {
	position: relative;
}
.layout-163 #right {
	background:  url(images/right_col_contact.gif) no-repeat left 10px;
}
#right-inner {
	text-align: left;
}
#right-inner h2 {
	font-size: 15px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:170px;
	float:left;
	padding-left: 20px;
	z-index: 56;
}
#page-search-results #left,
#page-thank-you #left,
#page-doc-not-found #left {
	background:  url(images/left_bg.gif) no-repeat left 10px;
	height:260px;
	margin-left:20px;
	margin-top: 55px;
	padding-left:0;
}
#left-inner {
	text-align: left;
	padding-top: 55px;
}
#middle {
	position:relative;/*ie needs this to show float */
	width:555px;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
	z-index: 20;
	margin-top:15px;
}
.blogStyle #middle {
	width:600px;
	padding-left: 8px;
	padding-right: 0;
}
#page-directory #middle {
	padding-top:15px;
	}
#homepage {
	background:transparent url(images/home_page.gif) no-repeat 50px 17px;
	position:relative;
	width:940px;
	padding: 64px 0 10px 0;
	float:left;
	z-index: 20;
}

#homepage .post {
	padding: 0 30px 0 40px;
	}
#clearfooter {
	width:100%;
	height:137px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
} /*safari wrapper */
#content {
	z-index: 300;
	padding-bottom: 7px;
}

#content h2 {
	font-size: 18px;
	font-weight: normal;
	margin:10px 0;
	color: #0634ff;
	line-height: 24px;
	text-transform:uppercase;
}

#content
{
	font-size: 12px;
	color: #020202;
	line-height: 20px;
}
#RightCustom { padding: 10px; }
#RightCustom p {
	color: #020202;
	line-height: 16px;
	font-size: 11px;
}

#content p a {
	color: #086304;
}

#content p a:hover {
	background-color: #086304;
	color: #ffffff;
}
#content p a.pdf {
	padding-left: 30px;
	background:transparent url(images/pdf_icon.gif) no-repeat left center;
}
#content p a.pdf:hover {
 	text-decoration: none;
	color: #086304;
	}
#secondary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#secondary-nav ul li a {
	display: block;
	padding: 4px 0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #4c6aa3;
	border-bottom: 1px solid #e0f0e3;
	}
#secondary-nav ul li.last a { border-bottom-width:0;}
#secondary-nav ul li a:hover { color: #086304; }

#secondary-nav ul li ul { display: none; }
#secondary-nav ul li.active {
	/*border-bottom: 1px solid #0634ff;*/
}
#secondary-nav ul li.active a {
	color: #4c6aa3;
	font-weight: bold;
}
#secondary-nav ul li.active ul { display: block; }
#secondary-nav ul li.active ul li a {
	padding: 2px 0 2px 20px;
	border-bottom-width:0;
	font-weight: normal;
}
#secondary-nav ul li.active ul li a:hover,
#secondary-nav ul li ul li.active a {
	color: #086304;
}
.sidebar-quote {
	font-size:11px;
	height:180px;
	line-height:25px;
	padding-top:48px;
	padding-left: 15px;
}
.layout-163 .sidebar-quote {
	padding-top:73px;
}
.layout-163 .sidebar-quote p {
	margin:0;
	line-height: 16px;
}
.layout-163 .sidebar-quote p.addr {
	margin-bottom: 15px;
}
.sidebar-quote a, .sidebar-quote a:visited{
	color:#010101;
	display:block;
	height:150px;
	text-decoration:none;
	width:142px;
}

/*   Section Specifics   */
#page-current-parents #middle { /* Current Parents */
	background:transparent url(images/current-parents-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-prospectiveparents #middle  { /* Prospective Parents */
	background:transparent url(images/propecitive-parents-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-curriculum #middle  { /* Curriculum */
	background:transparent url(images/curriculum-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-specialists #middle  { /* specialists */
	background:transparent url(images/specialists-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-extracurricular #middle  { /* Extra Curricular */
	background:transparent url(images/extra-curricular-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-volunteer-giving #middle  { /* Volunteer/Giving */
	background:transparent url(images/volunteering-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-alumni #middle  { /* Alumni */
	background:transparent url(images/alumni-bg.jpg) no-repeat left top;
	padding-top: 330px;
}
#page-contact #middle { /* Contact */
	background:transparent url(images/contact-bg.gif) no-repeat left top;
	padding-top: 75px;
}

.layout-48 #header { /* Current Parents */
	background:transparent url(images/current-parents.jpg) no-repeat left top;
}
.layout-15 #header { /* Prospective Parents */
	background:transparent url(images/propecitive-parents.jpg) no-repeat left top;
}
.layout-33 #header { /* Curriculum */
	background:transparent url(images/curriculum.jpg) no-repeat left top;
}
.layout-39 #header { /* specialists */
	background:transparent url(images/specialists.jpg) no-repeat left top;
}
.layout-32 #header { /* Extra Curricular */
	background:transparent url(images/extra-curricular.jpg) no-repeat left top;
}
.layout-49 #header { /* Volunteer/Giving */
	background:transparent url(images/volunteering.jpg) no-repeat left top;
}
.layout-50 #header  { /* Alumni */
	background:transparent url(images/alumni.jpg) no-repeat left top;
}
.layout-163 #header  { /* Contact */
	background:transparent url(images/contact.jpg) no-repeat left top;
}


/* Blog pages http://hilandcatholic.org/specialists/spanish.html */
.blogStyle #content h2.longtitle  { display: none; }
.blogStyle #content {
	width:598px;
	margin-top: 63px;
}

.blog_post {
padding-right: 6px;
}
.blog_post h3 {
	background: #65b475;
	padding: 5px 15px;
	margin: 0 0 6px 0;
}
.blog_post h3 a {
text-decoration: none;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
}
/* blog date fix */
#page-Technology .blog_post .blog_info, 
#page-Technology .posted,
#page-kindergarten .blog_post .blog_info, 
#page-kindergarten .posted,
#page-wellness-blog .blog_post .blog_info, 
#page-wellness-blog .posted  { display: none; }
.blog_post .blog_info, 
.posted { 
	color: #05348c;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 15px;
}
.blog_post .blog_body { margin-right: 10px; padding-left: 5px;}

.TabContent { padding-left: 10px; }
#Tabs {
	float:left;
	padding-left:58px;
	width:918px;
	position: relative;
}
#Tabs span {
	background: transparent url(images/hp_tabs.gif) no-repeat right top;
	display:block;
	float: left;
	width: 183px;
	height: 54px;
	text-align: center;
}
#TabHack {
background: transparent url(images/hp_tab_hack.gif) no-repeat right top;
width: 9px;
height: 58px;
position: absolute;
right: 0;
}
#Tabs span.selected {
background: transparent url(images/hp_tabs.gif) no-repeat left top;

}
#Tabs a {
	color: #8c191c;
	text-decoration: none;
	line-height: 55px;
}
#TabPhotos{ 
	float: left;
	width: 231px;
	margin-right: 40px;
	margin-left: 13px;
	margin-top: 12px;
	height: 344px;
	background: transparent url(images/hp_tabs_photos_bg.gif) no-repeat;
	padding:2px 0 0 2px;
	}
.contenttab {
	float: left;
	width: 640px;
	padding: 15px;
	height: 340px;
	overflow: auto;
	}
.tabbox {
	clear: both;
	background: transparent url(images/hp_tabs_repeat.gif) repeat-y;
	padding:10px;
	width:957px;
	height: 360px;
}
.tabboxbottom {
	background: transparent url(images/hp_tabs_bottom.gif) no-repeat;
	height:15px;
	width:975px;
}
#NextPhoto {
	margin-left: 144px;
}
#TabPhotos img {
margin-bottom: 6px;
}
#TabPhotos a {
	text-decoration:none;
	color: #8c191c;
	font-weight: bold;
}
#TabPhotos a.disabled{
	color: #a1a4a1;
}
.vcard {
	font-size: 12px;
	color: #3c6544;
	padding-bottom: 15px;
}
.vcard .fn {
	font-size: 14px;
	color: #8c191c;
	text-transform: uppercase;
	padding-bottom: 3px;
}
.vcard .title {
	padding-bottom: 2px;
	}
.vcard .email {
	color: #4968ef;
}
/*  Teacher Tabs  */
.TeacherTabContent {

}
.TeacherTabContent .TabContent { padding-left: 10px; }
.TeacherTabContent #Tabs {
	float:right;
	width:596px;
	position: relative;
	margin-right:3px;
padding-left:0;
}
.TeacherTabContent #Tabs span {
	background: transparent url(images/tabs.gif) no-repeat right top;
	display:block;
	float: right;
	width: 112px;
	height: 51px;
	text-align: center;
}
.TeacherTabContent #TabHack {
	background: transparent url(images/tab_hack.gif) no-repeat right top;
	width: 7px;
	height: 56px;
	position: absolute;
	right: 0;
}
.TeacherTabContent #Tabs span.selected {
	background: transparent url(images/tabs.gif) no-repeat left top;
}
.TeacherTabContent #Tabs a {
	color: #8c191c;
	text-decoration: none;
	line-height: 55px;
}
.TeacherTabContent .contenttab { /* 596*/
	float: none;
	width: 550px;
	padding: 0;
	line-height: 20px;
	height: 230px;
	}
	.teacher_bio {
	padding-right:15px;
	}
.TeacherTabContent .tabbox {
	clear: both;
	background: transparent url(images/tabs_repeat.gif) repeat-y;
	padding:30px 20px 20px 20px;
	width:556px;
	height: 230px;
}
.TeacherTabContent .tabboxbottom {
	background: transparent url(images/tabs_bottom.gif) no-repeat;
	height:15px;
	width:596px;
	margin-bottom: 20px;
}

.Header {
	color: #fff;
	text-transform: uppercase;
	background: #65B475;
	width: 177px;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 15px;
	}
.teacher_nm {
	text-align: right;
	color: #05348C;
	margin-right: 20px;
	}
.teacher_img	{
	width: 184px;
	margin-top: 3px;	
	margin-bottom: 12px;
	height: 262px;
	background: transparent url(images/teacher_photo_frame.gif) no-repeat;
	padding:2px 0 0 2px;
}
h2.important_news {
color: #306E3D;
font-size: 28px;
letter-spacing: 1px;
font-weight: normal;	
}
.posted { 
background: transparent url(images/important_news_top.gif) no-repeat left bottom;
margin-bottom: 0;
height: 38px;
}
.ip_box {
background: transparent url(images/important_news_rpt.gif) repeat-y;
width:575px;
padding: 10px;
}
.ip_box_bottom{
	background: transparent url(images/important_news_btm.gif) no-repeat;
	height:27px;
	width:595px;
	margin-bottom: 15px;
}
.OfficeSection {
border:1px solid #534515;
 background: #fbeac3;
margin:10px 0;
position:relative;
width:750px;
height: 310px;
}
.OfficeSection .inside {
padding:20px;
}

.OfficeSection .tl		{ position: absolute; width: 14px; height: 14px; background: url(images/box-two-tl.png); top: -1px; left: -1px; }
.OfficeSection .tr		{ width: 14px; height: 14px; background: url(images/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.OfficeSection .bl		{ width: 14px; height: 14px; background: url(images/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.OfficeSection .br		{ width: 14px; height: 14px; background: url(images/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }

.OfficePhoto {
float: left; }
.office_name{
margin-left:205px;
font-weight: bold;
font-size: 14px;
}
.office_bio{
margin-left:205px;
height: 260px; overflow:auto;
}
/* hi-lites page */
#page-hi-Lites .TeacherTabContent, 
#page-hi-Lites .Header
{
	display: none;
} 
#page-hi-Lites .blogStyle #content {
margin-top:15px;
}
#page-meet-the-office #right { display:none;}