/* CSS Document */

body {
	padding: 20px 0px 15px 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
/** common styles across each page of site **/

div.container {
	width: 759px;
	position: relative;
	margin: 0px auto;
	top: -12px;
	}
	
/** styles for top nav browse select and text links **/	

div.top-nav {
	height: 27px;
	}

div.left-browse 
{
	right: 0px;
	*right: 1px;
	_right: -1px;
	position: absolute;
	top: 43px;
	}
	
div.top-right-links {
	right: 0px;
	position: absolute;
	color: #00529f;
	top: 8px;
	}

div.top-right-links a {
	padding: 1px;
	}

/** styles for BreadCrumb Trails **/	

div.bread-crumb-trail {
	border-bottom: 1px solid #b1dbf4;
	height: 18px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
}

div.bread-crumb-trail .intro
{
	font-weight: bold;
}

div.bread-crumb-trail .bread-crumbs
{
	color: #00529f;
}

div.bread-crumb-trail .current-page
{
	font-weight: bold;
}

	
/** styles for top nav search and logo **/	
	
div.logo-search {
	height: 59px;
	padding: 0px 0px 58px 10px;
	background-position: top left;
	background-repeat: no-repeat;
}
	
div.left-logo {
	position: absolute;
	left: 9px;
	padding-top: 10px;
}
	
div.right-search {
	right: 0px;
	position: absolute;
	top: 14px;
}

div.CCMoveButton
{
	position: absolute;
	right: 0px;
	top: 68px;
}

/** specific styles for main navigation **/
	
div.main-nav {
	height: 19px;
    width:100%;
	}
	
div.main-nav-left {
	position: absolute;
	left: 0px;
	}
	
div.main-nav-right {
	right: 4px;
	position: absolute;
	}
	
/** specific styles for bottom tag line **/
	
div.tag-line {
	padding-top: 6px;
	padding-bottom: 20px;
	width: 759px;
	margin: 0px auto;
	border-top-color: #8f9295;
	border-top-style: dashed;
	border-top-width: 1px;
	clear: both;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
div.tag-line-left {
	float: left;
}
	
div.tag-line-right {
	float: right;
}

.tag-line a {
	padding: 1px;
	color: #002949;
	font-weight: bold;
}
	
/** specific styles for banner **/
.banner {
	background-color: #002949 ;
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 36px;
	margin-bottom: 5px;
	padding: 0px 0 0 0;
}

/** specific styles for home page banner **/

.homepage-banner {	
	background-color: #FFFFFF;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 177px;
	margin-bottom: 10px;
}

div.homepage-banner-left 
{
	background-repeat: no-repeat;
	height: 177px;
	width: 405px;
	float: left;
}


div.homepage-banner-right {
	background-repeat: no-repeat;
	height: 177px;
	width: 353px;
	float: left;
}
	
/** specific styles for sub nav headings below banner **/
	
div.sub-nav {	
	font-size: 1em;
	color: #00529f;
	padding-top: 147px;
	padding-left: 9px;
	height: 20px;
}
div.sub-nav-noheight {	
	font-size: 1em;
	color: #00529f;
	padding-top: 10px;
	padding-left: 9px;
	height: 20px;
}
* HTML div.sub-nav {	
	font-size: 1em;
	color: #00529f;
	padding-top: 147px;
	padding-left: 5px;
	height: 20px;
}

div.sub-nav-right {	
	font-size: 1em;
	color: #000;
	padding-top: 157px;
	height: 20px;
}

* HTML div.sub-nav-right {	
	font-size: 1em;
	color: #000;
	padding-top: 157px;
	height: 20px;
}

	
/** specific styles for home page bottom content **/

div.homepage-content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-bottom: 20px;
}

div.homepage-content h3
{
	padding-bottom: 0px;
}

div.homepage-content ul
{
	padding-left: 15px;
	margin-left: 0px;
}

div.homepage-content ul li
{
	list-style: none url(/ccsite/images/ico_lhs_nav_list_item-not_active.gif) outside;
}

div.homepage-content ul li a
{
	font-size: 12px;
}
	
/** styles for main content area **/

/** specific styles for home page bottom content **/

div.content {
	padding: 4px 0 0 0;
	}

* HTML div.content {
	padding: 5px 0 0 0;
	}

/** styles for portal pages **/

#school-portal-banner
{
	height: 202px;
}
	
.school-portal-banner {	
	background-color: #002949;
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	height: 185px;
	line-height: 12pt;
	margin-bottom: 0px;
}
	
* HTML .school-portal-banner {	
	background-color: #002949;
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	height: 178px;
	line-height: 12pt;
	margin-bottom: 0px;
}

/** New Style for right frame School 130808 **/

#schoolRightFrame {
	background-image:url(/ccsite/images/right_frame_background.jpg);
	background-repeat:no-repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:370px; 
	height:189px; 
	margin:-9px 0px 0 385px;
	*margin:-9px 0px 0 185px;
	_margin:-9px 0px 0 28px;
	position:absolute;
}
#schoolRightFrame .speech {
	margin:18px 0 0 22px;
	_margin:17px 0 0 11px;
	width:185px;
	height:85px;
	color:#405F77;
	float:left;
	
}
#schoolRightFrame .speech H4{
	margin:0;
	line-height:12px;
}
#schoolRightFrame .speech p{
	margin:0;
	margin-bottom:3px;
	margin-top:5px;
	line-height:12px;
}
#schoolRightFrame img {
	float:right;
}

