/* CSS Document */

/***********CLASS***********/

.input {
		margin: 5px 5px 5px 5px;
}


/***********ID***********/
#content {
		background: url(bg.jpg) no-repeat;
		width: 1000px;
		height: 778px;
		margin: 50px auto;
}
#nav {
		margin: 110px auto auto 120px;
		width: 200px;
		height: 530px;
		background-color: #000;
		float: left;
}
#subnav {
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 100;
		text-align: center;
		width: 400px;
		height: 50px;
		margin: 120px auto auto 70px;
		float: left;
}
#main {
		margin: 140px auto auto 120px;
		height: 265px;
		width: 450px;
		float: left;
		overflow: auto;
}
.main1 {
		margin: 10px auto auto 70px;
		height: 250px;
		width: 200px;
		float: left;
}
.main2 {
		margin: 100px auto auto 30px;
		height: 250px;
		width: 200px;
		float: left;
}
#main1_5 {
		margin: 100px 120px auto 80px;
		height: 165px;
		width: 250px;
		float: right;
		overflow: auto;
}
#journal {
		margin: 0px auto auto 30px;
		height: 235px;
		width: 490px;
		float: left;
		overflow: auto;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
#journal h1 {
		margin: 0;
		padding: 0;
		color: #FF0000;
		font-size: 18px;
		font-weight: 100;
}
#journal h2 {
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #CCFFFF;
		font-weight: 100;

}
#journal h3 {
		margin: 0;
		padding: 0;
		color: #00CCFF;
		font-weight: lighter;
		font-size: 20px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
}
#about {
		margin: 0px auto auto 30px;
		height: 235px;
		width: 490px;
		float: left;
		overflow: auto;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
#about1 {
		margin: 0px auto auto 30px;
		height: 395px;
		width: 490px;
		float: left;
		overflow: auto;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 100;
		color: white;
}
#about3 {
		margin: 0px auto auto 30px;
		height: 235px;
		width: 490px;
		float: left;
		overflow: auto;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
#about1 img{
		margin: 10px;
}
#about h1 {
		margin: 0;
		padding: 0;
		color: #FF0000;
		font-size: 18px;
		font-weight: 100;
}
#about2 h1 {
		margin: 0;
		padding: 0;
		color: white;
		font-size: 24px;
		font-weight: 100;
}
#bios {
		margin: 100px auto auto 30px;
		height: 550px;
		width: 490px;
		float: left;
		overflow: auto;
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
/***********HTML***********/
body {
		background: white;
}
#journal p {
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 5px;
		margin: 5px;
		border-top: 1px solid white;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
#about p {
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 5px;
		margin: 5px;
		border-top: 1px solid white;
		font-weight: 100;
		color: white;
		font-size: 12px;
}
a {
		color: white;
		text-decoration: none;
}
a:hover {
		color: white;
		text-decoration: underline;
}
b {
		color: #99FF33;
}

input {
		background-color: #D6D6D6;
		margin-left: 10px;
}

textarea {
		margin-bottom: 10px;
}
a img {
		border: none;
}
h1 {
		margin: 0px;
}
h2 {
		margin: 0px;
}
p {
		font-size: 14px;
}
.main2 a span {
		position: absolute;
		left: -1000;
		background-color: #fff;
		padding: 5px;
		border: 1px solid black;
		visibility: hidden;
}

.main2 a span img {
		border-width: 0;
		padding: 2px;
}

.main2 a:hover span {
		visibility: visible;
		margin: -80px auto auto 20px;
}