/* --- [ hex color codes ] -------------------- */

/*

	ORANGE: #f56a26;
	BLUE: 	#39c;
	GRAY: 	#666;

*/

* {

	margin: 0;
	padding: 0;
	border: 0;

}

html {

	background-image:url('../i/page-bg.jpg');
	background-position:10px 10px;
	background-color: #fff;

}

body {

	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
	background-image:url('../i/header-bg.jpg');
	background-repeat:repeat-x;

}

a {

	color: #39c;
	text-decoration:none;
	outline:none;

}

a:hover {

	text-decoration:underline;


}

ul,ol {

	list-style-type: none;

}

h2 {

	font-size: 1.4em;
	font-weight: bold;

}

p {

	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;

}

/* #missiondiv { margin-top:15px;
	font-style:italic;
	background-image:url('../i/blue-trans.png');
	background-repeat:repeat;
	padding:15px;} */

/*img#missionimg
{float:right;
margin:4px;} */
/* these seem to toast the IE fix... -ml */	
	
/* p#mission {

	margin-top:15px;
	font-style:italic;
	background-image:url('../i/blue-trans.png');
	padding:15px;

} */
#mission { margin-top: 15px;
	font-style: italic;
	background-image:url('../i/blue-trans.png');
	padding:15px;
	height: 206px;
}

	
/* added #missiondiv... this might not work. -ml */

	#wrap {
	
		display:block;
		clear:both;
		width: 760px;
		margin: 0 auto;
		padding: 20px 0 20px 0;
	
	}
	
	#header {
	
		height:93px;
		clear:both;
	
	}
	
		#header div#logo {
		
			position:absolute;
			display:block;
			width:70px;
			height:116px;
			background-image:url('../i/logo.png');
			background-position:0 0;
			background-repeat:no-repeat;
			text-indent:-9000px;
			overflow:hidden;
			margin:5px 0 0 -15px;
		
		}
	
		#header h1 {
		
			position:absolute;
			display:block;
			height:37px;
			width:589px;
			margin: 40px 0 0 50px;
			background-image:url('../i/sci-cheer.png');
			background-position:0 0;
			background-repeat:no-repeat;
		
		}
		
			#header h1 a {
			
				display:block;
				text-indent:-9000px;
				overflow:hidden;
				height:100%;
				width:100%;
			
			}
		
		#header div#button {
		
			position:absolute;
			display:block;
			width:92px;
			height:91px;
			background-image:url('../i/button.png');
			background-position:0 0;
			background-repeat:no-repeat;
			text-indent:-9000px;
			overflow:hidden;
			margin:10px 0 0 655px;
		
		}
	
	ul#nav {
	
		display:block;
		float:left;
		clear:both;
		width:650px;
		height:21px;
		text-align:center;
		padding-left:62px;
		margin-bottom:30px;
		overflow:hidden;
	
	} /*changed the bottom margin -ml  changing it back to 30. -ml */
	
		ul#nav li {
		
			display:block;
			float:left;
		
		}
		
			ul#nav li a {
			
				display:block;
				float:left;
				padding: 0;
				padding-right: 20px;
				height:21px;
				overflow:hidden;
				color: #39c;
				text-transform:uppercase;
				/* text-indent:-9000px;
				background-image:url(../i/sc-nav.png);
				background-repeat:no-repeat;
				background-position:0 0; */
			
			}
			
			ul#nav li#ota a {
	
				width:140px;
				background-position:0 0;
	
			}
			
			ul#nav li#ota a:hover {
			
				background-position:0 -21px;
			
			}
			
			ul#nav li#citizen a {
	
				width:120px;
				background-position:-140px 0;
	
			}
			
			ul#nav li#citizen a:hover {
			
				background-position:-140px -21px;
			
			}
			
			ul#nav li#policy a {
	
				width:117px;
				background-position:-260px 0;
	
			}
			
			ul#nav li#policy a:hover {
			
				background-position:-260px -21px;
			
			}

			ul#nav li#shad a {
	
				width:146px;
				background-position:-377px 0;
	
			}
			
			ul#nav li#shad a:hover {
			
				background-position:-377px -21px;
			
			}
			
			ul#nav li#diary a {
	
				width:55px;
				background-position:-523px 0;
	
			}
			
			ul#nav li#diary a:hover {
			
				background-position:-523px -21px;
			
			}

			
	div#content {
	
		width: 550px;
		padding: 0 20px 20px 20px;
		float:left;
		clear:none;
	
	}
						
		div.post {
		
			padding: 15px 0 10px 0;
		
		}
	
			div.post ul {
			list-style-type: circle;
			padding-left: 15px;
			}
			
			div.post ol {
			list-style-type: decimal;
			padding-left: 15px;
			}
			
			div.post blockquote {
			padding-left: 30px;
			font-style: italic;
			}
			
			div.post small {
			
				font-size: .9em;
				font-weight: bold;
				color: #f56a26;
			
			}
			
			div.post h2 {
			
				margin: 5px 0 3px 0;
			
			}
			
			div.post img {
			
				margin-top:3px;
			
			}
			
			h2.pagetitle {
			
				margin-top:18px;
			
			}
			
			div.widecolumn h2 {
			
				font-size:1.8em;
			
			}
				
			div.post p {
			
				margin: 0 0 8px 0;
			
			}
			
			p.edit {
			
				margin-bottom:20px;
			
			}
			
			p.edit:before {
			
				content:"> ";
			
			}
						
				div.post p a {
				
					font-weight:bold;
				
				}
			
			#content p.postmetadata {
			
				clear:both;
				margin: 15px 0 5px 0;
				font-size: 1em;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1.4em;
				font-weight:normal;
			
			}
			
				#content p.postmetadata a {
				
					font-weight:bold;
				
				}
				
		div.navigation div {
		
			display:inline;
		
		}
		
		div.navigation div.home {
		
			margin:0 10px;
			padding:0 10px;
			border-left:1px solid #f6c948;
			border-right:1px solid #f6c948;
		
		}
						
		#content h5 {
		
			font-size:1.1em;
			font-weight:normal;
			border-top:1px dashed #f6c948;
			border-bottom:1px dashed #f6c948;
			margin:15px 0;
			padding:15px 0;
		
		}
		
		#content cite {
		
			font-size:1.2em;
		
		}
		
		form#commentform label {
		
			display:block;
			float:left;
			clear:both;
			margin:5px 0;
		
		}
		
		ol.commentlist li {
		
			display:block;
			clear:both;
			margin:15px 0;
			padding-bottom:20px;
			border-bottom:1px dashed #f6c948;
		
		}
		
		ol.commentlist li small {
		
			display:block;
			clear:both;
			bottom:1px 0 3px;
		
		}
		
		
						
		#content form input#author,#content form input#email,#content form input#url,#content form textarea {
		
			display:block;
			clear:both;
			background-color:#e5f2f8;
			padding:5px;
			font-family:Arial, Helvetica, sans-serif;
			color:#333;
			font-size:1.1em;
		
		}
				
		#content form textarea#comment {
		
			display:block;
			width:450px;
			height:200px;
			clear:both;
			margin:0 0 20px 0;
		
		}
		
		#content form input#submit {
		
			display:block;
			background-color:#39c;
			width:auto;
			padding:5px 10px;
			color:#fff;
			cursor:pointer;
		
		}
		
		#content form input#submit:hover {
		
			background-color:#f6c948;
			color:#333;
		
		}
		
	
	#sidebar {
	
		float:left;
		clear:none;
		width:145px;
		margin: 5px 0 20px 0;
		padding-top: 10px;
		padding-left:20px;
	
	}
		#sidebar #projects-activities { display:none;}
	
		#sidebar #advert {
		
			display:block;
			width:108px;
			clear:both;
			margin-bottom:10px;
		
		}
		
		#sidebar h2 {
		
			font-size: 1.1em;
			margin: 7px 0 5px 0;
			clear:both;
			color:#f63;
			text-transform:uppercase;
			font-weight:bold;
		
		}
		
		#sidebar h2.widgettitle {
		
			display:none;
		
		}
		
		#sidebar h3 {
		
			width:140px;
			font-size: 1em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
	
		}
	
			#sidebar h3 a {
			
				display:block;
				padding: 3px 0 3px 15px;
				margin: 5px 0 5px 0;
				background-image:url('../i/down.png');
				background-repeat:no-repeat;
				background-position: left center;
			
			}
			
			#sidebar h3 a:hover {
			
				color: #666;
				text-decoration:none;
			
			}
	
			#sidebar ul li {
			
				padding: 0 0 5px 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.1em;
				text-transform:capitalize;
			
			}
			
			div#sidebar ul.feed li {

				text-transform:none;
			
			}
			
		#sidebar div.search #email {
		
			width:120px;
			margin-bottom:0;
		
		}
		
		#sidebar div.search form div {
		
			margin:5px 0;
		
		}
		
		#sidebar div.search form div label {
		
			margin-left:5px;
		
		}
				
		#sidebar div.search form input {
		
			width:auto;
			padding:3px;
			border:1px solid #aaa;
			clear:left;
		
		}
		
		#sidebar div.search form #radical {
		
			display:block;
			clear:both;
			margin:5px 0;
			padding:3px 10px;
			background-color:#39c;
			color:#fff;
			border:none;
		
		}
				
		#sidebar div.search form #radical:hover {
		
			color:#333;
			background-color:#f6c948;
		
		}
		
		#sidebar div.search p {
		
			font-size:1em;
			text-transform:none;
			line-height:1.3em;
		
		}

				
	div#footer {
	
		display:block;
		clear:both;
		text-align:center;
		padding-top:30px;
		margin: 0 0 50px;
	
	}
	
		div#footer p {
		
			color:#fff;
			background-color:#f56a26;
			text-transform:uppercase;
			font-size:.9em;
			font-weight:bold;
			padding:5px;
		
		}
			
			div#footer p a {
			
				color:#fff;
			
			}
			
div.clear {

	display:block;
	clear:both;

}

.alignnone {
	
	margin-right:5px !important;

}

.alignleft {
	margin: 0pt 0pt 20px; float: left;
}

.alignright {
	margin: 0pt 0pt 20px; float: right;
}