
body {
	background-color: #D1E0EC;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #303030;
	font-size: 10pt;
	line-height: 1.1em;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
div {overflow: hidden;padding: 0px;margin: 0px;}
.hpas {color:#C181AD;}
.hpes {color: #C15146;}

/*------------------- links and headings------------------------------ */

a:link {color: #4682B4;text-decoration: none;} 
a:visited {color: #6C99BF;text-decoration: none;} 
a:hover {color: #B6C6D3;text-decoration: underline;}

p, h1, h2, h3 {margin: 0px; padding: 0px;font-size: 10pt;}
ul { margin-top: 15px; margin-bottom: 15px;}

abbr, acronym {
	text-decoration: none;
	border-bottom: 1px dotted #4682B4;
	cursor: help;
}

/*--------------------- containers ----------------------------------- */

div#container {
  position:relative;
	background: white;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
}

div#box {
  position:relative;
	background: transparent;
	margin: 5px;
	padding: 4px;
	border: 1px solid black;
  width: 740px;
}

/****************************************************************/
/*                          Header                              */
/****************************************************************/
div#intro {
	width: 740px;
	margin-top: 0px;
	padding: 0px;
	text-align:center;
	margin-bottom: 3px;
/*	border-bottom: black 1px solid; */
}

div#pageHeader {
	display: none;
}

div#top_nav a { color:white;margin-left:10px;margin-right: 10px; }
div#top_nav img {margin-right: 260px;width: 480px; height:80px;border: none;}

div#top_nav {
	background: url(../template/HPS_Logo.gif) top left no-repeat;
	text-align: right;
	margin: 0px;
	color: white;
	height: 113px;
	width: 740px;
	padding-top: 5px;
}

/**************  main_nav *************************************/
div#main_nav {
	margin-top: -1px;
	text-align: center;
	width: 740px;
	height: 136px;
}
div#main_nav object.main_nav_flash, div#main_nav embed.main_nav_flash {
	width: 740px;
	height: 136px;
}

div#main_nav span {
	display:none;
}

div#module {
	position: relative;
  top: 3px;
  width:740px;
}
/******************************************************/
/*                Home Left Column                    */
/******************************************************/
div#left_col {
	position: relative;
  float:left;
	width: 205px;
  padding-right: 3px;
	border-right: 1px #C7CBCA solid;
	margin-bottom: 5px;
}
/****************************************************************/
/*                     Home Righ Column                         */
/****************************************************************/
div#right_col {
	position: relative;
  float:right;
	width: 527px;
    border-right: solid green 0px;
}

/*------------------ News and Update ------------------*/
div#news_update {
	border-bottom: 1px #C7CBCA solid;
	padding-bottom: 6px;
	margin-bottom: 7px;
  margin-right: 0px;
}
div#news_update H3{
	background: url(../template/news-update.gif) top left no-repeat;
	height: 30px;
}

div#news_update H3 span {
	display: none;
}
/*----------------- Student Creativity ----------------*/
div#creativity {
	margin-bottom: 7px;
  margin-right: 6px;
}
div#creativity H3{
	background: url(../template/creativity.gif) top left no-repeat;
	height: 30px;
}

div#creativity H3 span {
	display: none;
}

div#student_art {
	background: url(../template/student-artwork.jpg) center center no-repeat;
	width: 165px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #F1F1F2;
	padding: 3px;
	margin-top: 10px;
}
div#student_art object.student_art_flash embed.student_art_flash {
	width: 165px;
	height: 150px;
}

/*----------------- Welcome ---------------------------------*/
div#welcome {
	background-color: #F1F1F2;
  width:100%;
}
div#welcome H2{
	background: url(../template/welcome_title.gif) top left no-repeat;
	height: 37px;
	border-bottom: 1px white solid;
}
div#welcome H2 span {
	display: none;
}
div#welcome P {
	margin: 9px;
}
/*                  Schools                                */
div#schools {
width: 100%;
	position: relative;
	background: white;
	margin-top: 6px;
	border-top: solid #C7CBCA 1px;
	padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: solid #C7CBCA 1px;
}
div#HPES{
	position: relative;
	width: 257px;
	margin-right: 0px;
	padding-right: 4px;
	border-right: 1px #C7CBCA solid; 
  float:left;
}

div#HPAS {
  position: relative;
/*	top: 6px; */
/*	margin-left: 267px; */
	width: 257px;
  float:right;
}
div#HPES H3 {
	background: url(../template/HPES_title.gif) top left no-repeat;
	height: 27px;
	width: 100%;
	margin-bottom: 5px;
}
div#HPAS H3 {
	background: url(../template/HPAS_title.gif) top left no-repeat;
	height: 27px;
	width: 100%;
	margin-bottom: 5px;
}

