body {
margin: 0 auto;
}

body div {
text-align: left
}

#main {
width: 1050px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color: #000000;
}

#head {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
height: 175px;
width: 1050px;
background-image: url("gcisfbanner2.jpg");
background-position: center;
background-repeat: no-repeat;
}

#head h1 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 50px;
color: #000000;
}

#menu {
float: left;
clear: left;
width: 150px;
font-family: georgia;
margin-bottom: 10px;
margin-left: 10px;
}

#menu h1 {
padding-left: 5px;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
color: #14e33a;
}

#menu a {
color: #1490e3;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
}

#menu a.active {
color: #FFFFFF;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: block;
background-color: #14903e;
border-bottom: 1px solid #000000;
}

#menu a:hover {
background-color: #14e33a;
}

#content {
font-family: georgia;
padding: 10px;
margin-left: 175px;
margin-right: 25px;
margin-bottom: 0px;
width: 800px;
background-color: #FFFFFF;
color: #000000;
}

#content h1 {
font-size: 50px;
margin-top: 5px;
margin-bottom: 0px;
color: #1490e3;
}

/* div for the calendar markup - text must be centered */
div#calendar {
  margin : 125px;
  padding : 0px;
  text-align : center;
  width : 21em;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #000000;
  border : 1px solid #000000;
  cursor : help;
  font-weight : bold;
  color : #14e33a;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #FFFFFF;
  text-decoration : none;
  background-color : #1490e3;
  border: 1px solid #000000;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #000000;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000000;
  background-color : #ffff00;
  border : 1px solid #000000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #14e33a;
  padding : 5px;
  border : 1px solid #000000;
  background-color : #14e33a;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 1.5em;
  letter-spacing : 0.01em;
}

/* End Styles */

#foot {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 25px;
width: 1050px;
background-color: #000000;
color: #FFFFFF;
font-size: 12px;
}

#foot a {
color: #14e33a;
text-decoration: none;
font-style: italic;
}

#foot a:hover {
text-decoration: underline;
}