@charset "utf-8";

/* CSS by Nathaniel Kerksick, Institute for Policy Studies except where otherwise noted */
/* E-mail address found on staff pages */
/* This code may be copied, attribution must be given. See: */
/* http://creativecommons.org/licenses/by/3.0/ */

/* Colors:

	.sidebar a:link {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:visited {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:active {
		color:#00CCFF;
		text-decoration:underline;
		}
		
		.sidebar a:hover {
		color:#1269AA;
		text-decoration:underline;
		}
		
*/

/* Basic Tag Overrides */

*{
	border:0px;
	margin:0px;
	padding:0px;
	}

/* makes forms normal : note: removed position:relative  DIA forms were not accepting input in ff4. 5/25/11 EDL*/
form{
	display:inline;
	}

/* Common tags related to layout */

html,body{
	width:100%;
	height:100%;
	}

body{
	font-size:13px; /*set a pixel font size for all EMs to go by */
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;


/* Left sidebar bg */
	background-image:url(/o/357/images/background-sidebar.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	background-attachment:fixed;
	
	width:100%;
	}

input {border-color:#888888 #555555 #555555 #888888;
border-style:solid;
border-width:1px;
	}
	
/* COMMON BLOCKS - CLASSES for area formatting, IDs for unique elements */

/* Header: */

.header {
	width:100%;
	height:170px;
	top:0px;
	left:0px;
	position:absolute;	/*Makes me float yayrrr */
	z-index:5;	 /* 5 of 20 layers */
	min-width:770px;
	}

	/* Header Backgrounds */

	#frontpage {
		background-color:#bccee3;
		background-image:url(/o/357/images/header-dove.png);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#aboutips {
		background-color:#daa114;
		background-image:url(/o/357/images/header-wall.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#projects {
		background-color:#b7c9a4;
		background-image:url(/o/357/images/header-trees.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#events {
		background-color:#b8b5e6;
		background-image:url(/o/357/images/header-calendar.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#press {
		background-color:#F7F3FF;
		background-image:url(/o/357/images/header-notsilent.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#publications {
		background-color:#bccee3;
		background-image:url(/o/357/images/header-books.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#controlpanel {
		background-color:#d9e5b3;
		background-image:url(/o/357/images/header-gears.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}

	.header img {
		padding:10px;
		}

	#searchbox {
		float:right;
		padding:10px;
		color:#FFFFFF;
		text-transform: uppercase;
		line-height:1.5em;
		text-align:center;
		font-size:.95em;
		}
	
		#searchbox-feild {
			display:inline;
			width:120px;
			font-size:.9em;
			color:#FFFFFF;
			background:none;
			background-image:url(/o/357/images/background-black-60.png);
			border:1px #FFFFFF solid;
			vertical-align:middle;
			margin-left:10px;
			padding:.5em;
			}

	/* Drop-down menu */

		#menubox {
			background-image:url(/o/357/images/background-black-20.png);
			border-left: 1px dotted #CCCCCC;
			bottom: 0;
			font-size: 0.95em;
			left: 120px;
			position: absolute;
			right: 34px;
			z-index: 10;
		}
		.menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.menu li {
			float: left;
			line-height: 1.5em;
			position: relative;
			z-index: 5;
		}
		.menu table {
			border-collapse: collapse;
			position: absolute;
			top: 1em;
			z-index: 6;
		}
		.menu li span.topnolink {
			background-image:url(/o/357/images/background-black-60.png);
			border-bottom: 0.1em solid #000000;
			border-right: 1px dotted #CCCCCC;
			color: #FF9933;
			display: block;
			padding: 0.5em 1em 0.4em;
			text-decoration: none;
			white-space: normal;
		}
		.menu li.nolink {
			background-image:url(/o/357/images/background-black-70.png);
			color: #FF9933;
			display: block;
			padding: 0.5em 1em;
			text-decoration: none;
			white-space: normal;
			width: 11em;
		}
		.menu a, .menu *:visited {
			background-image:url(/o/357/images/background-black-70.png);
			border-right: 1px dotted #CCCCCC;
			color: #FFFFFF;
			display: block;
			padding: 0.5em 1em;
			text-decoration: none;
			white-space: normal;
		}
		.menu li li a {
			border-right: medium none;
		}
		.menu a:hover {
			color: #62C0F9;
		}
		.menu ul ul {
			height: 0;
			position: absolute;
			visibility: hidden;
			width: 11em;
		}
		.menu ul ul a {
			width: 11em;
		}
		.menu ul ul.projectslist {
			height: 0;
			position: absolute;
			visibility: hidden;
		}
		.menu ul li:hover ul, .menu ul a:hover ul {
			visibility: visible;
		}
		.menu ul li li.projectslist, .menu ul li li.projectslist a {
			display: block;
			margin-left: -0.5em;
			padding-left: 1em;
			padding-right: 1em;
			width: 17em;
		}
		.menu ul li ul li.nolink {
			margin-left: 0;
		}

/* Warnings and Errors */

	#notice {
		float:right;
		position:relative;
		clear:right;
		right:0px;
		top:0px;
		margin-right:10px;
		color:#000000;
		border:#ff9900 1px solid;
		font-size:.8em;
		width:116px;
		padding:4px;
		background-image:url(/o/357/images/background-white-70.png);
		}
		
		#notice a, notice a:visited {
		color:#000000;
		}
		
		#notice img {
		border:0;
		margin:4px;
		padding:0;
		float:right;
		}
		
		#notice strong {
		color:#1269AA;
		}

/* Tooltip */

#tooltip{
	position:absolute;
	text-align:right;
	border:1px solid #333;
	background-image:url(/o/357/images/background-black-70.png);
	padding:2px 5px;
	display:none;
	size:.8em;
	color:#FFFFFF;
	z-index:20; /*highest z-index */
	}


