/* Global Stuff
----------------------------------------------------------------------------*/

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
background: url(../images/bodybg.jpg) repeat-x bottom center #283955;
  min-width: 760px;
  font: 62.5%/1.5 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  text-align: center; 
}

#wrapper {
  width: 730px; 
  margin: 0 auto;
  text-align: left; 
	background-color: #fff;
}

#second-wrapper {
  width: 730px; 
	background-color: #fff;
}

img {
border:0
}

/* Pretty Text Styles
----------------------------------------------------------------------------*/
h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

/* Top Links
----------------------------------------------------------------------------*/
#toplinks_container{
	width:100%;
	height: 40px;
	background: #283955;
	padding-top: 30px;
  font-size: 85%;
}

#toplinks li{
    float:right;
	display: inline;
	padding-right: 15px;
	color: #fff;
}

#toplinks li a{
	color: #fff;
	text-decoration:none;
}

#toplinks li a:hover{
	color: #fff;
	text-decoration:underline;
}


/* Welcome Column and Slideshow styles
----------------------------------------------------------------------------*/
#welcome {
  height: 224px;
	width: 213px;
	position: absolute;
	background:url(../images/welcome.jpg) no-repeat top left;
}

#welcome h1 {
text-indent:-9999px;
height:1px;
display:block;
}

#slideshow {
	float:right;
	width: 517px;
	height: 224px;
	
}

/* Start the effect of text over the image */
#slideshow_img ul{
	float:left;
}

#slideshow_img li{
	width: 100%;
	height:224px;
	text-align:left;
	position:relative;
	float:right;
	display:inline;
	overflow:hidden;  /* used to hide excess white gap that was overflowing in IE 7 */
}

#slideshow_img a:hover { 
	text-decoration:none;
	cursor: default; /* kills the cursor change over the image, it doesn't actually link anywhere. Yes, this is cheating, I know */
}

#slideshow_img a span {
	/*\*/
	position:absolute;
	background:url(../images/slidehover.png);	
	color: #ffffff;
	text-decoration:none;
	cursor: default;  /* kills the cursor change over the image, it doesn't actually link anywhere. Yes, this is cheating, I know */
}

#slideshow_img a span {	
	bottom: 0;
	left:0px;	
	width:517px;
	color: #ffffff;
	background:url(../images/slidehover.png);
	text-decoration:none;
	cursor: default;  /* kills the cursor change over the image, it doesn't actually link anywhere. Yes, this is cheating, I know */
}

#slideshow_img p {
	color: #fff;
	font-weight: bold;
	font-size:100%;
	text-decoration:none;
	cursor: default;  /* kills the cursor change over the image, it doesn't actually link anywhere. Yes, this is cheating, I know */
	padding: 5px;
	margin: 0;
}


/* Navigation - Controls the navigation styles
----------------------------------------------------------------------------*/
#navcontainer {
	clear: both;
}

#navcontainer ul {
	text-align: center;
	padding-bottom: 22px;
	padding-top: 15px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background: url(../images/navbg.jpg) repeat-x top;
	color: white;
	width: 100%;
	font: 1.3em "Times New Roman", Times, serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}

#navcontainer ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 22px;
	/* matches link padding except for left and right */
	padding-top: 22px;
}

#navcontainer ul li a {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 22px;
	color: white;
	text-decoration: none;
}

#navcontainer ul li a:hover {
	background: url(../images/navhover.png);
	color: white;
}

#navcontainer #active { 
	background: url(../images/navhover.png);
	padding-bottom: 15px;
	padding-top: 22px;
}


/* Col 1 - Travel to Allegan
----------------------------------------------------------------------------*/
#col1 { 
  width: 230px; 
	height: 290px;
   float: left; 
	background: url(../images/travel.jpg) no-repeat right bottom #ccc;
	margin-top: 25px;
	margin-left: 20px;
}

#col1 p {
  font-size: 2.1em;
	text-align: center;
	color: #d1def7;
}

#col1 h2 {
  margin-bottom: -.8em;
	margin-top: .3em;
  font-size: 2.8em;
	font-weight: bold;
	color:#fff;
	text-align: center;
}

#col1 h3 {
  margin-bottom: -.8em;
	margin-top: -.1em;
  font-size: 2.2em;
	font-weight: bold;
	color:#ff6633;
	text-align: center;
}

#col1 h3 a{
	color:#ff6633;
	text-align: center;
}

#col1 h3 a:hover{
	color:#ff6633;
	text-align: center;
	text-decoration: none;
}




/* Middle Column and Wrapper
----------------------------------------------------------------------------*/
#content { 
  width: 470px; 
  float: right; 
	background-color: #fff;
}

#mainContent { 
  width: 200px; 
  margin: 0; 
  float: left; 
	background-color: #fff;
	padding-top: 25px;
}


/* Far Right Column
----------------------------------------------------------------------------*/
#secondaryContent { 
  width: 266px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
	background-color: #fff;
	padding-top: 25px;
} 

#secondaryContent h1 {
  margin-top: 0em;
  font-size: 2.1em;
	font-weight: bolder;
	color:#283955;
	text-align: center;
}

#secondaryContent h2 {
  margin-bottom: -.8em;
	margin-top: -.1em;
  font: 2em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
	color:#ff6633;
}

#secondaryContent h2 a {
	color:#ff6633;
	text-decoration: none;
}

#secondaryContent p {
  font-size: 1.18em;
}

.time {
	margin-bottom: -1em
}

.time img {
	vertical-align: middle;
	padding-bottom: 2px;
	margin-right: 5px;
}

.fullcalendar {
text-align: right;
}

.fullcalendar img {
	vertical-align: middle;
	padding-bottom: 2px;
	margin-right: 5px;
}


/* Footer
----------------------------------------------------------------------------*/
#fakefooter { 
  clear: both; 
  background: transparent;
  padding: 1px 25px;
}

#footer { 
  clear: both; 
	width: 730px;
  background: transparent;
	padding: 10px 0 10px 0;
	margin: 0 auto;

} 

#footer p {
	color:#273a5b;
	text-align: left;
	font-size: 1.2em;
}

#footer a {
	color: #273a5b;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.copy {
background: url(../images/chamberlogo.png) no-repeat left center;
padding-left: 80px;
}

/* Special Padding
----------------------------------------------------------------------------*/
#col1, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#col1 *, #secondaryContent * {
  padding-left: 10px;
  padding-right: 20px;
}

#col1 * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}