/* Makes the page appear flush with the top of the browser.
 * Without this code there will be a space between browser
 * and content which is undesirable for this design.
 */
 body, td, th  {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	font-size: 12px;
	color: #000000;
}
p{
line-height:17px;
}

 td#smallFont{
 font-size:10px;
 line-height:15px;
}

 td#noFormatting{
	line-height:15px;
}

 td#greenBackground{
 background-color:#A4D4C9;
}

 #content{
   	width: 100%;
  	border: 0px;
   	text-align:left;
   	max-width: 778px;
 }
 
 /*This code formats the links at the top of the content panes on each page.
 * It sets them white and indents them.
 */
 #contentHeaderLeft{
 	color: #FFFFFF;
 	float: left;
  	width: 350px;
	margin-left:5px;
	margin-top:5px;
	padding:0;
 }
 
  #contentHeaderRight{
  	color: #FFFFFF;
 	float: right;
	text-align:right;
	width: 350px;
	margin-top:5px;
	margin-right:5px;
  	padding:0;
 }
 
   #mainContent{
	width: 500px;
	margin-top:30px;
	margin-left:45px;
	margin-top:15px;
	margin-bottom:10px;
  	padding:0;
 }
 
    #fullScreenContent{
	width: 650px;
	margin-top:30px;
	margin-left:45px;
	margin-top:15px;
	margin-bottom:10px;
  	padding:0;
 }
 /* Formats the look of the menu that is generated by Visual QuickMenu Pro */
  #mainMenuLeft{
 	color: #FFFFFF;
 	float: left;
  	width: 500px;
	margin-top:0px;
	padding:0;
 }
 
   #mainMenuRight{
  	color: #FFFFFF;
 	float: right;
	width: 90px;
	margin-left:0px;
  	padding:0;
 }
  #Search {
	background-color: #eee;
	width: 74px;
	border-width:1px;
	font-size: 10px;
}

 H1{
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
}
 H2{
	font-size: 14px;
	font-weight: bold;
	letter-spacing:1px;
}
 H3{
	font-size: 12px;
	font-weight: bold;
	letter-spacing:1px;
}

 a {
	font-weight: normal;
	color:#3366CC;
	text-decoration: none;
}

 a:hover {
 	color:#3300CC;
	text-decoration: none;
}

 a.whiteLink{
 color:#FFFFFF;
}

 a.whiteLink:hover{
 color:#FFFFFF}

 ul {
	list-style-image: url('../images/arrow.gif');
	line-height:17px;
	marker-offset:20px;
}

/* Handles the invisible scrollbox for the "Calendar" which appears
on the main page should it be needed. */
div.calendar {
 	overflow: auto;
	width: 156px;
	height: 411px;
	border: none;
	font-size:12px;
	margin-top:5px;
	margin-bottom: none;
}

/* Handles the invisible scrollbox for the "News" section
which appears on the main page should it be needed. */
div.news {
 	overflow: auto;
	width: 290px;
	height: 145px;
	border: none;
	font-size:12px;
	margin-bottom: none;
}

/* Handles the invisible scrollbox for the "This Week"
which appears on the main page should it be needed. */
div.week {
 	overflow: auto;
	width: 403px;
	height: 187px;
	border: none;
	font-size:12px;
	margin-top:5px;
	margin-bottom: none;
}

/* These two additions to the table markup are used to display 
 two colums as can be found on the viewEvents page*/
td#col1 {
	width: 100px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

td#col2 {
	width: 450px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	text-align: justify;
	line-height:17px;
}

#footerCenter {
	text-align: center;
	color: white;
	font-size:10px;
	font-weight: bold;
	border: 0px solid black;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	background-color: #569AA3;
}


/*
This is for the dynamic image gallery
*/
#bigDynPic{
  background:#369;
  background-position:left;
  position:absolute;
  left:auto;
  background-color:#A4D4C9;
  padding:5px;
}


#thumbs{
  width:600px;
}
#thumbs div {
  margin:5px;
  width:95px;
  height:75px;
  float:left;
}
#thumbs div img{
  border:green;
  border-color:#A4D4C9;
  display:compact;
  margin:5px auto;
}