/* All content below header */

#block-main {
	position:absolute;
	left:0;
	top:170px;
	width:100%;
	padding:0;
	min-width:770px;
	z-index:1;
	}
	
/* For small underneath shadows */
	
.shadow {
	margin:0;
	padding:0;
	width:100%;
	height:5px;
	display:block;
	}

/* Right Sidebar */

	.minibar {
	width:34px;
	right:0;
	top:0;
	position:absolute;
	text-align:center;
	z-index:2;
	}
			
		.minibar .icon {
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		border:0;
		}


/* Left Sidebar */

	.sidebar {
	width:120px;
	position:absolute;
	text-align:center;
	color:#666666;
	font-size:.8em;
	margin:0;
	padding-bottom:10px;
	}
	
		.sidebar a:link {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:visited {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:active {
		color:#00CCFF;
		text-decoration:underline;
		}
		
		.sidebar a:hover {
		color:#1269AA;
		text-decoration:underline;
		}
	
		.sidebar #logo-text {
		padding:10px 0 0 0;
		margin:0 0 1em 0;
		}
		
		.sidebar p {
		padding:0;
		margin:0 10px 1em 10px;
		display:block;
		color:#666666;
		}
		
		.sidebar h1 {
		text-align:left;
		font-size:1em;
		font-weight:bold;
		letter-spacing:.2em;
		text-transform:uppercase;
		color:#848a8b;
		padding:0;
		margin:0 10px 1em 10px;
		}
		
		.sidebar ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
			.sidebar li {
			padding:0;
			margin:0 10px 1em 10px;
			color:#666666;
			list-style:none;
			text-align:left;
			}
	
		.sidebar hr {
		width:100px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-top: 1px solid #CCCCCC;
		color:#CCCCCC;
		height:1px;
		padding:0;
		margin:0 10px 1em 10px;
		}
		
		.sidebar .block {
		padding:0;
		margin:0 10px 1em 10px;
		}
		
			.sidebar .block p {
			padding:0;
			text-align:left;
			margin:0 0 1em 0;
			}
		
		.sidebar #uwsignup {
		padding:0;
		margin:0 10px 1em 10px;
		text-align:left;
		}
		
			#uwsignup-field {
			font-size:.9em;
			color:#0082c8;
			background:none;
			background-image:url(/o/357/images/background-white-40.png);
			border:1px #999999 solid;
			padding:2px;
			width:94px;
			}

		#twitter{
		width:90px;
		background-color:#FFFFFF;
		border-left:#00CCFF solid 1px;
		border-right:#00CCFF solid 1px;
		border-bottom:#00CCFF solid 1px;
		border-top:#C9E0EB solid 1px;
		line-height:1.5em;
		text-align:center;
		padding:4px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-align:left;
		margin:0;
		padding-bottom:0;
		
		/* breaking text and covering all the bases */
		white-space:-moz-pre-wrap;
		white-space: normal;
		word-wrap: break-word;
		break-word: break-all;
		overflow:hidden;
		}
		
			#twitter ul, #twitter li {
			list-style:none;
			display:inline;
			margin:0;
			overflow:hidden;
			margin:0;
			padding:0;
			word-wrap: break-word;
			}


/* Main */

	.content-ainer {
	position:absolute;
	left:120px;
	right:0px;
	padding:1.5em 54px 1.5em 1.5em; /* NOTE this should actually be 1.5em + 34px */
	min-width:596px; /* 770 - 120 - 54 */
	width:auto;
		
	/* Right sidebar bg */
	background-image:url(/o/357/images/background-sidebar-right.jpg);
	background-repeat:repeat-y;
	background-position: right top;
	background-attachment:fixed;
	}
	
	.content {
	width:auto;
	display:block;
	position:relative;
	}
	

/* Bottom Content */

		.bottomcontent {
			border-top-style:solid;
			font-size:80%;
			line-height:150%;
			color:#999999;
			font-family:Arial, Helvetica, sans-serif;
			margin-top: 20px;
			padding-top: 10px;
			border-top-width: 1px;
			border-top-color: #CCCCCC;
			clear:both;
			}
	
			.bottomcontent a:link, a:visited {
				color:#999999;
				text-decoration:underline;
				}
			
			.bottomcontent a:active {
				color:#000000;
				text-decoration:underline;
				}
			
			.bottomcontent a:hover {
				color:#1269AA;
				text-decoration:underline;
				}

/* PAGE-SPECIFIC FEATURES */

/* Three Liquid Columns */


#threecol-head { 
	border:0;
	border-top:1px #CCCCCC solid;
	width:100%;
	}

#threecol-col1, #threecol-col2, #threecol-col3 {
	float:left;
	width:30%;
	
	clear:none;
	}
	

	
#threecol-col1, #threecol-col2 {
	/*border-right:1px #CCCCCC solid;*/
	}



#threecol-col1 p, #threecol-col2 p, #threecol-col3 p {
	/*padding-left:1.5em;
	padding-right:1em;*/
	margin-top:0;
	padding-right:1.5em;
	}

#threecol-foot {
	float: left;
	clear: both;
	width:100%;
	border:0;
	}

.box-footer {
	margin:0;
	}



/* Democracy In Action Pages */
/*
	.salsa { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
	} */
	/*
	.salsa .errortext {
	color:#CC0000;
	}
	
	.salsa br {
	margin-bottom:1.5em;
	}
	
	.salsa input, .salsa select {
	margin-left:1.5em;
	border:#666666 1px solid;
	width: 50%;
	float:right;
	}
	
	.salsa radio {

	}*/