/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#336699 url("/templates/poway/images/bg-body.gif") 0px 0px repeat-x;
	text-align:center; 
	font:14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#ffffff;
	}

blockquote { margin-left:10px; margin-right:10px; }

#column-right #subhead h1	{ font-size:1.4em; color:#003366; padding-top:10px; text-align:center;}
h2	{
 font-size:1.2em; 
 color:#003366; 
 background-color:#C6C079; 
 padding:3px;
 border:1px solid #003366;
 text-align:center;
 }
h3	{ 
font-size:1.1em; 
color:#ffffff; 
background-color:#336699; 
padding:3px; 
 border:1px solid #003366;
 text-align:center;
}
table {color:#000000;}
h1 span,h2 span,h3 span	{ display:none; }

ul, ol {list-style:none;}
 hr {width:80%; margin-left:20px;}
a:link,a:visited	{ color:#ffffff; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#ffffff; text-decoration:underline; outline:none; }

em {font-style:normal;}

/*------------------------------ classes --------------------------- */

.clear {clear:both;}
div.clear {clear:both; height:10px;}
.homepage-pic {margin-left:38px; margin-top:20px;}
.homepage-pic2 {margin-left:194px;}

#column-right p.align-center {text-align:center; margin-left:38px;}
#column-right img.catalog-info {margin-left:210px;}
#column-right p.catalog-info {margin-left:210px; margin-right:188px;}

#column-right img.catalog-info-index {margin-left:5px; margin-right:10px; float:left;}
span.bold-heading {color:#003163; font-weight:bold;}

/* -------------------------- Site Structure ----------------------- */

#wrap {
	background: url("/templates/poway/images/bg-wrap.gif") 0px 0px repeat-y;
	margin:0px auto;
	width:862px;
	padding:0px;
	}
#header {
	background: url("/templates/poway/images/header.gif") 0px 0px no-repeat;
	width:862px; height:160px;
	position:relative;
	}
	#header a {
		position:absolute;
		top:20px;
		left:20px;
		width:152px;
		height:136px;
		}
		#header a span {display:none;}
	
#columns-top {
	background: url("/templates/poway/images/columns-top.gif") 0px 0px no-repeat;
	width:862px; height:5px;
	margin:0px; padding:0px;
}
/*-------------------------- Column Left --------------------------- */
#column-right {
	float:left;
	width:664px;
	text-align:left;
	}
	#column-right p, 
	#column-right h1,
	#column-right h2, 
	#column-right h3, 
	#column-right h4,
	#column-right ul,
	#column-right dl,
	#column-right ol {
		margin: 0px 41px 10px 20px;
		}
	#column-right li {margin-bottom:5px;}
	#column-right ol p, #column-right ul p {margin-top:0px; display:inline; margin-left:0px;}
	#column-right p {color:#000000;}
	#column-right .subtitle{
	background: url("/templates/poway/images/subtitle.gif") 0px 0px no-repeat;
	width:528px; height:70px;
	margin-left:48px;
	}
	#column-right .subtitle-bottom{
	background: url("/templates/poway/images/subtitle-footer.gif") 0px 0px no-repeat;
	width:528px; height:16px;
	margin-left:48px;
	}
	#column-right a {color:#333333;}
	
	#column-right #strategic-menu {
		background-color:#003366;
		width:30%;
		border:2px solid #ffffff;
		padding:10px;
		list-style:none;
		float:left;
		margin-bottom:0px;
		}
	
	#column-right .page-table {
		margin: 0px 41px 10px 20px;
		width:auto;
		display:block;
		}
	#column-right .page-table td {
		padding:5px;
		vertical-align:top;
		}
		
	table#calendar {border:1px solid #798a9a; background-color:#ffffff;}
table#calendar th{text-align:center;}
table#calendar td.width {width:110px;}
table#calendar td {padding:5px;}
table#calendar {margin-right:40px;}
table#calendar tr {border-bottom:1px solid #798a9a;}
table#calendar tr.banding {background-color:#dee0e2;}
/*------------------------------------------------------------------ */

/*-------------------------- Column Right --------------------------- */
#column-left {
	float:left;
	background: url("/templates/poway/images/col-left-top.gif") 0px 0px no-repeat;
	margin:0px;
	width:186px;
	text-align: left;
	padding-top:35px;
	}
	
	#column-left p, 
	#column-left h1,
	#column-left h2, 
	#column-left h3, 
	#column-left ul,
	#column-left ol {
		margin: 0px 41px 10px 41px;
		}
		
	#column-left ul, #column-left ol {list-style:none;}
	
	/*------calendar of events--------*/
	#column-left ol {
		width:140px;	/* Width of buttons, not entite image (or half of entire image) */
		margin:0px 0px 20px 25px;
		text-align:center;
		}
	#column-left ol li{
		margin:0px;
		margin-top:5px;
		border-left:2px solid #000000;
		border-bottom:2px solid #000000;
		padding:5px;
		width:130px;
		background-color:#ffffff;
		color:#003366;
		}
	
/*------------------------------------------------------------------ */

/*-------------- subheads ------------------------------------------ */
	#subhead { height:35px; }
	body#index #subhead {
		background: url("/templates/poway/images/subhead.gif") 0px 0px no-repeat;
		}

#bottom {
	clear:both;
	background: url("/templates/poway/images/bottom-wrap.gif") 0px 0px repeat-y;
	width:862px; height:34px;
	}

/* ------------------------ vertical sprite nav ------------------------ */

#column-left ul#nav,
#column-left ul#nav2 {
	/*background:url("/templates/poway/images/nav.jpg") top left no-repeat;	*/				
	width:140px;	/* Width of buttons, not entite image (or half of entire image) */
	margin:0px 0px 20px 25px;
	border: 1px solid #C6C079;
	text-align:center;
	}

#column-left ul#nav li,
#column-left ul#nav2 li{
	margin:0px;
	border-bottom:1px solid #C6C079;
	padding:5px;
	width:130px;
	}
	
#column-left ul#nav li a,
#column-left ul#nav2 li a{
	display:block;
	height:100%;
	width:123px;
	text-decoration:none;
	padding:3px;
	}
	#column-left ul#nav li a:hover, 
	#column-left ul#nav2 li a:hover{background-color:#C6C079 !important; color:#000000 !important;}
	#column-left ul#nav li a.important {background-color:#ffffff; color:#000000;}	
#column-left ul#nav li.bottom,
#column-left ul#nav2 li.bottom{
	border-bottom:none;
	}