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

* {
	margin: 0;
	padding: 0;
}


#wrapper {
	width:900px; /* Set to whatever content width is */
	margin:0 auto; /* Centers content inside this container on screen */
	text-align:left; /* Resets text in IE 6,7, and Firefox 2 */
	height: auto;
}


.title {
	padding:0px 0px 0px 0px;
	margin:20px 0px 20px 0px;
}

#logo {
		width: 600px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	position: absolute;
	text-align:center;
}
IMG.displayed {margin-left:auto;
          margin-right:auto;
		  display:block;
		  }
#header {
	width:100%;
	height:auto;
	text-align:center;
	float:left;
	padding:0px 0px 0px 0px;
		}
		
#nav {	margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
float:left;
text-align:center;
width:100%;
	}
#date {display:inline-block;
	float:left;
	margin-left:3px;
	}
	
#intro {display:block;
        margin-left:auto;
		margin-right:auto;
		width:250px;
		margin-top:100px;
		}
#footer {
		width:100%;
		margin:0px 0px 10px 0px;
		padding:3px 0px 0px 0px;
		text-align:center;
		float:left;
		border:1px solid #EEE;
		}


#header2 {
	width:600px;
	height:50px;
	text-align:center;
	float:left;
	padding:10px 0px 0px 0px;
		}

#main {
	width:100%;
	float:left;
		min-height:600px;
		height:auto;
	padding:0px 0px 0px 0px;
		}
		
#sidebar {
	width:198px;
	height:500px;
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border:1px solid #EEE;
	float: left;
			}

#thumbs { width:200px;
		  height:auto;
		  margin:30px 0px 0px 0px;
		  clear:left;
		  }
			
.card li{display:inline-block;
		list-style:none;
		padding:0px 0px 0px 20px;
}

#content {
	width:590px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:29px 0px 0px 0px;
	float: right;
	text-align:left;
			}
.content2 {
	width:600px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	float: left;
	text-align:left;
			}
.content2 p {margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#backgrnd_content {
	width:585px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:40px 0px 0px 0px;
	float: left;
	text-align:center;
			}

#left  {
	width:150px;
	height:600px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
			}


	
#background {
	width:700px;
	height:auto;
	padding:0px 0px 0px 0px;
	 margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.sites {padding:0px 0px 0px 50px;
		margin:25px 0px 28px 0px;
}

#background2 {
	width:auto;
	height:auto;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	float: left;
	text-align:left;
	position: relative;
	left:160px;
	top: -15px;
}
#right {
	width:auto;
	height:auto;
	padding:0px 0px 0px 10px;
	margin:0px 0px 30px 0px;
	float: left;
	text-align:left;
}

.background3 ul {margin:0px 0px 0px 0px;
}


#container {margin-left:55px;
}
.switchgroup1 {
	width: 600px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	position: absolute;
	text-align:center;
}

div.img{margin: 3px 0px 3px 20px;
	border: none;
	height: auto;
	width: auto;
	text-align: center;
	margin-top: 5px;
 }
 
div.img img{display: inline;
		border: none;
		height: auto;
		width: auto;
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}