/* MAIN NAV revised*/
body {padding:0px;margin:0px;}
body#home #nav td#home a, 
body#about #nav td#about a, 
body#courses #nav td#courses a,
body#full #nav td#full a,
body#admissions #nav td#admissions a,
body#student #nav td#student a,
body#pdc #nav td#pdc a,
body#cec #nav td#cec a,
body#iris #nav td#iris a,
body#parent #nav td#parent a { BACKGROUND-COLOR: #7d7d7d; color: #FFFFFF }
	
table#nav td a {
	display: block; color: #FFFFFF; text-decoration: none; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; 
	}
table#nav td a:hover {
	display: block;
	BACKGROUND-COLOR: #7d7d7d;
	color: #FFF;
	}

/* end MAIN NAV revised*/

/* SUB NAV */
table#subnav td {
	color: #666666;
	font-size: 90%;
	}
table#subnav td  a {
	text-decoration: none;
	color:#003399;
	}
table#subnav td a:hover {
	color: RED;
	text-decoration: underline;
	}
/* end SUB NAV */

/* BASE STYLE */

A:link
	{text-decoration:none; color:#003399}
A:visited
	{text-decoration:none; color:#003399}
A:active
	{text-decoration:underline; color:red}
A:hover
	{text-decoration:underline; color:red}
body, table, td, th, form
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-small}
.subtext
	{font-family: Arial, Helvetica, sans-serif; font-size: 85%; color:#555555}
.faq
	{display: block; padding: 0px 0px 5px 0px; font-weight: bold; color:#555555}
.ans
	{display: block}
.subhead
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-small; font-weight: bold; display: block; color:#003366; background-image : url(tp_squaresclr.gif); background-repeat : no-repeat; padding: 0px 0px 0px 18px; margin-bottom: 0px}
H1
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; font-weight: bold; margin-bottom: 0px; color:#003399}
H2
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 110%; font-weight: bold; background-color: #DDDDDD; display: block; padding: 3px 3px 3px 3px; margin-bottom: 0px}
H3
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 105%; font-weight: bold; display: block; color:#990000; background-image : url(tp_squaresgrey.gif); background-repeat : no-repeat; padding: 0px 0px 0px 18px; margin-bottom: 0px}
H4
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-small; font-weight: bold; color:#003366}
H5
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-large; font-weight: bold}
H6
	{font-family: Arial, Helvetica, sans-serif, Verdana; font-size: medium; font-weight: bold; color:white; font-style: italic}
ul	
	{list-style: square; margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
ul ul	
	{list-style: circle; margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
ul ul ul	
	{list-style: disc; margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
ol	
	{margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
ol ol	
	{list-style: lower-alpha; margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
ol ol ol	
	{list-style: lower-roman; margin-bottom: 0px; padding-left: 13px; margin-left: 13px}
li	
	{margin-bottom: 3px; margin-top: 3px}
/* end BASE STYLE */

/* GENERAL TABLE STYLE */
table#layout td
	{padding: 5px}
table#pixright
	{margin: 0px 0px 10px 15px; width: 100px}
table#pixright td
	{padding: 2px; font-size: 85%; color: #555555}
table#pixleft
	{margin: 0px 15px 10px 0px; width: 100px}
table#pixleft td
	{padding: 2px; font-size: 85%; color: #555555}
table#info
	{background: #FFFFFF; border: 1px solid #666666}
table#info td
	{padding: 5px}
table#info thead
	{background: #666666;	color: #FFFFFF;	font-weight: bold}
table#info tbody
	{background: #EEEEEE}
table#info tbody th
	{background: #E5E5E5}
table#info tfoot
	{background: #999999; font-weight: bold}
table#alpha ol
	{list-style: lower-alpha}
table#alpha ol ol	
	{list-style: lower-roman}
/* end GENERAL TABLE STYLE */

/* ADD TO STYLE */
#dropmenudiv {
	position:absolute;
	font:normal 11px arial;
	border-top: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	background-color: #FFFFFF;
}

#dropmenudiv a{
	width: 100%;
	text-indent: 3px;
	padding: 3px 0px 3px 0px;
	display: block;
	text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #F3F3F3;
}
/* end ADD TO STYLE */

#wrapper {
	width:1003px;
	padding:0px;
	margin:0px;
	clear:both;
}
#wrapper_left {
	width:260px;
	height:267px;
	float:left;
	background-image:url(../images/bg_schooln.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
}
#wrapper_center {
	width:450px;
	height:267px;
	float:left;
	background-color:#CCC;
}
#wrapper_right {
	width:290px;
	float:left;
	background-color:#EEE;
}

.menuschool {
	color: #333333;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
.menuschool a:link{
	color: #333333;
	text-decoration: none;
}

.menuschool a:visited{
	color: #333333;
	text-decoration: none;
}

.menuschool a:hover{
	color: #333333;
	text-decoration: underline;
}

.menuschool a:active{
	color: #333333;
	text-decoration: none;
}

.menuschool1 {
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.menuschool1 a:link{
	color: #333333;
	text-decoration: none;
}

.menuschool1 a:visited{
	color: #333333;
	text-decoration: none;
}

.menuschool1 a:hover{
	color: #333333;
	text-decoration: underline;
}

.menuschool1 a:active{
	color: #333333;
	text-decoration: none;
}
/*changed font size from 14 to 12 */ 
.hd_sblurb {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.hd_sblurb a:link, .hd_blurb a:visited, .hd_blurb a:active{
	color: #003399;
}

.hd_sblurb a:hover{
	color:red;
	text-decoration: underline;
}
/*changed font size from 14 to 12 */ 
.hd_showcase {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: normal;
}

.hd_showcase a:link, .hd_blurb a:visited, .hd_blurb a:active{
	color: #003399;
}

.hd_showcase a:hover{
	color:red;
	text-decoration: underline;
}

.hd_socialmedia {
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

.hd_socialmedia a:link, .hd_blurb a:visited, .hd_blurb a:active{
	color: #003399;
}

.hd_socialmedia a:hover{
	color:red;
	text-decoration: underline;
}

.hd_socialmedia #dropmenudiv a {
display:block;
text-align:left;
margin-top:2px;
}

/*changed font size from 11 to 12 */
.hd_blurb {
	color: #CC0000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

.hd_blurb a:link, .hd_blurb a:visited, .hd_blurb a:active{
	color: #CC0000;
	text-decoration: underline;		
}


.hd_blurb a:hover{
	color: #990000;
}
/* changed font size from 11 to 12 */ 
.blurb {
	color: #000000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* changed font size from 14 to 12 , font color changed from #E2E2E2 to #FFFFFF*/ 
.hd_main {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.cellbottom {
	border-bottom-style: dashed;
}

.hd_sitemap {
	color: #666666;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.hd_sitemap a:link, .hd_sitemap a:visited, .hd_sitemap a:active{
	color: #666666;
	text-decoration: none;
}

.hd_sitemap a:hover{
	text-decoration: underline;		
}

.sitemap {
	color: #666666;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.sitemap a:link, .sitemap a:visited, .sitemap a:active{
	color: #666666;
	text-decoration: none;
}

.sitemap a:hover{
	text-decoration: underline;		
}


/* ######### CSS for Indented CSS Tabs. ######### */

.indentmenu{
	width: 100%; /*leave this value as is in most cases*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.indentmenu ul{
margin: 0px;
padding: 0px 0 0 0;
float: left;
width: 100%; /*width of menu*/
/*border-top: 1px solid darkred; darkred border*/
/*bg from bg7a.gif to bg_greygreylite.gif*/
background: #FFF url(../images/bg_greygreylite.gif) center repeat-x;
	/*height:24px;*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #FFF; /*text color*/
padding: 3px 10px;
text-decoration: none;
/* border-left: 1px solid darkred; */
/*border-right: 1px solid #666; darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: #CCC;
}

.indentmenu ul li a.selected{
color: #EEE;
padding-top: 3px;
padding-bottom: 3px;
/*bg from bg7a.gif to bg_grey.gif*/
background: #CCC url(../images/bg_grey.gif) center center repeat-x;
/* height:30px; */
}

/* maintenance */
#maintenance { /* the outer div with the black border */
border: 0px solid #CCC;
background: #EEE; 
width: 1000px; 
margin: 0px; 
padding-top:5px;
padding-bottom:5px;
overflow: hidden;
clear:both;
text-align:center;
font: bold 11px Arial;
color:#FF0000;
}


/*
    jquery.liScroll
-----------------------------------------------*/
.liScroll-container { /* the outer div with the black border */
	border: 2px solid #CCC;
	background: #EEE;
    height: 25px;
	width:996px;
    margin: 0 0 0 0px; 
    padding: 0px;
	position: relative;
    overflow: hidden;
}
.liScroll-container .liScroll-mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    overflow: hidden;
}
.liScroll-ticker { /* that's your list */
	position: relative;
    left: 300px;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.liScroll-ticker ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;            
}
.liScroll-ticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 6px;
	font: bold 11px Arial;
	color:#FF0000;
}
.liScroll-ticker a {
	color: #b21226;
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
	text-decoration: none;
} 
.liScroll-ticker a:hover {
	text-decoration: underline;
}
.liScroll-ticker span {
	margin: 0 10px 0 0;
} 

.liScroll-container .liScroll-prev,
.liScroll-container .liScroll-play,
.liScroll-container .liScroll-next {
	background: url(sprites.gif) no-repeat 1px 2px;
	cursor: pointer;
	height: 25px;
	position: absolute;        
	text-align: left;
	text-indent: -9999px;
	top: 0px;
}
.liScroll-container .liScroll-prev {
	right: 55px;
	width: 25px;
}
.liScroll-container .liScroll-play {
	background-position: -25px -24px;
	right: 25px;
	width: 25px;
}
.liScroll-playing .liScroll-play {
	background-position: -25px 2px;
}
.liScroll-container .liScroll-next {
	background-position: -100px 2px;
	right: 0px;
	width: 25px;
}
/* ######### CSS for Side boxes. ######### */
.sidehd a{
	color:#FFF;
	text-decoration: none;
}
.sidehd a:visited{
	color:#FFF;
	text-decoration: none;
}

.sidehd a:hover {
	color:#FFF;
	text-decoration: underline;
}