div#HPAS H3 span, div#HPES H3 span {
	display: none;
}
div#HPES P, div#HPAS P  {
	margin: 9px;
	height: 108px;
}
div#HPES_building {
	background: url(../template/HPES-building.jpg) center center no-repeat;
	position: absolute;
	top: 30px;
	left: 133px;
	width: 114px;
	height: 70px;
	padding: 3px;
	border: 1px #C7CBCA solid; 
}
div#HPES_title {
	background: url(../template/HPES.jpg) center center no-repeat;
	margin-left: 0px;
	width: 135px;
	height: 70px;
	margin-bottom: 9px;
}
div#HPAS_title {
	background: url(../template/HPAS.jpg) center center no-repeat;
	margin-left: 0px;
	margin-right: 0;
	height: 70px;
	width:135px;
	margin-bottom: 9px;
}
div#HPAS_building {
	position: absolute;
	top: 31px;
	left: 135px;
	background: url(../template/HPAS-building.jpg) center center no-repeat;
float:right;
	width: 114px;
	height: 70px;
	padding: 3px;
	border: 1px #C7CBCA solid;
}
/****************************************************************/
/*                     Footers                                  */
/****************************************************************/
div#footer_nav {
	text-align: center;
	background-color: #F1F1F2;
	margin-top: 4px;
	font-size: 8pt;
  clear:both;
  width: 100%;
}
div#footer_nav a {
	margin: 0px 7px;
}
div#copyright {
	text-align: center;
	background-color: #F1F1F2;
	margin-top: 4px;
	font-size: 8pt;
  clear:both;
    width: 100%;
}
div#copyright span {
	margin: 0px 10px;
}


/********************************************/
/*      general text definions              */
/********************************************/
H1.title {
	font-size: 10pt;
	fonr-weight: bold;
	text-align: center;
	margin-top: 10px;
}
div#text_body  {
	margin: 0px;
	text-align: left;
	padding: 10px;
}
div#text_body table {
	margin-left:5px;
}
div#text_body P {
	margin: 0px 0px 10px 0px;
}
div#text_body H1, div#text_body  H2, div#text_body  H3 {
	font-size: 10pt;
	font-weight:bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

div#text_body  H2, div#text_body  H3 {
	color: #e6b22c;
}

div#text_body UL, div#text_body DL {
	list-style-type: square;
	text-align: left;
	font-weight: normal;
	margin: 0px  0px, 0px 10px;
	padding: 0px;
	padding-left: 0px;
}
div#text_body LI {
	line-height: 1.25em;
	margin: 5px;
	padding: 0px;
}

div#text_body  DT {
	font-weight: bold;
	margin-left: 15px;
	margin-top: 5px;
}

/*               contact us                          */
div#contactus_form {
	margin-left: 0px;
	padding-left: 15px;
	border-left: 1px #717172 solid;
}
div#contactus_pcm P.contact_info {
	MARGIN: 10px 40px;
}

div#contactus_pcm {
	float: left;
	width: 50%;
}
div#contactus_form table {
}
/****************************************************/
/*                 faq.asp page                     */
/****************************************************/
td#faq_results {
	vertical-align: top;
	margin-left: 0px;
	padding-left: 15px;
	border-left: 1px #717172 solid;
	width: 50%;
}
td#faq_pcm {
	vertical-align: top;
	width: 50%;
	background-color: #D1E0EC;
}
div#faq_pcm {
	float: left;
	width: 50%;
	border: 1px #717172 solid;
	margin: 5px;
}
div#faq_text P.contact_info {
	MARGIN: 10px 40px;
}
div#faqanswer {
	font-size: 8pt;
	margin: 25px;
	text-align: left;
}
div#faqanswer dt {
	font-weight:bold;
}

P.faqquestion {
	font-size:10pt;
	font-weight: bold;
	margin: 25px;
	color:#0F808E;
	text-align: left;
}

P.faqcmd {
	margin: 15px;
	text-align: left;
}

.faq_search {
	font-weight: bold;
	margin: 0px;
}

form#frmForm {
	margin: 10px 0px 25px 0px;
	vertical-align: top;
	text-align: center;
}
a.faq:link, a.faq:active, a.faq:visited, a.faqcmd:link, a.faqcmd:active, a.faqcmd:visited {
	color:#717161;
	text-decoration: none;
	vertical-align: bottom;
	margin: 10px;
}

