/********** globals **********/

body {
	margin: 0 30px;
	}

a {
	color: #ca3f18;
	}

a:hover {
	color: #000;
	}

h1 {
	color: #ca3f18;
	margin-top: 0;
	margin-bottom: 0.96em;
	}

h1 a {
	text-decoration: none;
	}

h1 em.label {
	display: block;
	font-style: normal;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}

h2 {
	font-weight: bold;
	font-size: 2.2em;
	}

#content-container h2.message {
	padding: 20px 0 0 0;
	}

#content-container h3 {
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	background: #444;
	margin: 0 0 10px 0;
	padding: 9px 10px 10px 10px;
	}

p {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 12px 0;
	}

ul, ol {
	list-style: none;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 24px 0;
	}

ul li {
	background: url(../../image/bullet.png) 0 3px no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
	}
	
li ul, li ol {
	margin: 10px 0;
	}

iframe {
	border: 1px solid #ddd;
	background: #fff;
	}

hr {
	display: none;
	}

dl {
	border-top: 1px solid #ddd;
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	}

dt, dd {
	font-size: 1.4em;
	}

dd {
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}

/********** messages **********/

#msg-container {
	color: #242724;
	background: #e4f6e3;
	margin: 0 0 20px 0;
	padding: 10px 17px;
	}

#msg-container p {
	font-weight: bold;
	font-size: 1.8em;
	margin: 2px 0 0 0;
	}

#msg-container a {
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	}

/********** header **********/

#body-container {
	position: relative;
	width: 100%;
	background: url(../../image/bg_content.png) 85% 0 no-repeat;
	}
	
#header-container {
	width: 100%;
	background: #fff;
	border-bottom: 2px solid #e1e1e1;
	margin: 0 0 40px 0;
	}
	
#logo-container a {
	display: block;
	width: 216px;
	height: 64px;
	}
	
#nav-container {
	position: absolute;
	left: 13.5em;
	top: 30px;
	color: #ddd;
	font-size: 1.5em;
	}
	
#nav-container a {
	font-weight: bold;
	padding: 0 10px;
	}
	
#welcome-container {
	position: absolute;
	right: 0;
	top: 5px;
	color: #999;
	font-size: 1.1em;
	}

/***** Supp Styles *****/

.intro h1 {
	margin-bottom: 25px;
}

.intro .latest-news {
	float: left;
	width: 100%;
}

.intro h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0 0 0;
}

.intro .latest-news {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 6px;
}

.intro .latest-news h4 {
	float: left;
	width: 110px;
	padding: 3px 0 8px 0;
}

.intro .latest-news ul {
	margin: 0 0 10px 0;
}

.intro .latest-news li {
	border-top: 0;
	border-bottom: 1px solid #ddd;
	margin-left: 110px;
	padding: 2px 0 8px 0;
}

.intro .latest-news p.more {
	font-size: 13px;
	margin-left: 110px;
}

.intro .preamble {
	float: left;
	width: 100%;
}

#content-container .preamble p {
	float: left;
	clear: none;
	width: 65%;
}

.intro .learn-more {
	float: right;
	width: 25%;
}

.intro li .entry-date {
	display: block;
	float: left;
	width: 60px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	margin: 0 10px 0 0;
}

#nav_major {
	float: left;
	margin: 4px 30px 0 0;
}

#nav_major li {
	float: left;
	background: 0;
	margin: 0;
	padding: 0;
}

#nav_major a {
	text-decoration: none;
	display: block;
	float: left;
	font-size: 1.1em;
	border-right: 1px solid #ddd;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#nav_major .mypipes a {
	border-right: 0;
	margin: 0;
	padding: 0;
}

.minor_tools {
	float: left;
}

.nav_minor {
	float: left;
	background: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 5px 0 0;
	padding: 4px 12px;
}

.nav_minor li {
	float: left;
	background: 0;
	margin: 0;
	padding: 0;
}

#nav-container .nav_minor li a {
	text-decoration: none;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #fff;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}

#nav-container .nav_minor .about a,
#nav-container .nav_minor .feedback a {
	border-right: 0;
	margin: 0;
	padding: 0;
}

/********** main structures *********/

#content-container {
	float: left;
	width: 73%;
	}

#side-container {
	float: right;
	width: 23%;
	}

/********** content **********/

#content-container .simpleDiv { 
	margin-bottom: 20px;
	}

/********** sidebar **********/

#side-container,
#side-container p {
	font-size: 12px;
	line-height: 18px;
	}

#side-container td {
	border: 0;
	background: 0;
	padding: 0;
	}

