/********************************************************************************/
/*City of West Allis Internet*/
/*	BASIC HTML ELEMENTS AND LAYOUT														*/
/*	border: 1px solid black; -- test 											*/
/********************************************************************************/
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DT, FORM, MENU, OL, P, TABLE, TD, TH, UL, INPUT, SELECT
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
BODY, INPUT, SELECT 
{
	background-color:#ffffff;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


body {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 3%;
}

h1 {
	font-size:1em;
	color: #CC3300;
}
 
h2 {
	font-size:80%;
	color: #CC3300;
}

h3, h4, h5{
	color: #CC6600;
	margin-bottom: 0;
	font-size: 90%;
}

h6 {
	font-size:90%;
	display:inline;
	padding-top:0.5em;
	padding-bottom:0em;
	clear:left;
}
 
a:link, a:visited {
	text-decoration:none;
	color: #0000CC;
}

a:hover {
	text-decoration: underline;
}

/********************************************************************************/
/*	PAGE STRUCTURE -- id of overall layout table is #mainTable					*/
/********************************************************************************/
#mainTable {	
	width: 100%;
	/*/*/line-height: 1.1em; /* */
}

#mainTable td {
	vertical-align:top;	/*all layout regions will align top */
	padding: 10px;
}

/* Six main body layout elements for pages with left Links
	1. Header   -- ?? do we want a color on the top as banner for subpages?*/
#homeHeader {
	text-align: left;
	background-color:#FFFFCC;
}

/*
2. Horizontal navigation bar for site-wide navigation */

#navBar {
	font-weight: bolder;
	font-size:smaller;
	border: 0px none;
	padding-bottom:3px;
	background-color: #FFCC66;
	color: #CC3300;
	white-space: nowrap;
}

/*navBar navigation elements are displayed as an unordered list of links
display is inline to make a horizontal list */

#navBar li {
	display: inline;
	list-style-type: none;
	font-size: 90%;
}

#navBar ul {
	/*/*/margin: 0;
	white-space: nowrap;
	padding: 0px; /* */
}
 
#navBar a {
	/*/*/padding-left: 10px;
	padding-right: 10px;
 	text-decoration: none;/* */
}

#navBar a:link, #navBar a:visited, #navBar a:active {
 	color:#CC3300;
}
 
#navBar a:hover {
 	color:#FFFFFF;
}

/* use for current page's link if displayed */
#navBar a.current {
	text-decoration:underline;
}

#navBar form {
	display:inline;
}

#navBar input {
	border:1px solid #CC3300;
	width:75px;
}

/* 
3. Sidebar Left for related links 
Links are displayed as an vertical unordered list of links*/
#sidebarLeft {
	width: 20%;
	/*/*/font-size: 90%; /* */
	font-weight:bolder;
	background-color: #FF9900;
}

#sideBarLeftNone {
	background-color:#FFFFFF;
	width:18%;
}

#sidebarLeft h1 {
	padding-top:0em;
	padding-bottom:.5em;
	padding-left:.5em;
	margin:0;
}

#sidebarLeft ul {
 	/*/*/list-style-type: none; /* */
	padding-top:0;
	padding-left:1em;
	margin:0;
}

#sidebarLeft li {
	border-bottom: 1px solid #FF9900;
	font-size:80%;
}

/*hightlight link of current page */
#sidebarLeft li a.on {
	text-decoration:underline;
}

html>body #sidebarLeft li {
	border-bottom: none;
}

#sidebarLeft li a {
 	/*/*/padding-left:3px;
	padding-right:3px;
 	display: block;
 	border: 2px solid #FF9900; /* match hover border so display doesn't jump */
 	text-decoration: none;/* */
 }
 
#sidebarLeft a:link, #sidebarLeft a:visited, #sidebarLeft a:active {
 	color:#FFFFCC;
}
 
#sidebarLeft a:hover{
 	color: #FFFFFF;
 	background-color: #CC0000;
 	border: 2px solid #CC0000;
}
  
/*
4. Main content region - the central cell in the table*/
#mainContent {
	width: 60%;
	font-size:.9em;
}
	
#mainContent h1, #mainContent hr {
	margin:0;
}

#mainContent h2, #mainContent h3, #mainContent h4 {
	margin-top:.2em;
	margin-bottom:0;
}

#mainContent p {
	margin-top:0;
}

#mainContent table td, #mainContent table th {
 	/*table structure if content region is used for table displayed information*/
	text-align: left;
 	padding: 0em 1em .5em 1em;
	vertical-align:top;
	font-size:.9em;
}

#mainContent a {
	font-weight:normal;
	display: inline;
}

#mainContent a:hover {
	text-decoration:underline;
}

/*for pages that display a simple list without bullets
	-- mostly used with lists of links */
#mainContent ol {
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
}

/*for two level lists */
#mainContent ul li ul li {
	list-style-type:square;
}

#mainContent img {
	margin:.5em 1em .5em 1em;
}

/*for notes and hints about main content*/
#mainContent .hint {
	font-size:80%;
	font-style:italic;
	clear:both;
	font-weight:lighter;
	line-height:normal;
}

/*for editing */
#mainContent .edComment {
	font-style:italic;
	background-color:#FFFF00;
}

/* for newspages */
#mainContent .newsSchedule {
	font-style:italic;
	font-weight:normal;
	color:#000000;
	display:inline;
	clear:both;
}

#mainContent img.newsImage {
	border:1px solid #111111;
	height:125px;
	border:.25em;
	padding: 0;
	margin:.25em .25em .25em 0em;
	float:left;
}
  
/*
5. SidebarRight - for image departmental contact information*/
#sidebarRight {
 	vertical-align: top;
 	width:16%;
	font-size: 75%;
	border: 1px solid #FF9900;
	text-align:center;
}

#sidebarRight ol {
	list-style-type:none;
	margin-left:0em;
	padding-left:0em;
}

#sidebarRight h5 {
	padding-top:.5em;
	line-height:normal;
	padding-bottom:0em;
}

#sidebarRight div {
	line-height:normal;
}

#sidebarRight img.graphic {
	margin-top: 1em;
}

/*
6. Footer - for disclaimer and privacy notice */
#footer {
	/*color: #CC3300;*/
	font-size:70%;
}

#footer .update {
		font-style:italic;
		color:#666666;
		text-align:right;
}