/* CSS Document */
@charset "utf-8";


/*INDEX TABLES contains main buttons*/

table, th, td {
    border: 0px solid black;
    padding: 5px;
    margin-left: auto;
    margin-right: auto; 
}

table {
    border-spacing: 7px; 
}

/* TOP NAVIGATION BAR */

#navbar_top ul{
	list-style-type:none;
        text-align:left;
	background-color:#FFF;
}

#navbar_top li{
	display:inline;
}

#navbar_top a:link{
	color:black;
	background-color:none;
	text-align:center;
	padding-left:10px;
        padding-right:10px;
	text-decoration:none;
        font-size:20px;
        font-weight:bold;
}

#navbar_top a:visited{
	color:black;
	background-color:none;
	text-align:center;
	padding-left:10px;
        padding-right:10px;
	text-decoration:none;
        font-size:20px;
        font-weight:bold;
}

#navbar_top a:hover{ background-color:black; color:#FFF;}
#navbar_top a:active{ background-color:black; color:#FFF;}

/* END TOP NAVIGATION BAR */

a:link {text-decoration:none; }   
a:visited {text-decoration:none; } 
a:hover {text-decoration:none; }   
a:active {text-decoration:none; } 

/* BUTTONS! */
.css_btn_class {
	font-size:28px;
	font-family:Georgia;
	font-weight:bold;
        text-align:center;
	-moz-border-radius:41px;
	-webkit-border-radius:41px;
	border-radius:41px;
	border:0px solid #337fed;
	padding:50px 50px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.css_btn_class:active {
	position:relative;
	top:1px;
} 
/* This css button was generated by css-button-generator.com */

/* ALSO CONTROLS APPEARANCE OF SQL TABLE OUTPUTS */
body{
  background:black;
  color:black;
  font-size:25px;
/*  font-family:Georgia, serif;*/
    font-family: Arial, Helvetica, sans-serif;
  margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding:0;
  text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* CONTROLS THE APPEARANCE OF THE CONTENT WITHIN THE SET WIDTH */

.oneColFixCtrHdr #container{
  width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  background: black;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  border: 1px solid #000000;
  text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header{
  background: black; 
  padding: 0 10px 0 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #header h1{
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #mainContent{
  padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
  background: #FFFFFF;
}

.oneColFixCtrHdr #footer{
  padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
  background:#DDDDDD;
}

.oneColFixCtrHdr #footer p{
  margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
  padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
  text-align: center;
}

/* TABLE STYLING USED IN SQL QUERIES */

#events table{
  width:780px;
  align:center;
}

/* TABLE COLUMN HEADERS */
#events th{
  font-size:1.1em;
  border:1px solid #96c9e4;
  padding:5px 7px 5px 7px;
  background-color:#96c9e4;
  color:white;
  text-align:center;
}

/* TABLE ROWS CONTENT */
#events td{
  font-size:1em;
  border:1px solid #96c9e4;
  padding:5px 7px 5px 7px;
  background-color:white;
  text-align:center;
}

#events tr.alt td{
  color:black;
  background-color:#dceff5;
  text-align:center;
}

#events h4{
       color:white;
       margin-top:3px;
       margin-bottom:3px;
       text-align:center;
}

/* MISC. STYLINGS */

#google_translate_element{
       float:right;
}

#footer{
       font-style:italic;
       font: 75% "Palatino Linotype", "Book Antiqua", Palatino, serif;
       text-align:center;
}