stylesheet.css

/* CSS Document */
    .blockbkg {
      background-color: black;
      opacity: 90%;
     
      background-color: rgba(0,0,0,0.90);
      width: 100%;
      min-height: 100%;
      overflow: hidden;
      
      position: fixed;
      top: 0;
      left: 0;
      color: white;
	  font-family:Arial;
        font-size:80%;

    }
    .cont {
      background-color: white;
      color: black;
        font-family:Arial;
        font-size:13px;
      border: 1px solid gray;
      padding: 20px;
      display:block;

	  border-radius: 10px;
      background: #fff;
	  width: 350px;
      position: relative;
      margin: 10% auto;
      background-color:rgba(5, 9, 26, 0.88);
	  opacity: 0.8;
      border: 1px solid white;
	  box-shadow: 0px 0px 0px 15px rgba(109, 144, 182, 0.7); 
	  color: rgb(163, 135, 135);
      
    }
    div[id^='closebtn'] {
      width: 10px;
      height: 10px;
      padding: 5px;
      margin: 2px;
      float: right;
      top: 0;
      background-image: url(x.png);
      background-repeat: no-repeat;
      background-position:center;
      background-color: lightgray;
      display: block;
    }
    div[id^='closebtn']:hover {
      cursor: pointer;
    }
/* make link color in header blue */
a{
	text-decoration:none;
	color:#64B9B2;

}

/* make link color navy after hovering over it */
a:hover{
	color:#E284B9;
}



body{
	/*back-up font*/
	font-family:Arial;
	background-color:white;
	color:#E284B9;
	
	
}

/* styling the smaller headers */
body h3{
	margin-left:auto;
	margin-right:auto;
	
}


.caption{
	
	font-size: 13px;
}

#fdBtn
 {
    background:transparent url("./images/feedback.png") no-repeat scroll 0px 0px;
    height:170px;
    left:0;
    position:fixed;
    top:150px;
    width:40px;
}

div#fdBtn:hover
{
    background-position:-41px 0px;
}
#fdBtn a
{
    display:block;
    height:170px;
    width:40px;
}
 
/*.firstLine{
 
	font-family:Rage Italic;
 
} */

/*Modify the title of each lactation room*/


/*how to make the image blocks appear in the center of the page*/
#geiselrow1, #geiselrow2, #geiselrow3, #geiselrow4 
{
	margin-left:auto;
	margin-right:auto;
	
}

/* set blue color for the homepage */
#home_body{
	
	background-color:#02394B;
	z-index: -2136;

}

/* make the link for home pink */
#homeLink, #loginLink{
	color:#387CD3;
}

.inputbox
{
	margin-left:30px;
	margin-right:auto;
}
input{
	border-color:black;
}
/* make the text in the login button be pink when hovered over */
input[type=submit]:hover{
	border-color:black;
}


input[type=submit] {

	
	color:white;
	font-family: Arial;
	width:70px;
	height:30px;
	cursor: pointer;
	background-color:rgb(100, 82, 96);
	border-color:transparent; 
	font-weight:bold;
	font-size: 14px;
	margin-left: 130px;

}

#invalidLoginText
{
	text-align:center;
	color:red;
}


/* to make the spaces in the header */
#linkheadertable{
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	
}

/* styling the text in the linkheader table */
#linkheadertable td{
    text-align:center;
	width:100px;
	padding-left:50px;
	padding-right:50px;
	letter-spacing:5px;
	word-spacing:5px;
}

#loginbg {

	background: url("./images/geisel.jpg") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover; 
	background-size: cover;  
	
	
}

#loginbox
{
	background-color:#9cd2eb;
	display:block;
	height:250px;
	width:400px;
	border:5px solid #9cd2eb;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	border-color:black;


}

#map_body{

	margin:0px;
	padding:0px;

}


/* styling the modal window */ /*
.modalWindow {
        position: fixed;
        font-family:Arial;
        font-size:80%;
        top: 0; /*make the background appear the same in whole monitor*/
      /*  right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        opacity: 0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
	
}

.modalWindow:target {
        opacity:1;
        pointer-events: auto;
		 
}


.modalWindow > div{
		
		width: 350px;
        position: relative;
        margin: 10% auto;
		
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		border-radius: 10px;
        background: #fff;
		
		
		background-color:rgba(5, 9, 26, 0.88);
		opacity: 0.8;
		border: 1px solid white;
		box-shadow: 0px 0px 0px 15px rgba(109, 144, 182, 0.7); 
		color: rgb(163, 135, 135);
		
		
}


/* modal window controls */
/*
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 22px;
    height: 22px;
    font-size: 10px;
	cursor:pointer;
	  z-index: 999999;
 }
 
*/
p{
	font-family:Perpetua Titling MT;
	color:#387CD3;
	font-size:50px;
}

/* make San Diego text cursive and yellow */
p span{
	font-family:Rage Italic;
	color:#f2e518;
	font-size:20px;
} 


/* size the image blocks */
.picture{
	border:5px solid #387CD3;
	display:inline-block;
	border-radius:7px;
	background-color:#FFFFFF;
	width:150px;
	height:90px;
	cursor:pointer;
	z-index: -2136;
}

/* make sure whole image appears in the cell */
.picture img {
    height: 100%;
    width: 100%;
	z-index: -2136;
}  

.smallLine{

	font-family:Arial;
	font-size:16px;
}  

/* text area for feedback form */	  
textarea {
	overflow:auto;
	resize:none;
}


.white{
	color:#FFFFFF;
}

#fback {
	z-index: -8923891823;
	
}

#newevent {
	list-style: none;
}