a.faqcmd:link, a.faqcmd:active, a.faqcmd:visited {
	text-decoration:  underline;
	color: #0F808E;
}
a.faq:hover, a.faqcmd:hover {	color:#AECCA3; }


/*******************************************/
/*          shownews.asp page              */
/*******************************************/
div#shownews_results {
/*	vertical-align: top; */
	margin-left: 0px;
	padding-left: 0px;
/*	border-left: 1px #717172 solid; */
}
div#shownews_pcm {
/*	float: left;
	vertical-align: top;
	width: 325px; */
}
H1.headline, H3.author {
	text-align: center;
	text-decoration : none;
	font-weight: bold;
	font-size: 10pt;
	margin:10px;
}
H3.author {
	margin-bottom: 10px;
	font-style : italic;
}
div#shownews_pcm H2 {
	
}
P.pubdate {
	text-align: right;
}
a.showheadline {
	margin: 5px;
	text-decoration: underline;
}
img#newsarticle {
	width:100px;
	border-style: none;
}
/* end definitions for shownews.asp page */

/*********************************************/
/*           news.asp definitions            */
/*********************************************/
td#news_results {
	vertical-align: top;
	margin-left: 0px;
	padding-left: 15px;
	border-left: 1px #717172 solid;
	width: 65%;
}
td#news_pcm {
	vertical-align: top;
	width: 35%;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #D1E0EC;

}
P.newsshort {
	font-size: 10pt;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	margin: 0px 5px;
}
a.news, a.newsheadline {
	text-decoration : underline;
	font-size: 8pt;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
}
a.news:link, a.news:active, a.news:visited {
	color:#717161;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 5px;
}
a.news:hover {	color:#6B6B61; }

ul.newsnav {
	margin: 10px 5px opx 25px;
	list-style-image: url(../TEMPLATE/Carats.gif);
}

li.newsnav {
	line-height: 1.5em;
}
/* end definitions for news.asp */

/********************************************/
/*      services navigation definitions     */
/********************************************/
div#service_results {
/*	margin-left: 210px; */
}
div#services_nav {
	border: 1px #717171 solid;
	float: left; 
	width: 210px;
	margin: 35px 20px 5px 5px;
	padding: 5px;
	color: white;
	background-color: #e6b22c;

/*	position: fixed; */
}
div#services_nav H2{
	margin: 15px 0px 10px 0px;
	font-size: 10pt;
	text-align: center;
}
div#services_nav UL {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}
div#services_nav LI {
	line-height: 1.25em;
	list-style-type: none;
	margin: 0px;
}
div#services_nav a:link {color: #1F70A4;text-decoration: none;} 
div#services_nav a:visited {color: #195B85;text-decoration: none;} 
div#services_nav a:hover {color: #6C99BF;text-decoration: underline;}

div#services_module div#text_body H3 {color:#ADBA59;}
div#services_module div#services_nav {background-color: #ADBA59;}
div#shownews div#services_nav {background-color: #D1E0EC;}
div#shownews div#text_body H3 {color:#D1E0EC;}
/*********************************************/
/*         about.asp definitions             */
/********************************************/

/*********************************************/
/*         sitmemap.asp definitions          */
/*********************************************/
div#sitemap {
	text-align: left;
	margin: 25px 25px 25px 25px;
}
div#sitemap li {
	margin-left: 0px;
	list-style-type : square;
	line-height: 1.2em;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 5px;
}
div#sitemap li.category {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
}
div#sitemap UL {
	padding-left: 5px;
	margin: 0px;
}

/*********************************************/
/*             links.asp                     */
/*********************************************/
div#link_results {
	padding: 25px;
}
div#link_pcm {
	padding: 15px;
}


/*                 Miscellaneous                  */
table#calendar td.month {
	background-color:#6699cc;
	color: white;
}
table#calendar td.days {
	background-color:#eeeeee;
	text-align: right;
}
/*********************************************/
/*         testimonials.asp                  */
/*********************************************/
div#reference_item {
	margin-left:auto;
	margin-right:auto;
	width: 75%;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 1px solid #717172;
	text-align: left;
	line-height: 1.25em;
	margin-bottom: 5px;
}
div#reference_item span.audio {
	margin-left: 55%;
}
div#reference_item span.doublequote {
	color: red;;
	font-size: 14pt;
}
div#reference_item img {
	width: 80px;
	margin: 10px;
	border: 1px solid #717172;
	padding: 5px;
}
div#reference_item span.name {
	margin-left: 15%;
	font-weight:bold;
	font-style:italic;
}
div#reference_item td.contact_details {
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: left;
}
