/***************************************************************************/
 /************************tag declarations***********************************/
/***************************************************************************/
body,html{width:100%; height:100%; font-size:100%;}

body{
	background:#FFF;
	padding:0; margin:0;
}
div.dirDesc,p,td,li,blockquote {
	font-family: Helvetica, Geneva, Arial, sans-serif; font-size:.85em;
	line-height:1.3em;
}
p,td,blockquote, li {color:#666;}
li{color:#333; font-weight:bold;}
img{
	border:none;
	behavior:	url("pngbehavior.htc");
}

i{ display:none;}

h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em;}
h2{font-size:1.4em;}
h3,h6{font-size:1em; color:#333;}
h1, h3{text-transform:uppercase;}
h4, h5{font-size:.8em;}
h1, h5{font-weight:normal;}
h4, h5{margin:0;}
h6{font-family:Georgia, "Times New Roman", Times, serif; margin-top:20px; margin-bottom:-5px; border-bottom:1px solid #ccc; display:inline;}

  /***************************************************************************/
 /************************id declarations************************************/
/***************************************************************************/
div#mainWrapper{
	position:relative; min-height:100%;
}

div#mainWrapper *,p{position: relative;}
img#photoframe{position:absolute; left:0px;}
div#mainWrapper img.fauxBG{
	position: absolute; width:100%; height:100%;
}
div#topBar, div#contentBar, div#bottomBar, div#footer{
	width:696px;left:50%; 
	margin-left:-348px;
	background-color:#FFF;
}
div#contentBar, div#bottomBar{
	width:682px;
	padding:12px 5px;
	border:solid; border-width:0 2px; 
}


/*******top bar*******/
div#topBar{
	height:273px; 
	margin-top:10px;
	background:url(/images/top_images/rotate_sized.php?w=696&h=263&constrain=l) no-repeat center center;
}
a#logo{
	float:left;
	margin:10px 0 0 8px;
}
p#districtButtons{
	position:absolute; left:437px; top:-5px;
}
div#districtNav{
	width:580px; height:33px;
	position:absolute;
	left:114px; top:225px;
}

p.districtNavBlock{
	margin:0; padding-left:65px;
	height:33px; float:left; width:500px;
}
div#districtNav a{float:left;}
div#nesNav{
	width:670px; height:33px;
	position:absolute; left:24px; top:250px;
}
p.nesNavBlock{
	background:#857664;
	height:20px; width:655px; float:left;
	margin:0; padding:13px 0 0 0px;
}
div#nesNav a{
	float:left;
	margin-right:20px;
	text-decoration:none;
}
div#nesNav a:before{content:url(/images/css_shared/nesNav_bullet.gif);}

/*******welcome box, outline box*******/
div#welcomeBox, div#outlineBox{
	margin:20px 7px; padding:10px;
	border:1px solid;
}
div#welcomeBox,div#welcomeBox p{font-family:Georgia, "Times New Roman", Times, serif; font-size:.95em; color:#333; letter-spacing:.1em;}
div#welcomeBox p{padding:0; margin:0;}
div#outlineBox{
	height:100%;
	padding-top:0;
	margin-top:0;
}
div#welcomeBox h1{
	display:inline;
	line-height:normal;
}

/*******directory list*******/
img.dirThm{
	float:left;
	background:center center no-repeat;
	border:1px solid;
	margin:0px 15px 0 0;
}
div.dirDesc{
	float:left; width:255px;
	margin:0 5px 0 0;
	overflow:hidden;
}
h3.dirTitle{margin:0 0 5px 0; overflow:hidden;}
div.dirDesc p{margin:0;}
div.dirCol{
	display:block;
	float:left; width:150px;
	margin:0px 0 0 5px;
	text-align:center;overflow:hidden;
}
div.dirCol a{font-size:80%;}
div.narrow{width:75px;overflow:hidden;}
div.dirCol *{text-align:center;}
/*******district box*******/
div.districtBox{
	margin: 0px 5px 0 7px;
	background:url(../images/css_shared/districtboxBack.gif) repeat-y;
}

div.districtBox h2{
	width:217px; height:29px; 
	margin:0 7px 0 0;
	float:left;
}
div.districtBox h2, div#footer a{font-size:1px; color:#FFFFFF}

.noMargin{margin:0;}