#side-container .simpleDiv { 
	background: #ededed;
	margin-bottom: 8px;
	padding: 12px;
	}

#side-container .simpleDiv h1,
#side-container .simpleDiv h4 { 
	color: #000;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 8px 0;
	}

#side-container #subscribe td,
#side-container #signin td {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
	}

#side-container #signin {
	color: 
	background: #333;
	}

#debug {
	overflow-x: scroll;
	}

#side-container form td {
	border-bottom: 0;
	}

#tools ul {
	margin-bottom: 12px;
	}

#tools ul li, #tools ol li {
	font-weight: normal;
	font-size: 15px;
	background: url(../../image/bullet.png) 0 3px no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
	}

#side-container #create_new h4 {
	margin: 0;
	padding: 5px 0;	
	}

#create_new .logged_in a {
	display: block;
	height: 24px;
	background: url(../../image/icon_pipe_create.png) no-repeat;
	padding: 0 0 0 34px;
	}

#create_new .logged_in a:hover {
	background-position: 0 0;
	}

/********** tags **********/

.tag {
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
	background: #fff;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	}

#your_tags .tag {
	padding-right: 3px;
	}

.tag a {
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #eee;
	margin: 0 0 0 5px;
	padding: 0 6px 2px 6px;
	}

.tag a:hover {
	color: #fff;
	background: #000;
	}

#tags form {
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0 0 0;
	}

#tags fieldset {
	margin: 0 0 15px 0;
	}

#tags legend {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	}

#tags p {
	clear: both;
	margin: 0;
	}

/*********** comments **********/

#pipe_comments h3 {
	margin: 0 0 20px 0;
	}

.comment {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	}

.comment_head {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	}

.comment_head h4 {
	float: left;
	font-size: 15px;
	line-height: 18px;
	vertical-align: baseline;
	font-weight: bold;
	margin: 0 10px 0 0;
	}

#content-container .comment_head p {
	float: left;
	clear: none;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	vertical-align: baseline;
	margin: 0;
	}

.comment_body {
	clear: left;
	font-size: 13px;
	line-height: 15px;
	}

/*********** forms **********/

#subscribe input[type=submit] {
	margin-top: 3px;
	}

#signin input[type=submit] {
	margin: 6px 0;
	}

#signin table {
	margin: 10px 0 0 0;
	}

#signin p {
	margin: 0;
	}

#signin td {
	border: 0;
	}

input[type=text],
input[type=password] {
	background: url(../../image/bg_textinput.png) no-repeat;
	border: 0;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 8px 4px 3px 4px;
	}

#side-container input[type=text],
#side-container input[type=password] {
	width: 190px;
	margin-bottom: 5px;
	}

#side-container #find input[type=text],
#side-container #tags input[type=text] {
	width: 150px;
	}

input[type=submit],
input[type=reset],
input[type=button] {
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	border: 0;
	background: #e7481b;
	padding: 5px 7px 4px 7px;
	}

input[type=submit]:hover {
	background: #000;
	cursor: pointer;
	}

#content-container form {
	float: left;
	background: #f8f8f8;
	margin: 15px 0;
	padding: 10px;
	}

#content-container p {
	clear: both;
	}

#queue p {
	border-top: 1px solid #fff;
	margin: 0;
	padding: 8px 0;
	}

#queue li,
#debug li {
	background: none;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	margin: 6px 0;
	padding: 0;
	}

#queue li a {
	display: block;
	}

#content-container fieldset {
	background-color: #f8f8f8;
	font-size: 1.3em;
	margin: 20px 0;
	padding: 12px 15px 20px 15px;
	}

#content-container legend {
	width: auto;
	color: #fff;
	background: #717171;
	font-size: 11px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0 -15px;
	padding: 2px 10px;
	}

#content-container legend a {
	color: #ddd;
	font-weight: normal;
	text-decoration: underline;
	}

#content-container fieldset h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}

#content-container textarea {
	width: 90%;
	height: 100px;
	background: transparent url(../../image/bg_textinput.png) no-repeat scroll 0 0;
	border: 0;
	}

#content-container form textarea {
	padding: 10px;
	}

#content-container #command {
	margin: 0;
	padding: 20px;
	}

#command p {
	margin: 10px 0 0 0;
	}

#parameters td {
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	}

td.buttonBar {
	border: 0;
	padding-top: 15px;
	}

form td {
	border-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.error_summary {
	color: #c00;
	font-weight: bold;
	}

.error {
	color: #fff;
	background: #c00;
	padding: 3px 6px;
	}

/********** home **********/

.intro #article {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	}
	
.intro h1 {
	font-size: 4.0em;
	line-height: 30px;
	margin: 5px 0 25px 0;
	}
	
.intro .preamble {
	float: left;
	width: 100%;
}

#content-container .preamble p {
	float: left;
	clear: none;
	width: 65%;
}

