@charset "iso-8859-1";

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.hide {
	display: none !important;
}

.inside {
	padding: 0 .5em;
}

.contact_text * {
	margin: 4px;
	color: #333;	
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 0;
}

h1 {
	font-size: 220%;
}

h2 {
	font-size: 170%;
	text-align:center;
}
h3 {
	font-size: 160%;
}

h4 {
	font-size: 130%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 70%;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #336;
	font-weight: bold;
	/*padding:5px*/	
}
a:hover {
	background-color: #c4c4c4;
}

code {
	font-family: "Courier New", Courier, monospace;
}

label {
	cursor: pointer;
}

table {
	/*font-size: 100%;*/
}

td, th {
	/*vertical-align: middle;*/
	padding-left: 3px;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body {
	margin:18px;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}

#pageWrapper {
	border: none;
	border-width: 0 1px;
	min-width: 60em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: auto;
	max-width: 2000px;
}

* html #pageWrapper {
	/* \*/
		/*word-wrap: break-word;*/
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#masthead {
	display:none;
	border: solid 1px #fff;
	border-width: 1px 0;
	overflow: hidden;
	height: auto;
	background-color: #8b8f91;
}

#masthead h1 {
	display:none;
	white-space: nowrap;
	font-size: 20pt;
	text-shadow: black 2px 2px 3px;
	color: #fff;
	/*padding-top: 25px;
	padding-bottom: 25px;*/
	text-align: left;
	padding: 0 0 0 150px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: none;
	/*border-right: solid 21em #fff;*/
}

#innerColumnContainer {
	border: none;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
					   100% width declaration */
	width: 100%;
	z-index: 1;
}

#middleColumn, * html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#SOWrap {
	float: left;
	margin: 0 0 0 0;
	width: 100%;
	z-index: 3;
}

#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
	line-height: 1.3;
	/*overflow: hidden;*/
}

#middleColumn ul li {
	/*font-size: large;*/
	list-style:none;
	padding-top: .2em;
	padding-bottom: .2em;
}

#leftColumn {
	display:none;
}

#footer {
	display:none;
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}

p.fontsize-set {
	text-align: center;
}

p.fontsize-set img {
	border-width: 0;
}

/* sidebar elements */

.vnav {
	display:none;
	/*margin:0;*/
	margin: .5em 0;
	/*color: #333;*/
}

.vnav ul {
	display: none !important;
	color: #333;
	margin: 0;
	list-style: none;
}


.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover {
	display: none !important;
	text-decoration: none;
	color: #333;
}

#leftColumn .inside .vnav ul {
	display: none !important;

}


/*establish comfy spacaing between rows*/
/*no effect in IE 5*/ 
div.vnav > ul > li {
	display: none !important;
	margin-bottom: 1em;
	}

div.vnav ul ul {
	display: none !important;
	margin-left: 1.25em;
}

div.vnav ul, div.vnav li {
	display: none !important;
	padding: 0px;
	margin: 0px;
	/*display:block;*/
	/*display: inline;*/	
}

div.vnav li a {
	display: none !important;
	margin-left: 0;
	padding: 3px;
	/*text-decoration: none;*/
	/*width: 100%;
	height: 100%;*/
	display:  block;
	border-bottom: 1px solid #9da1a7;
}


div.vnav ul > li {
	display: none !important;
	/*display: list-item;*/
}

div.vnav li > a {
	display: none !important;
	/*width: auto;
	height: auto;*/
}

.jumplinks {
	display:none;
}
.breadbox {
	display:none;
}

div.box {
	border:none;
}
.lastMonth {
	display:none;
}
.nextMonth {
	display:none;
}




#search_box {
	display: none !important;
	text-align: center;	
	background-color: #cdcdcd;
	border: solid 1px;
	height: auto;
	margin: 0;
	margin-top: 1em;
	margin-bottom: .5em;	
	padding: 8px 5px 5px;
}

