/* CSS Document */

body {
	background: url(images/bg.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

#container { /* centers all content in screen*/
	margin: auto;
	width: 750px;
}

#contentTop { /* creates and positions top division */
	width: 750px;
	height: 200px;
	margin: 0px;
	background:url(images/title.png);
	background-repeat: no-repeat;
}

#contentMiddle { /* creates and positions middle division for content */
	min-height: 240px;
	width: 750px;
	margin: 0px;
	background:url(images/scrolling.png)
}

#contentBottom { /* creates and positions bottom division for copyright content */
	width: 750px;
	height: 67px;
	margin: 0px;
	background:url(images/bottom.png);
}

h1 { /* formats header text */
	background: url('images/headerblank.png') no-repeat;
	font: bold 2.0em Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #000000;
	height: 30px;
	text-align: right; 
	letter-spacing: 0px;
	padding: 15px 25px 2px 2px;
	margin: 0px;
}

.copyright {
	color: #FFFFFF;
	font-size: xx-small;
	padding-top: 10px;
	padding-right: 10px;
}

a:link { /* link formating */
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	color: #3399FF;
}
a:visited {
	font-weight: bold;
	font-style: normal;
	color: #555555;
	text-decoration: none;
}
a:active {
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #66CCFF;
}

a:hover {
	font-weight: bolder;
	font-style: normal;
	text-decoration: underline;
	color: #66CCFF;
	}

ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

ul {
position: absolute; /* positionning for IE5 et IE5.5 */
background: transparent url(images/menu.jpg) top left no-repeat; /* general background for the menu */
height: 180px;
width: 183px;
text-align: left;
border: 1px;
border-color: #000000;
}

li {
display: inline; /* correction for IE5 and IE5.5 */
}

li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 30px;
width: 183px;
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

li a:hover {
color: #000066;
background: transparent url(images/menu.jpg) top left no-repeat;
text-decoration: none;
}

a#menu1:hover {
background-position: 0% -180px; /* move of background for each button */
}

a#menu2:hover {
background-position: 0% -210px;
}

a#menu3:hover {
background-position: 0% -240px;
}

a#menu4:hover {
background-position: 0% -270px;
}

a#menu5:hover {
background-position: 0% -300px;
}

a#menu6:hover {
background-position: 0% -330px;
}

dt {
font-weight: bold;
}