@charset "utf-8";
/* CSS Document */

/* District banner settings */
#logo { background-color:#000 !important; width:100%;}


/* Portland's site layout */
body {
	background: #000;
	margin: 0;
	font: 10pt Arial, Helvetica, sans-serif;
}
#wrap { width: 792px; }
h1#banner, .left h2, .right h2 {
	font-size: 1em;
	text-indent: -1234em;
	margin: 0; padding: 0;
}
h1#banner {
	width: 792px;
	height: 80px;
	background: url(images/top_banner.jpg) no-repeat left top;
}
#menu { /* definitions below */ }
#tinyslice {
	background: #FFF url(images/main_top_left.jpg) no-repeat left top;
	height: 11px;
	width: 757px;
	margin: 0 0 0 35px;
	line-height: 11px;
	clear: both;
}
#contentWrap {
	width: 738px;
	margin: 0 0 0 54px;
}
#contentBox {
	background: #FFF;
	padding: 10px;
}
#notice { 
	clear: both; /* brings it below the oddly wrapping menu in Dreamweaver/Contribute */
	position:relative; /* fixes the IE peekaboo bug */
	padding-top: 10px; /* for Firefox, otherwise the text was right against the header */
	_padding-top: 0; /* for IE6, because it was fine as it was - fix IE7 at some point */ }
#notice p {  }
#pantherpride, #pantherpaws {
	background: url(images/borderleft.jpg) repeat-y top left;
	width: 345px;
	position:relative;
}
#pantherpride p, #pantherpaws p {
	padding: 0 5px 0 10px;
}
#pantherpride {
	
}
#pantherpride h2 {
	width: 189px;
	height: 64px;
	background: url(images/pantherpride.jpg) no-repeat left top;
}
#pantherpaws {

}
#pantherpaws h2 {
	width: 167px;
	height: 64px;
	background: url(images/pantherpaws.jpg) no-repeat left top;
}
.columnEnd {
	background: url(images/columnend.jpg) no-repeat left top;
	height: 36px;
}
p.contact, p.contact a {
	color: #FFF;
	text-align: center;
	font-size: 9pt;
	margin: 3px;
}

#pageContent h2 {
	background: url(/portland/images/h2paws.jpg) left center no-repeat;
	line-height:36px;
	margin: 30px auto;
	padding-left: 50px;
	height: 36px;
}


/* Menu */
#menu {
	font-weight: bold;
	width: 792px;
	height: 35px;
	margin: 0;	padding: 0;
	background: #C00 url(images/menu_left.jpg) no-repeat left top;
	color: #000;
	float: left;
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  }
#menu li {
  float:left;
  background:url("images/tab_left_red.jpg") no-repeat left top;
  margin:0;
  padding:0 0 0 6px;
  }
#menu a {
  float:left;
  display:block;
  background:url("images/tab_right_red.jpg") no-repeat right top;
  padding:5px 12px 4px 3px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
  
  }
#home .home, #class .class, #pta .pta, #calendar .calendar, #menus .menus, #acad .acad, #about .about {
  background-image:url("images/tab_left.jpg");
  }
#home .home a, #class .class a, #pta .pta a, #calendar .calendar a, #menus .menus a, #acad .acad a, #about .about a {
  background-image:url("images/tab_right.jpg");
  color:#000;
  padding-bottom:5px;
  }
/* basic border with square corners
#home .home, #class .class, #pta .pta, #calendar .calendar, #menus .menus, #acad .acad, #about .about {
	color: #000; 
	background: #FFF;
	text-decoration: none;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 4px solid #FFF;
	padding: 1px 3px 3px 3px;
}
*/

/*Global*/
.left {	float: left; }
.right { float: right; }
.clear { height: 1px; clear: both; }