/* Layout CSS */
body {
	padding-top: 250px;
	background:url(../images/top.jpg) top center no-repeat;	
	font:16px/1.1 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif
}

#Main {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

#Header {
	border-bottom: 1px solid #ccc;
	background:url(../images/white50.png);
}

	#Header img {
		margin-top: 10px;
	}

	#Header h1 {
		font-size:1.5em;
		line-height:1.5em;
		padding-left:20px;
	}

#Menu1 {
	background: #f5f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px;
}

	#Menu1 li {
		display: inline;
		line-height: 200%;
		margin:10px;
	}

		#Menu1 li a {
			color: #012469;
			font-weight:bold;
			text-decoration:none;
			font-size: 105%;
		}

			#Menu1 li a.current,
			#Menu1 li a.section {
				color:#ccc; 
			}

			#Menu1 li a:hover {
				color:#36c;
			}

#Subtitle {
	background:url(../images/gray50.png);
	margin-top: 8px;
	height: 120px;
	border: solid 1px #ccc;
}

#Title {
	font-size: 150%;
	margin-top: 5px;
	padding: 0 2%;
	white-space: nowrap;
	overflow: hidden;
}

#Menu2 {
	height: 85px;
	overflow:auto;
	padding: 5px 2% 0 2%;
}
	#Menu2 li { 
		line-height: 26px;
		margin-right: 2%;
		white-space: nowrap;
		overflow: hidden;
		height: 26px;
		line-height: 24px;
		width: 46%;
		float: left;
	}
	#Menu2 a {
		color:#012469;
		font-weight:bold;
		font-size:0.9em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		color:#36c;
	}

	#Menu2 li.current,
	#Menu2 li.section {
		color:#ccc;
		background:url(../images/white50.png);
		border-bottom: solid 1px #fff;
	}

	#Menu2 li.current a:before,
	#Menu2 li.section a:before{
		content:"» ";
	}

	#Menu2 li.current a,
	#Menu2 li.section a{
		color:#36c;
	}

#ContentContainer {
	background: #fff;
	border-bottom: solid 1px #ccc;
	margin-bottom: 1px;
}

#Content {
	margin: 10px 20px;
	min-height: 400px;
	overflow: hidden;
}

	#Content form input {
		margin-bottom: 15px;
	}

	#Content form a {
		color:#012469;
		font-weight:bold;
		font-size:0.9em;
		text-decoration:none;
	}

#Breadcrumbs {
	padding:5px 10px;
	margin-bottom: 1px;
	font-size:0.9em;
	color:#666;
	border-bottom: 1px solid #ccc;
}

	#Breadcrumbs a {
		text-decoration:none;
		color:#666;
	}

	#Breadcrumbs a:hover {
		text-decoration:none;
		color:#36c;
	}

#Footer {
	background:#f5f5f5;
	font-size: 0.6em;
	clear:both;
	padding: 5px;
	text-align:right;
}

#PageComments_holder {
	background:#f5f5f5;
	border-top:1px solid #ccc;
	padding:10px;
	margin:0;
}

#PageComments_holder .field.text {
	padding: 3px 0;
	width: 40%;
	margin-right: 10%;
	height: 40px;
} 

	#PageComments_holder .field label {
		font: 12px/2.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
		font-weight: bold;
		padding: 0 10px;
		float: left;
	}
	#PageComments_holder .field label:after { content: ' '; }

	#PageComments_holder .field input {
		background:url('../images/gray50.png');
		border: 0;
		border-bottom: solid 1px #fff;
		padding: 3px;
		float: right;
		width: auto;
	}

	#PageComments_holder .field textarea {
		background:url('../images/gray50.png');
		border: 0;
		border-bottom: solid 1px #fff;
		padding: 3px;
		float: right;
		width: 70%;
		height: 100%;
	}

	#PageComments_holder #Name {
		float: left;
	}

	#PageComments_holder #Name input {
		width: 70%;
	}

	#PageComments_holder #CommenterURL {
		float: left;		
	}

	#PageComments_holder #CommenterURL input {
		width: 50%;
	}

	#PageComments_holder #Math {
		float: left;
	}

	#PageComments_holder #Math input {
		width: 15%;
	}

	#PageComments_holder #Comment {
		float: left; 
		width: 40%;
		height: auto;
	}

	#PageComments_holder .Actions {
		margin-top: 10px;
		clear: left;
		text-align: right;
		width: 90%;
	}


#PageComments {
	list-style:none;
	padding: 0;
	margin: 0;
}

	#PageComments li {
		list-style:none;
		background:url(../images/quote.png) top left no-repeat;
		padding-right: 10px;
		margin:10px 0;
		border-bottom:1px dotted #bbb;
	}

	#PageComments p.comment {
		padding: 0 10% 0 40px;
		margin: 0;
		font: 16px/1;
	}

	#PageComments p.info {
		text-align: right;
		padding: 0 10% 0 0;
		margin: 0;
		font-size: 75%;
	}

	#PageComments p.info a {
		font-size: 100%;
	}

		#PageComments a.deletelink {
			font-weight:bold;
			color: #f00;
			text-decoration: none;
			border: solid 1px #f00;
			padding: 2px 5px;
			margin-left: 2px;
			background: #fff;
		}

		#PageComments a.spamlink {
			font-weight:bold;
			color: #400;
			text-decoration: none;
			border: solid 1px #400;
			padding: 2px 5px;
			margin-left: 2px;
			background: #fff;
		}

		#PageComments .actionLinks { 
			padding: 10px 0; 
			margin: 0; 
		}

		#PageComments .actionLinks li { 
			display: inline; 
			border: none; 
		}

	#PageComments_holder #DeleteComments { padding-top: 20px; }
	#PageComments_holder #DeleteComments a {
		font-weight:bold;
		color: #f00;
		text-decoration: none;
		border: solid 1px #f00;
		padding: 2px 5px;
		margin-left: 2px;
		background: #fff;
	}

	#PageComments_holder #CommentsRSSFeed a { 
		color:#012469 !important;
		font-weight:bold !important;
		font-size:0.9em !important;
		text-decoration:none !important;
	}
			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}