#search_box .search_field {
	display: none !important;
	width: 95%;
	margin: 0 0 5px;
}

#search_box .submit_button {
	display: none !important;
	margin-left: 10em;
}


* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	display: none !important;
	height: 0.01%;
}

* html .vnav ul {
	display: none !important;
	position: relative;
	/* IE needs this to fix a rendering problem */
}

div.vnav img {
	display: none !important;
	border: 1px solid #4a525a;
	margin-top: 10px;
	margin-bottom: 10px;	
	/*margin-bottom: -5px;*/
}


/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */

.hnav {
	display:none;
	border-bottom: solid 1px #fff;
	/*text-align: center;*/
}

.hnav, .hnav ul li a {
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	/*padding-top: 3px;
	padding-bottom: 4px;*/
}

.hnav ul {
	list-style:none;
	padding: 0;	
	margin: 0;
	overflow: hidden;
	height: 2em;
}

.hnav ul li {
	padding: 0;	
	margin: 0;	
	text-shadow: black 2px 2px 3px;
	font-weight: bold;
	/*IE 6 needs the following for proper horizontal distribution*/
	float: left;
	/*padding-top: 1em;*/
	/*line-height: 2em;*/
}

.hnav ul li a {
	padding: .5em;
	/*padding-top: 1em;
	padding-bottom: 1em;*/
	/*IE 6 needs the following for proper vertical distribution*/
	float:left;
	/*display: block;*/
	color: #fff;
	/*padding-right: 10px;
	padding-left: 10px;*/
	text-decoration: none;
	white-space: nowrap;
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active{
	text-decoration: none;
	}

.hnav ul li span.divider {
	display: none;
}

* html .hnav ul li, * html .hnav ul li a {
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}

* html .hnav, * html .hnav ul a {
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}

* html .HNAV {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */

#pageWrapper, #masthead, #innerColumnContainer, #footer, #search_box, .hnav, .hnav ul li a {
	border-color: #4a525a;
}

html, body {
	color: #000;
	font-family: arial, helvetica, sans-serif;
	background: #e6e6e2;
}

#pageWrapper {
	font-size: 80%;	/* set your default font size here. */
}

.hnav {
	background: #6e747a none repeat-x;
}

#outerColumnContainer {
	border-left-color: #b0b4b7;	/* left column */
	/*border-right-color: #cdc;*/	/* right column */
	background: white;	/* middle column */
}

.hnav ul li a:link, .hnav ul li a:visited {
	color: white;
	text-shadow: black 2px 2px 3px;	
	font-weight: bold;
}

.hnav ul li a:hover {
	background-color: #636f7a;
	color: #fff;
}

#footer {
	background-color: #cdcdcd;
	color: black;
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: x-small;
}

#footer ul {
	display: inline;
	padding: 0;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	line-height:2em;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	white-space: nowrap;
}

#footer ul li a {
	padding:0;
	margin-left: 4px;
	margin-right: 4px;
	}

#logo {
	height: 64px;
	width: 64px;
	background: url(../images/aps_logo_64.gif);
	/*not ideal, but looks better in IE*/
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
}

img.thumbnail{
	float: right;
	display: inline;
}

/* @group Masthead Banner Images */

.capital {
	background-image: url(../images/capital.jpg);
}

.maintenance {
	background-image: url(../images/maintenance.jpg);
}

.materials {
	background-image: url(../images/materials.jpg);
}

.fiscal {
	background-image: url(../images/fiscal.jpg);
}

.transportation {
	background-image: url(../images/transportation.jpg);
}

.nutrition {
	background-image: url(../images/nutrition.jpg);
}

.real_estate {
	background-image: url(../images/real_estate.jpg);
}

.search {
	background-image: url(../images/search.jpg);
}

.construction {
	background-image: url(../images/construction.jpg);
}

.chalkboard {
	background-image: url(../images/chalkboard.jpg);
}

.day_meals {
	font-size: 120%;
}



/* @end */