/* ========================= FORMAT STYLES ========================== */

body {
	color: #333;
	font: 68% verdana, arial, helvetica, sans-serif;
	line-height: 175%;
	margin: 0;
	}
	
.capitalize {
	text-transform: uppercase;
	}

.hide {
	display: none;
	}

img {
	border: 0;
	display: block;
	}

a:link, a:visited {
	color: #21699c;
	padding: 0;
	text-decoration: underline;
	}
	
a:hover {
	color: #000;
	}

td#marketing, td#featuredevent {
	border-top: 20px solid #ffcb39;
	border-bottom: 20px solid #fff;
	}

td#audience {
	background-image: url(/images/hd_tdAudienceMenuBg.gif);
	border-top: 20px solid #ffcb39;
	border-bottom: 5px solid #ffcb39;
	}

td#noaudience {
	background-image: url(/images/hd_tdAudienceMenuBg.gif);
	border-top: 20px solid #ffcb39;
	}

td#audience2 {
	background-color: #f7f3f7;
	border-bottom: 5px solid #ffcb39;
	border-top: 20px solid #ffcb39;
	padding-bottom: 50px;
	width: 150px;
	}

td#mainimage1, td#mainimage2 {
	border-top: 20px solid #ffcb39;
	border-bottom: 20px solid #fff;
	}

.separator {
	border-bottom: 1px solid #ccc;
	margin: 15px 0 15px 0;
	}
	
.feature  {
	border: 1px solid #ccc;
	background-color:#ffc;
	padding:5px;
}

h1 {
	color: #000;
	font: 140% arial,helvetica,sans-serif;/*LJN*/
	font-weight: bold;
	line-height: 145%;
	margin-top: 0;
	}

h2 {
	color: #000;
	font: 140% arial,helvetica,sans-serif;/*LJN*/
	font-weight: bold;
	line-height: 145%;
	margin: 0;
	}

h3 {
	font: 130% arial,helvetica,sans-serif;/*LJN*/
	margin-bottom: 0;
	}

h4 {
	color: #333;
	font: 130% arial,helvetica,sans-serif;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 0;
	}

h5 {
	font: 130% arial,helvetica,sans-serif;
	margin-bottom: 0;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 0;
	}

.pagetitle {
	color: #000;
	font: 140% arial,helvetica,sans-serif;
	font-weight: bold;
	line-height: 145%;
	margin: 0;
	}

.pagesubtitle {
	color: #21699c;
	font: 130% arial,helvetica,sans-serif;
	font-weight: normal;
	line-height: 100%;
	padding: 0 0 20px 0;
	}

.leftheader {
	color: #000;
	font: 145% arial,helvetica,sans-serif;
	font-weight: bold;
	line-height: 145%;
	margin: 0;
	padding: 10px 9px 0 10px;
	}

.midheader {
	color: #000;
	font: 145% arial,helvetica,sans-serif;
	font-weight: bold;
	line-height: 145%;
	margin: 0;
	}

.new {
	color: #990000;
	font-style: italic;
	font-weight: bold;
	}

strong.subhead {
	color: #21699c;
	}


/* ========================= eSERVICES LOGIN STYLE ========================== */


table.login td.left {
	font-family:arial, helvetica, sans-serif;
/*LN 2008-03-21	font: arial,helvetica,sans-serif;*/
	font-size: 9px;
	line-height: 13px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 0 0 10px;
	background-color: #f4f4f4;
	}

table.login td.left .title {
	font-size: 10px;
	font-weight: bold;
	}

table.login td.right {
	font-family: arial,helvetica,sans-serif;/*LN*/
	font-size: 9px;
	line-height: 13px;
	border: 1px solid #ccc;
	padding: 8px 0 0 10px;
	background-color: #f9f9f9;
	}
	

/* ========================= AUDIENCE MENU STYLE ========================== */


#audiencemenu {
	border-bottom: 20px solid #fff;
	}

#audiencemenu dl {
	border-left: 1px solid #666;
	font: 92% arial,helvetica,sans-serif;/*LJN*/
	line-height: 175%;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	}

.mainaudience	{
	border-bottom: 1px solid #ccc;
	border-right: 10px solid #21699c;
	line-height: 130%;
	text-transform: uppercase;
	}

.mainaudience a, .mainaudience a:visited {
	color: #666;
	display: block;
	padding: 6px 9px 6px 0;
	text-decoration: none;
	width: 130px;
	}
	
.mainaudience a:hover, .mainaudience a:active {
	background-color: #21699c;
	color: #fff;
	}

.audienceindicator {
	line-height: 130%;
	text-transform: uppercase;
	}

.audienceindicator a, .audienceindicator a:visited {
	background-color: #21699c;
	color: #fff;
	display: block;
	padding: 6px 19px 6px 0;
	text-decoration: none;
	width: 130px;
	}

.audienceindicator a:hover {
	color: #fff;
	}

