/*This is a page of styles for FuCa*/

body {
	margin: 0 auto;
	text-align: center;
	background-color: #FAEBD7;
	font-family: Helvetica, Arial, sans-serif;
	background-attachment: fixed;
}


h1 {
	font-family: Comic Sans MS;
	color: #c7b299;
}


h2 {
	font-family: Comic Sans MS;
	color: #8B0000;
}

div.header {
	width: 800px;
	height: 150px;
	background-image: url(images/bg_navbar.png);
	border: 3px solid grey;
	background-color: white;
	padding: 10px;
	text-align: center;
	-moz-box-shadow:    0px 0px 5px 5px #ccc;
  	-webkit-box-shadow: 0px 0px 5px 5px #ccc;
  	box-shadow:         0px 0px 5px 5px #ccc;
	margin: 20px auto 10px auto;
}



div.container {
	width: 800px;
	border: 3px solid grey;
	background-color: white;
	padding: 10px;
	text-align: center;
	-moz-box-shadow:    0px 0px 5px 5px #ccc;
  	-webkit-box-shadow: 0px 0px 5px 5px #ccc;
  	box-shadow:         0px 0px 5px 5px #ccc;
	margin: 10px auto 5px auto;
}





div.footer {
	width: 800px;
	border: 3px solid grey;
	background-color: white;
	padding: 10px;
	text-align: center;
	-moz-box-shadow:    0px 0px 5px 5px #ccc;
  	-webkit-box-shadow: 0px 0px 5px 5px #ccc;
  	box-shadow:         0px 0px 5px 5px #ccc;
	margin: 5px auto 20px auto;
}





	a:link {color: #DC143C;
	text-decoration: none;}
	a:visited {color: #00008B;}
	a:hover {color: #00FFFF;}
	a:active {color: #000000;}






.rollover1 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/cat1.png); 
}

.rollover1 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/cat2.png); 
}

.rollover2 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/7am1.png); 
}

.rollover2 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/7am2.png); 
}

.rollover3 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/11am1.png); 
}

.rollover3 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/11am2.png); 
}

.rollover4 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/3pm1.png); 
}

.rollover4 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/3pm2.png); 
}

.rollover5 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/7pm1.png); 
}

.rollover5 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/7pm2.png); 
}

.rollover6 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/11pm1.png); 
}

.rollover6 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/11pm2.png); 
}


.rollover7 a {     display : block;
                     width : 50px;
                     height : 50px;
                     background-image:url(images/links1.png); 
}

.rollover7 a:hover { display : block;
                      width : 50px;
                      height : 50px;
                      background-image:url(images/links2.png); 
}