#container
{
width: 820px;
margin: 60px auto;
background-color: #fff;
color: #333;
border: 0px;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 0px;
}

#top p
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 135px;
margin: 0;
padding: 1em;
}

#content
{
/*margin-left: 10px;
border-left: 0px;
padding: 1em;
max-width: 6em;*/
	overflow:hidden;
	width:650px;
	height:550px;
	background-color:white;
	position:relative;
	float:left;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
text-align: center;
background-color: #fff;
border-top: 1px solid #fff;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

p {
  line-height: 1.5em;
}

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
  font-size: 0.7em;

}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}

/*
#content{
	overflow:hidden;
	width:700px;
	height:550px;
	background-color:white;
	position:relative;
	float:left;
}
*/
	#content h2{
		color:#993333;
		font-size:12px;
		margin:2px 0px;
	}
	#content a{
		color:#933;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:135px;
	height:400px;
	background-color:#5B739C;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{
	width:3000px;
	position:relative;
}

	.section .sub{
		position:relative;
		float:left;
		padding:5px 15px 15px 15px;
		width:700px;
		height:600px;
	}
		.section .sub p{
			width:635px;
			margin:15px 0;
			font-size:11px;
			line-height:1.4em;
		}

		.section .sub ul{
			margin:1px 1px 1px 0px;
			padding-left:15px;
}
		.section .sub #twitter_div li{
			list-style-type:none;
			background-color:#eee;
			font-size:11px;
			color:#000;
			letter-spacing:1px;
			margin:-10px 50px 0px 0px;
		}
		.section .sub li{
		 	list-style-type: square;
   		}
		.section .sub #delicious_div {
			font-size:11px;
			margin:10px 70px 0px 0px;
		}

		.section .sub #contact-area {

			width: 600px;
			margin-top: 20px;
		}

		.section .sub #contact-area input, #contact-area textarea {
			padding: 5px;
			width: 471px;
			font-family: Helvetica, sans-serif;
			font-size: 11px;
			margin: 0px 0px 5px 0px;
			border: 2px solid #ccc;
		}

		.section .sub #contact-area textarea {
			height: 90px;
		}

		.section .sub #contact-area textarea:focus, #contact-area input:focus {
			border: 2px solid #900;
		}

		.section .sub #contact-area input.submit-button {
			width: 100px;
			margin: 10px 115px;

		}

		.section label {
			float: left;
			text-align: right;
			margin-right: 15px;
			width: 100px;
			padding-top: 5px;
			font-size: 11px;
		}

		.section .next, .section .prev{
			font-size:12px;
			position:absolute;
			bottom:50px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}


.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}


#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}


#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