.subaudience	{
	border-right: 1px solid #666;
	background-color: #f3f3f3;
	font: 100% arial, helvetica, sans-serif;
	line-height: 130%;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	}

.subaudience a, .subaudience a:visited {
	color: #21699c;
	display: block;
	padding: 6px 14px 6px 7px;
	text-decoration: none;
	width: 127px;
	}
	
.subaudience a:hover {
	color: #000;
	}

.subindicator	{
	border-right: 1px solid #666;
	background-color: #f3f3f3;
	font: 100% arial, helvetica, sans-serif;
	line-height: 130%;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	}

.subindicator a, .subindicator a:visited {
	color: #000;
	display: block;
	padding: 6px 14px 6px 7px;
	text-decoration: none;
	width: 127px;
	}


/* ========================= MIDDLE COLUMN STYLE ========================== */


#middlecolumn {
	border-left: 1px solid #ccc;
	padding: 10px 19px 0 20px;
	}

#middlecolumnsm {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 19px 0 19px;
	}

.enroll {
	border: 4px solid #efebe7;
	width: 98%;
	}

.enrolltable {
	border: 2px solid #999;
	width: 100%;
	}

.enrolltable p {
	line-height: 125%;
	padding: 10px 0 10px 0;
	text-align: center;
	}

.enrolltable td.enroll2 {
	background-color: #f9f9f9;
	border-left: 1px solid #666;
	}

#listLinks dl {
	border: 0;
	line-height: 130%;
	list-style: none;
	padding: 0;
	margin: 0;
	}

.news dt	{
	background-image: url(/images/hd_yellowArrow.gif);
	background-repeat: no-repeat;
	padding: 4px 0 4px 10px;
	}

.news dt a, .news dt a:visited {
	color: #21699c;
	font: 92% arial, helvetica, sans-serif;
	text-decoration: underline;
	}
	
.news dt a:hover {
	color: #333;
	}

.alllink {
	color: #666;
	margin: 24px 0 0 0;
	}

.list li	{
	padding: 4px 0 4px 10px;
	}

.graphicseparator {
	border-bottom: 1px solid #ccc;
	margin: 0;
	}

ul {
	border: 0;
	color: #333;
	list-style: square;
	margin: 0;
	padding: 0 0 0 30px;
	}

.contact {
	margin: 0 10px 0 10px;
	}

table.info {
	background-color: #f6f6f6;
	width: 100%;
	}

table.infohalf {
	background-color: #f6f6f6;
	border-top: 20px solid #fff;
	width: 50%;
	}

tr.heading {
	background-color: #ccc;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	}

.bold {
	background-color: #fcfcfc;
	text-transform: uppercase;
	}

.truebold {
	background-color: #fcfcfc;
	font-weight: bold;
	text-transform: uppercase;
	}

.bold a {
	display: block;
	width: 100%;
	}

.dead {
	background-color: #f6f6f6;
	color: #999;
	font-style: italic;
	}

table.info td {
	border: 2px solid #fff;
	padding: 5px;
	vertical-align: top;
	}

table.infohalf td {
	border: 2px solid #fff;
	padding: 5px;
	vertical-align: top;
	}


table.info_space {
	background-color: #f6f6f6;
	border-top: 20px solid #fff;
	width: 100%;
	}

table.info_space td {
	border: 2px solid #fff;
	padding: 5px;
	vertical-align: top;
	}

/*LN 2007.03.29*/
div.info_space {
	background-color: #f6f6f6;
	border-top: 20px solid #fff;
	width: 100%;
	border: 2px solid #fff;
	vertical-align: top;
	border: solid 1px #ddd;
	padding: 2px 2px 2px 0px;
}

div.info_space div {
	border: 2px solid #fff;
	width: 100%;
	padding: 2px 2px 2px 10px;
	vertical-align: top;
}

div.heading {
	background-color: #ccc;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	width: 90%;
}
/*End LN 2007.03.29*/

strong.allcaps {
	font-weight: bold;
	text-transform: uppercase;
	}

.formheaders {
	background-color: #fcfcfc;
	text-align: right;
	}

.smbody {
	color: #666;
	font: 90% arial, helvetica, sans-serif;
	line-height: 130%;
	}

.schprogression {
	color: #666;
	font: 95% verdana, arial, helvetica, sans-serif;
	line-height: 150%;
	text-align: center;
	}

table.contact {
	background-color: #f6f6f6;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
	margin: 0;
	width: 35%;
	}

table.contact td {
	border: 2px solid #fff;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	}

table.schedule {
	background-color: #f6f6f6;
	border-top: 20px solid #fff;
	width: 95%;
	}

table.schedule tr.heading {
	background-color: #ccc;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	}

table.schedule .bold {
	background-color: #fcfcfc;
	}

table.schedule .bold a {
	display: block;
	width: 100%;
	}

table.schedule td {
	border: 2px solid #fff;
	font: 95% arial, helvetica, sans-serif;
	padding: 5px;
	vertical-align: top;
	}


/* ========================= FOOTER STYLE ========================== */


#footer {
	border-bottom: 5px solid #ffcb39;
	/*border-left: 1px solid #ccc;*/
	padding: 45px 0 5px 0;
	}
	
#footer2 {
	border-bottom: 5px solid #ffcb39;
	padding: 45px 0 5px 0;
	}

#footer3 {
	border-bottom: 5px solid #ffcb39;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 45px 0 5px 0;
	}