.intro .learn-more {
	float: right;
	width: 25%;
}

.intro .learn-more ul {
	margin-bottom: 0;
}

.intro h4 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0 0 0;
}

.intro .latest-news {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 6px;
}

.intro .latest-news h4 {
	float: left;
	width: 110px;
	padding: 3px 0 8px 0;
}

.intro .latest-news ul {
	margin: 0 0 10px 110px;
}

.intro .latest-news li {
	float: left;
	width: 100%;
	background: none;
	border-top: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding: 2px 0 8px 0;
}

.intro li .entry-date {
	display: block;
	float: left;
	width: 60px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	margin: 0 10px 0 0;
}

.intro .latest-news p.more {
	font-size: 13px;
	margin-left: 110px;
}

/********** home - closed **********/

#closed #body-container {
	position: relative;
	width: 700px;
	background: #fff;
	margin: 40px auto;
	}

#closed h1 {
	font-weight: bold;
	position: absolute;
	top: 168px;
	left: 420px;
	text-indent: -9999em;
	background: url(../../image/id_square.png) no-repeat;
	width: 146px;
	height: 181px;
	margin: 0 30px 0 0;
	}

#closed #message {
	width: 392px;
	height: 269px;
	background: url(../../image/bg_closed.png) no-repeat;
	}

#closed #step1 {
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 33px;
	}

#closed #step2 {
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 201px;
	left: 93px;
	}

/********** widgets - home **********/

#widgets {
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	}

.datagrid_header {
	width: 100%;
	float: left;
	clear: both;
	background: #e7481b;
	padding: 13px 0;
	}

#widgets .datagrid_header h3 {
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
	background: transparent;
	margin: 0;
	padding: 3px 0 0 15px;
	}

#content-container .datagrid_header p {
	float: right;
	clear: none;
	font-size: 1.2em;
	text-align: right;
	color: #eeb1a1;
	margin: 0;
	padding: 0 15px 0 0;
	}
	
.datagrid_header p a {
	color: #fff;
	font-weight: bold;
	}
	
#widgets table {
	clear: both;
	width: 100%;
	}

#widgets .head_name {
	width: 35%;
	}

#widgets .head_created {
	width: 80px;
	}

#widgets .head_rating {
	width: 65px;
	}

#widgets td a {
	display: block;
	font-size: 1.3em;
	line-height: 18px;
	font-weight: bold;
	background: url(../../image/icon_pipe_med.png) no-repeat;
	min-height: 37px; 
	padding: 0 0 2px 45px;
	}

#widgets td {
	font-size: 1.1em;
	line-height: 15px;
	padding: 15px 7px;
	}

#widgets p {
	padding: 20px 0;
	}

#rating td {
	padding: 5px 5px 5px 0;
	}

/********** tables **********/

th {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.1em;
	color: #999;
	text-transform: uppercase;
	vertical-align: bottom;
	background: #000;
	padding: 5px 10px 5px 5px;
	}

td {
	font-size: 13px;
	color: #333;
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
	padding: 2px 10px 2px 5px;
	}

tfoot {
	font-style: italic;
	}

.pagination {
	width: 100%;
	color: #999;
	text-align: right;
	margin-top: 10px;
	}

td.rating {
	width: 80px;
	}

.resultsgrid {
	width: 100%;
	}

/********** footer **********/

#footer-container {
	float: left;
	clear: both;
	width: 100%;
	border-top: 3px solid #ddd;
	margin: 30px 0 0 0;
	padding: 5px 0 0 0;
	}

#footer {
	line-height: 18px;
	padding: 0 0 30px 0;
	}
	
 #footer .clo-id {
	display: block;
	width: 354px;
	height: 44px;
	text-indent: -9999em;
	background: url(../../image/logo_clo.png) no-repeat;
	margin: 10px 0;
	}	
	
#copyright {
	float: left;
	font-size: 1.1em;
	text-align: left;
	border: 1px solid #ddd;
	margin: 10px 0 0 0;
	padding: 10px 15px 5px 15px;
	}

#supporter_nsf {
	float: right;
	width: 223px;
	}

#supporter_nsf a {
	display: block;
	float: right;
	height: 75px;
	}
	
#supporter_nsf p {
	float: right;
	text-align: right;
	width: 120px;
	font-size: 1.1em;
	margin: 0;
	padding: 0 14px 0 0;
	}