#schoolRightFrame .contentBox {
	margin:15px 0 0 20px;
	_margin:15px 0 0 10px;
	width:190px;
	height:auto;
	color:#FFFFFF;
	float:left;
}
#schoolRightFrame a{
	margin:1px 0 0 20px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	text-decoration:underline;
}
#schoolRightFrame a:hover{
	text-decoration:none;
}

/** 2 columns for portal pages banner **/
div.banner-column1 {
	width: 200px;
	float: left;
	padding: 5px 0 0 22px;
}

div.banner-column1 .banner-header-bold,
div.banner-column2 .banner-header-bold
{
	font-size: 12pt;
	font-weight: bold;
	line-height: 16pt;
}
	
div.banner-column2 {
	width: 348px;
	float: right;
	background-color: #002949;
	padding: 5px 15px 0 10px;
}

div.banner-column2 .banner-header-bold,
div.banner-column2 .banner-header
{
	color: #FFFFFF;
}

div.banner-column1 a, div.banner-column2 a
{
	color: #009EE0;
}

div.banner-column1 a:hover, div.banner-column2 a:hover
{
	color: #009EE0;
	text-decoration: underline;
}

div.banner-column1 .bold-test, div.banner-column2 .bold-test
{
	font-weight: bold;
}
	
/** 3 columns for portal pages content area **/

div.content-column1 {
	width: 350px;
	float: left;
	padding-left: 0px;
	padding-bottom: 10px;
}
	
div.content-column2 {
	width: 180px;
	float: left;
	padding-left: 30px;
	padding-bottom: 10px;
}
	
div.content-column3 {
	width: 189px;
	float: right;
	padding-right: 5px;
	padding-bottom: 10px;	
}
	
/** 2 columns for portal pages news area**/

p.newsHeading
{
	margin-bottom: 0px;
}

div.news-left {
	float: left;
	width: 100px;
}

div.news-left .selected
{
	margin-top: 5px;
	border-left: 3px solid black;
	padding-left: 3px;
}

div.news-left .notSelected
{
	margin-top: 5px;
	border-left: 0px;
	padding-left: 6px;
}

div.news-left .highlight
{
	border-left: 3px solid #009ee0;
	padding-left: 3px;
}
	
div.news-right {
	float: right;
	width: 220px;
	margin-right: 10px;
	padding-left: 5px;
	line-height: 15px;
}	
	
div.newsLinks
{
	padding:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div.news-right h3{
  margin:0 0 5px 0;
}

div.news-nextprev{
  margin:5px 0;
}
#SiteMap h3, #SiteMap h4{
  margin:5px 0 2px 0;
}
#SiteMap ul{
    padding:0 0 0 10px;

}
#SiteMap ul ul{
    padding:0 0 0 20px;

}

	
/** styles for main content columns **/
	
div.main-content-column1 {
	width: 150px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin-left: 0px;
	margin-top: 3px;
	}

* HTML div.main-content-column1 {
	width: 150px;
	float: left;
	padding: 0px 0px 10px 0px;
	margin-left: 0px;
	margin-top: 3px;
	}
	
div.main-content-column2 {
	left: 120px;
	width: 380px;
	float: left;
	padding: 0 35px 20px 47px;
	/* Marina salambasis 
	added this property so that the correct font will be displayed without the necessity for <p> tags
	This also fixes the bullet and numbering font formating
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	margin-top: -3px;
	*margin-top: 8px;
}

	
div.main-content-column3 {
	width: 144px;
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 15px;
	margin-top: -3px;
	*margin-top: 8px;
	}
	
/** style for content pages top section background **/

.top-section-bg {
	background-image: url(/ccsite/images/backgrounds/content_pages_bg.jpg);
	}


/** TABLE STYLES **/
TABLE.standard
{
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: Black;
	border-collapse: collapse;
}

TABLE.standard TR,
TABLE.standard TD
{
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: Black;
}