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

* { padding: 0; margin: 0; }

body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	}

#wrapper { 
	 margin: 0 auto;
	 width: 922px;
	 background-color: #00FF33;
	}

#header {
	 color: #FFFFFF;
	 width: 900px;
	 padding: 0px;
	 border: 1px solid #ccc;
	 height: 200px;
	 margin: 5px 0px 0px 0px;
	 background: #FF9900;
	}

#main { 
	 color: #000033;
	 border: 1px solid #B8B8B8;
	 background: #B8B8B8;
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 width: 900px;
	 float: left;
	}

#sidebar {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #9C9C9C;
	margin: 0px;
	padding: 10px;
	height: 320px;
	width: 200px;
	display: inline;
	}

#footer { 
	 width: 900px;
	 clear: both;
	 color: #CCCCCC;
	 border: 1px solid #ccc;
	 background: #030303;
	 margin: 0px 0px 10px 0px;
	 padding: 10px;
	 text-align: center;
	}

h1 { 
	font-size: 225%;
	}

h2 { 
	color: #000033;
	font-size: 175%;
	}

h3 {
	color: #FF0000;
	font-size: 125%;
	}

ul { 
	list-style-type: none;
	} 

.nav {
	style: none;
	color: #000066;
    text-align: left;
	font-size: 125%;
	display: block;
	text-decoration: none;
	width: 150px;
	margin: 5px;
	padding: 10px;
	}

.li {
	color: #000066;
	}
		
.nav a:hover {
     background: #ccc;
     border: 1px solid gray; 
     }

.nav a:active {
     background: gray;
     border: 1px solid gray;
	 color: fff; 
     }

a:link {
	color: #000066;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	}
	 
.name {
	font-size: 120%;
	color: #FF0000;
	right: auto;
	margin: 0 0 0 35px;
	}
	
.slideshow {
	font-family:Arial, Helvetica, sans-serif;
	width:336px;
	height:375px;
	overflow:hidden;
	background-color:#000000;
	color:#FFFFFF;
	border:5px solid #99CC00;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:1px;
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}
.slideshow > ul > li > div > p {
  font-size:11px;
  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  color:#FFFFFF;
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:332px;
}
.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px;
	padding:0px;
	width:80px;
	height:60px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#FF6600;
}

#facebook {
	position: absolute;
	margin-left: 250px;
	left: 49px;
	top: 448px;
	}
	
#calendar {
	position: absolute;
	top: 448px;
	left: 450px;
	}