/* Style sheet for the band pages 
*/
BODY {
     font-family:Arial, Helvetica;
     
     font-weight:normal;

     font-style=normal;

     font-size=10pt
}

/*
Custom id's

*/

/*
---------------------------------------------------

Page header definition simply places it top left and defines margins and padding.
The images displayed in the header are left to the template to decide.

*/

#pageHeader {
	position: absolute;

	top: 0px;

	left: 174px;

	background-image:url(title.gif);

	background-position:center;

	background-repeat:no-repeat;

	width: 820px;

	height: 100px;

	vertical-align:middle;

	border-bottom: 2px solid darkred;

}

/*
---------------------------------------------------

Logo definition

*/

#logo {
	position: absolute;
	top: 0px;

	left: 0px;

	width: 170px;

	height: 189px;        	padding-right: 0px;

        padding-left: 0px;

	background-color:lightgrey;
	background-image:url(city_of_ex_small.jpg);

	background-repeat:no-repeat;

	background-position:top;

	border:2px solid darkred;

}

/*
---------------------------------------------------

Side menu definition

*/

#sideMenu {

	position: absolute;

	top: 193px;

	left: 0px;

	width: 154px;

	height: 517px;

	background-color:lightgrey;

        padding-right: 20px;

      	padding-top: 30px;

        padding-left: 0px;

        margin: 0px;

}

#sideMenu ul {

	list-style:none;

        font-size:12pt;

        padding-left:5px;

        margin: 0px;

}

#sideMenu li {

	border-top:2px solid white;

	background-color:lightgrey;

        padding-top:3px;

	padding-bottom:3px;

        text-align: left;

}

#sideMenu li a {

	text-decoration:none;

        border-left:8px solid gray;

	color:darkred;

}

#sideMenu li a:hover, a:active {
 
	text-decoration:underline;

        border-left:8px solid darkred;

	color:darkred;

}

/*
---------------------------------------------------

Web ring definition

*/

#WebRing {

	position: absolute;

	top: 800px;

	left: 0px;

}

/*
---------------------------------------------------

Main content definition

*/

#mainContent {

	position: absolute;

	top: 180px;

	left: 180px;

	width: 850px;

	height: 530px;

        padding-left: 40px;

        padding-top: 30px;

	color:darkred;

        overflow:auto;

}

#mainContent ul {

	color:darkred;

        text-align:centre;

	list-style:none;

}

#mainContent dl {

	color:darkred;

        text-align:centre;

}

#mainContent dt {
		color:darkred;

	font-style:italic;

        text-align:centre;

}

#mainContent a {

	color:darkred;

	text-decoration:underline; 

}

#mainContent a:hover, a:active {
 
	text-decoration:underline; 
		color:darkred;

	font-style:italic;
 
       border-left:0px;

}

#mainContent table {

	color:darkred;

}

#mainContent table th {

	color:darkred;

        vertical-align:top;

	background-color:lightgrey;

}


#maincontent img {
        position: relative;
        top: 0px;
}
/*
---------------------------------------------------

Contact info definition

*/

#contactInfo {

	position: absolute;

	top: 740px;

	left: 0px;

	width: 300px;

	height: 20px;

	color:darkred;
          border-top:2px solid lightgrey;

        padding-left:5px;
                padding-top: 5px;

        font-size:10pt;

}

#contactInfo a{
		color:darkred;

	text-decoration:underline;

}

/*
---------------------------------------------------

Last modified definition

*/

#lastMod {
		position: absolute;

	top: 740px;

	left: 700px;

	width: 300px;
		height: 20px;

	color:darkred;

        border-top:2px solid lightgrey;
           padding-right:5px;

        padding-top: 5px;

        text-align: right;

        font-size:10pt;

}

/*
---------------------------------------------------

Header definition

*/

.subTitle {

	position: absolute;

	top: 150px;

	left: 300px;

        width=500px;
        	font-weight:bold;

        text-align: center;

        color:black;
		text-decoration:underline; 

}
/*
---------------------------------------------------

Address definition

*/

.address {

	text-indent: 20px;  

}
/*
---------------------------------------------------

pictures to the right
*/
.sidePic {
  position: relative;
  top: 180px;
  left: 700px;
  width: 200px;
  height: 200px;
}