/*******waterloo box*******/
.waterlooBump{
	background:url(/images/css_shared/waterlooBox_bottom.gif) no-repeat bottom;
	top:-2px;
	float:left; margin:0 7px 0 0;
	width:217px; height:14px;
}
div.waterloo{border-color:#e6a76d; margin:0 7px 0 0;}
h2.waterloo{
	background:url(/images/css_shared/waterlooBox_top.gif) no-repeat;
}

/*******lakeshore box*******/
.lakeshoreBump{
	background:url(/images/css_shared/lakeshoreBox_bottom.gif) no-repeat bottom;
	top:-2px;
	float:left; margin:0 7px 0 0;
	width:217px; height:14px;
}
div.lakeshore{border-color:#7cace9; margin:0 7px 0 0;}
h2.lakeshore{background:url(/images/css_shared/lakeshoreBox_top.gif) no-repeat;}

/*******east 185 boxr*******/
.east185Bump{
	background:url(/images/css_shared/east185Box_bottom.gif) no-repeat bottom;
	top:-2px;
	float:left;
	width:217px; height:14px;
}
div.east185{border-color:#7dba3a;}
h2.east185{
	background:url(/images/css_shared/east185Box_top.gif) no-repeat;
}

/*******bottom bar*******/
div#bottomBar{border-top-width:2px;}
div#bottomBar a{font-size:90%;}
div#bottomBar *{text-align:center;}

/*******footer*******/
div#footer{
	padding-top:16px;
	text-align:right;
}
div#footer .small{margin-right:17px;}
div#footer a{
	display:block;
	background: url(/images/css_shared/poweredby.gif) no-repeat;
	width:132px; height:12px;
	margin-left:545px;
}

  /***************************************************************************/
 /************************class declarations*********************************/
/***************************************************************************/
.bolded{font-weight:bold;}
div.clearDiv{clear:both; font-size:1px;}
img.endcap{height:100%; float:left; background-color:#CC33CC}
div.tinyLink{
	margin:20px 7px 0 7px;
	text-align:right;
}
div.tinyLink a{font-size:80%;}
.rMargFive{margin-right:5px;}
.rFloat{float:right;}
.small{font-size:.7em; font-weight:normal; text-transform:none;}
.faded{color:#CCC;}
.divider{padding:5px 0; border-color:#ccc; border-style:solid; border-width:1px 0; clear:both;}
.rowDiv{clear:both; margin-bottom:20px;}


/*******preview box*******/
.previewBox{
	font-size:80%;
	width:213px;
	border-width:0px 2px; border-style:solid;
	padding:0 0 10px 0;
	margin:0 5px 0 0;
	float:left;
}
.previewBox img{
	float:left;
	margin:5px;
}
.previewBox h3{margin:0; padding-top:10px; padding-left:5px;}
.previewBox h3 a{margin:0;}
.previewBox p{margin:0; padding:5px;}


/*******layer indexes*******/
div#mainWrapper *,p,div#contentBar, div#bottomBar{z-index: 1;}
div#mainWrapper img.fauxBG{z-index:0;}
div#topBar{z-index:2;}
div#districtNav{z-index:3;}
.layerOne{z-index:2;}

/*******opps box*******/
.oppsBoxLeft,.oppsBoxRight{
	float:left;
	width:305px;
	border:1px solid #ddd;
	height:100%;
	padding:5px;
	margin-bottom:5px;
}
.oppsBoxLeft{margin-right:5px;}
.oppsBoxRight{margin-left:315;}
img.oppsThm{margin:2px 0 2px 5px; display:block;}

/*******news table*******/
#newsChart{
	width:100%; border:none; padding:none;
}
#newsChart td, #newsChart th{text-align:left; vertical-align:top; margin:0; padding-top:5px; padding-bottom:5px; padding-left:3px; padding-right:3px;}
#newsChart th{background:#004960; color:#FFFFFF; font-size:110%;}
#newsChart td.shaded{background-color:#ddd;}

/*******housing detail*******/
img.housFull{
	margin-bottom:10px; margin-right:14px;
	background:center center no-repeat;
}

div#leftbar{float:left; margin:5px 15px 15px 5px; padding:5px; width:200px; background-color:#ddd; z-index:2; font-size:90%; font-family:Georgia, "Times New Roman", Times, serif;}
div#leftbar li{color:#666; font-weight:normal;}
div#leftbar ul{margin-top:0;}
div#leftbar p{margin:0;}
div#leftbar .bolded{color:#333;}
img.clearRightMarg{margin-right:0;}
.leftMarg{margin-left:5px;}
.smallital{font-size:.8em; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
#newsChart td.notoppad{padding-top:0;}
#newsChart td.nobotpad{padding-bottom:0;}

  /***************************************************************************/
 /*******************************cms*****************************************/
/***************************************************************************/
#leftNav{float:left; width:150px;}
#leftNav a{display:block; margin:5px; text-decoration:none; text-transform:uppercase; color:#333333; font-family:Georgia, "Times New Roman", Times, serif;}
div#welcomeBox.stayRight{margin-left:150px; min-height:400px;}

table.recordlist{width:100%; margin-top:20px;border-left:#CCC 1px solid;border-right:#CCC 1px solid;}
table.recordlist td,table.recordlist th{padding:3px 5px; text-align:left;}
table.recordlist th{background:#0B3953; color:#FFF; text-transform:uppercase; font-size:.9em; vertical-align:bottom; padding-bottom:0px ; line-height:normal;}
table.recordlist th.subhead{background:#34607B; font-size:.8em;}
table.recordlist td{font-size:.8em; border-bottom:#CCC 1px solid; vertical-align:top;}
form.editrecord label{display:inline; color:#333333; font-weight:bold; text-transform:uppercase; letter-spacing:.05em}
form.editrecord select{text-transform:none;font-size:1em;}
form.editrecord input{width:200px;font-size:1em;}
form.editrecord td.full input{width:400px;}
form.editrecord input.image, form.editrecord input.button,form.editrecord td.full input.image, form.editrecord td.full input.button,form.editrecord input.auto, form.editrecord td.full input.auto{width:auto;}
form.editrecord textarea{font-family:Helvetica, Geneva, Arial, sans-serif; font-size:1em;}
form.editrecord{margin-top:40px;}
table.editrecord td{padding:20px 6px 0 6px; vertical-align:top;}
table.editrecord hr{border:solid #CCCCCC; border-width:1px 0 0 0; margin:-2px 0 3px 0;}
div.buttonrow{text-align:center; padding:10px 0;}
form.editrecord input.nobord{border:none; font-style:italic;}
form.editrecord button.nobord{border:none; background:none;}


  /***************************************************************************/
 /*****************************calendar**************************************/
/***************************************************************************/

.mainTableTOC {
	width: 635px;
	table-layout: fixed;
 }
.mainTableTOC td{vertical-align:top;}
.navTableTextTOC {}

/* Month and Year Row Setup */
.monthYearRowTOC {
    height: 32px;
	background-color: #333;
    margin: 0px;
    padding: 6px;
	}

/* Month and Year Text Setup */
.monthYearTextTOC {
	font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em;
	color: #fff;
}

/* Day Names Row Setup */
.dayNamesRowTOC {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#333;
    height: 20px;
}

/* Day Name Setup */
.dayNamesTextTOC {}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
	color: #433D27;
	height: 88px;
}

/* Color of Today's Date */
.todayTOC {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFF;
	background-color: #000;
    padding: 2px;
    margin: 0px;
	}

.titleTOC {
    padding: 1px;
    margin: 0px;
	border-bottom:#CCC 1px dotted;
	font-size:.65em; font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	white-space:nowrap;
	text-shadow:#0066CC;
	text-overflow:clip;
}
.titleTOC span{margin-right:1px;}

.daynumTOC {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #FBFCEF;
	background-color: #ccc;
    padding: 2px;
    margin: 0px;
}

.formElements {}

.formButtons {}

.sOtherTOC {
	font-size:.65em;
    background-color: #EEEEEE;
	color: #BBBBBB;
}

.s20TOC {
	border:1px #ccc solid;
	height: 88px;
}

.s20TOC0 {
	background-color: #D4D4D4;
	height: 88px;
}

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 175px;
 }

.navTable {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 175px;
 }

.navTableText {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;
	}

/* Month and Year Row Setup */
.monthYearRow {
	background-image:   url(../Copy of default/monthBg.gif);
    line-height: 17pt;
	background-color: #D8E2EC;
	text-align: center;
	vertical-align: middle;
	}

/* Month and Year Text Setup */
.monthYearText {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;
	}

/* Day Name Setup */
.dayNamesText {
	background-image:   url(../Copy of default/dayBg.gif);
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #433D27;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000;
}

/* Pop-up Events Setup */
.popupDate {
	background-color: #ccc;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;
	font-weight:bold;
	color: #FBFCEF;
}

.popupEventTitle {
	padding: 2px;
	margin:10px 10px 0px 10px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size:.9em; font-weight:bold;
}

.categoryName{display:none;}
.categoryDiv,.popupEventTime {
	background-color: #F4F4F4;
	margin:0px 10px;
	font-size:.9em; color:#666;
	border: 1px dotted #EFEFEF;
	padding: 1px;
}

.popupEventDescription {
	padding: 2px;
	margin:0px 10px;
	line-height:1.3em;
	color:#666;
	background-color:#fff;

}
.popupEventDescription a{text-decoration:none; color:#666;}

.popupEventDate {
	padding: 1px;
	margin:0px 10px;
	font-size:.9em;
	font-style:italic; font-weight:bold; color:#666;
	}

.popupEnd {
	}

.popupClose {
	background-color: #ccc;
	}

.popupCloseBrackets {
	background-color: #ccc;
	}
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-color: #E0E0E0;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-color: #EBEBEB;
	}

/* Show dates from other months */
.sOther {
    background-color: #EEEEEE;
	color: #BBBBBB;
	}
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: #D0D0D0;
	}


.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}
.categoryDiv {
	background-color: #FCF5EF;
}