.copyright {
	color: #999;
	font: 88% arial, helvetica, sans-serif;
	text-align: center;
	}


/* ========================= LIBRARY STYLE ========================== */

.libraryscroll {
	height: 50px;
	padding: 0 20px 0 20px;
	}


/* ========================= ATHLETICS STYLE ========================== */

.icc {
	background-image: url(/images/ath_topBg.gif);
	color: #333;
	font: 95% arial, helvetica, sans-serif;
	padding: 6px 8px 0 0;
	text-align: right;
	width: 20px
	}

td.athleticsbanner {
	border-bottom: 20px solid #fff;
	}

td#athleticssidebar {
	border-bottom: 20px solid #f7f3f7;
	}

td#sidebar {
	background-color: #f7f3f7;
	border-bottom: 5px solid #ffcb39;
	padding-bottom: 50px;
	padding-top: 10px;
	width: 150px;
	}

#sidebar p {
	margin: 0 0 10px 0;
	}
	
.sportsevent {
	border-bottom: 5px solid #21699c;
	border-left: 1px solid #21699c;
	border-right: 1px solid #21699c;
	height: 95px;
	}
	
.sportsevent p.date {
	background-color: #21699c;
	color: #fff;
	font: 92% arial, helvetica, sans-serif;
	line-height: 175%;
	padding: 1px 0 2px 0;
	text-align: center;
	text-transform: uppercase;
	}

.sportsevent p.game {
	border: 0;
	font: 92% arial, helvetica, sans-serif;
	line-height: 145%;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.sportsevent p.game strong {
	font: 100% verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	}

td#athleticsidebar {
	background-image: url(/images/hd_tdAudienceMenuBg.gif);
	border-bottom: 5px solid #ffcb39;
	}


/* ========================= WIDESCREEN STYLE ========================== */


#middlecolumn-widescreen {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 19px 0 19px;
	}


/* ========================= PTAC STYLES ========================== */


.middlecolumn_ptac {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 20px 19px 20px 19px;
	}

.middlecolumn_ptacsm {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	height: 440px;
	padding: 20px 19px 20px 19px;
	}

.iccdivision {
	background-color: #feca3f;
	color: #666;
	font: 95% arial, helvetica, sans-serif;
	padding: 4px 12px 3px 0;
	text-align: right;
	}

#ptacmenu {
	background-image: url(/images/ccc_hd_menuBg.gif);
	background-repeat: repeat;
	height: 388px;
	}

#ptacmenu dl {
	font: 92% arial, helvetica, sans-serif;
	line-height: 175%;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
	}

.ptacmenu	{
	border-bottom: 1px solid #ccc;
	border-right: 10px solid #21699c;
	line-height: 130%;
	text-transform: uppercase;
	}

.ptacmenu a, .ptacmenu a:visited {
	background-color: #fff;
	color: #666;
	display: block;
	padding: 6px 9px 6px 0;
	text-decoration: none;
	width: 131px;
	}
	
.ptacmenu a:hover, .ptacmenu a:active {
	background-color: #21699c;
	color: #fff;
	}

.ptacmenuindicator {
	line-height: 130%;
	text-transform: uppercase;
	}

.ptacmenuindicator a, .ptacmenuindicator a:visited {
	background-color: #21699c;
	color: #fff;
	display: block;
	padding: 6px 19px 6px 0;
	text-decoration: none;
	width: 131px;
	}

.ptacmenuindicator a:hover {
	color: #fff;
	}

#footer_ptac {
	border-bottom: 5px solid #ffcb39;
	color: #999;
	font: 88% arial, helvetica, sans-serif;
	padding: 45px 0 5px 0;
	text-align: center;
	}
/*Added by LN 2007-5-16 */
.footer   {width:100%; background-color:#E7D9C6}
.mid{margin-left:-380px;width:760px; position:relative; left:50%;
    border-left-width:0;
    border-right-width:0;
	background-color:#fefefe;
}


/* ========================= FOOD SERVICES STYLES ========================== */


#foodssidebar {
	border-top: 20px solid #ffcb39;
	border-bottom: 20px solid #f7f3f7;
	}

#foodleftcolumn {
	border-left: 1px solid #ccc;
	color: #666;
	font: 90% arial, helvetica, sans-serif;
	line-height: 130%;
	padding: 10px 9px 0 10px;
	width: 150px;
	}

.foodverticalseparator {
	border-left: 1px solid #ccc;
	}
	
/* ========================= STYLES added by LN ========================== */