/* ** ^COLORS ****************************************************************************** **


#b4bac2  LIGHT GRAY -- secondary nav links
#d1d7df  VERY LIGHT GRAY -- Main background color
#333333  VERY DARK GRAY -- Main text color

#58595b  MEDIUM BLUISH-GRAY -- top subnav background, bylines

#800508  NEW RED -- some headings
#0e0e3d  DARK BLUE -- top nav hover color, side links, some headings
#1060b0  BRIGHT BLUE -- visited links, hover on side links
#26448f  BLUE -- main links
#3d9b35  GREEN -- Hover and dotted underline, same as logo green
#293e6b  LOGO BLUE -- 
#f4f8f7  DUSTY GREEN -- Sidebar background, Top menu bar background and footer
#3d9b35  LOGO GREEN -- spacers in main menu

** ***************************************************************************************** */



/* ** ^TYPOGRAPHY ************************************************************************** */

p { 
	margin: 0.7em 0; 
	}
	
a, .mimiclink  { 
	color: #26448f; 
	cursor: pointer; cursor: hand;
	}
	
a:visited {
	color: #26448f;
	}
	
a:hover,
a:active,
.mimiclink:hover,
.mimiclinkhover {
	color: #3d9b35;
	border-bottom: 1px dotted #0e0e3d;
	}

h2, h2 a { 
	color: #293e6b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	line-height: 1.1;
	}
	
h2 { 
	font-size: 1.4em;
	padding-bottom: 0.25em;
	}
	
#content-sidebar h2, #content-tertiary h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	}

h3 {
	color: #800508;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	font-size: 1.2em;
	line-height: 1.1;

	}
	
	/* !important declarations are to fix an issue IE6 was having */
	h3 a {
		color: #800508 !important;
		line-height: 1;
		}
		
	h3 a:hover,
	h3 a:active {
		color: #1060b0 !important;
		}
		
.block h3 { padding-bottom: 0.35em; }

.allcaps { 
	text-transform: uppercase;
	}
	
p.date {
	color: #800508;
	font-family: Georgia, Times, serif;
	font-size: 1.15em;
	margin-bottom: -0.1em;
	}
	
p.absdate { 	
color: #58595b;
	font-size: 12px;
	margin: 0 0 0.5em 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}

.byline, .morelink  {
	color: #58595b;
	font-size: 12px;
	margin: 0;
	line-height: 1.25;
	}

.morelink, .morelink:visited {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
		letter-spacing: 1px;
		color: #58595b;
		font-weight: normal;
		text-transform: uppercase;
}
.morelink:hover,
.morelink:active {
	color: #1060b0;
	border-bottom: 1px dotted #1060b0;
	}


		
.cleared { display: block; width: 100%; clear: both; }



/* ** ^LAYOUT (MAIN) *********************************************************************** */

html
{
height: 100%;
}

body
{
height: 100%;
}

body {
	background-color: #d1d7df;
	background-image: url(../images/layout/background.gif);
	background-position: center;
	background-repeat: repeat-y;	
	color: #333333;
	text-align: center;
	}

#container {
	width: 944px;
	margin: 0 auto;
	text-align: left;
	height: auto !important;
	min-height: 95% !important;
	height: 95%;
	margin-bottom: 65px;
		position: relative;
			
	}
	

	
#content {
	float: left;
	width: 641px;
	position: relative;
			margin-top: 208px;

}

	#content .column {   /* Both #content-main and #content-tertiary */
		float: right;
		}

	#content-main {
		background-image: url(../images/layout/mh-background-wh.jpg);
		background-position: top;
		background-repeat: repeat-x;
		margin-left: 9px;
		margin-right: 33px;
		padding: 8px;
		width: 562px;

		}
		
	#content-tertiary {
		width: 202px;
		position: relative;
			left: 0 !important; /* real browsers */
			left: 1px; /* IE6 */
		}
		
		
#content-sidebar {
	background-color: #f4f8f7;
	float: left;
			margin-top: 208px;
	margin-left: -10px;

	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;

	width: 280px;
	}	

.twocolumn { background-image: url(../images/layout/background-twocol.gif); }
.twocolumn #content { width: 944px; padding: 0; margin: 0; overflow-x: hidden; margin-top: 209px;}
.twocolumn #content-main { width: 608px; margin-left: 33px; margin-right: 53px;}
	
.block {
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	overflow-x: hidden;
	padding: 8px;
	}

#content-tertiary .block { 
	margin-left: 1px; 
	}

#header {
	background-color: #ffffff;
	background-image: url(../images/layout/menu-background-gr.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 14px solid #d1d7df;
	border-bottom: 9px solid #d1d7df;
	height: 185px;
	width: 100%;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
	}

	#header h1 {
		background-image: url(../images/layout/TurboHerculeslogo4.gif);
		background-position: center left;
		background-repeat: no-repeat;
		display: block;
			height: 143px;
			width: 944px;
		}
		
		#header h1 a {
			color: #ffffff;
			font-size: 2px !important;
			text-decoration: none;
			display: block;
			height: 100px;
			width: 537px;
			}
	
	#footer {
		border-top: 1px solid #d1d7df;
			border-bottom: 14px solid #d1d7df;
			background-color: #d1d7df;
			width: 100%;
			clear: both;
			height: 22px;
			overflow: hidden;
position: relative; bottom: 0; left: 0;
			margin: -65px 0 0 0; padding: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	}
	
#footer-inner {
	width: 944px; margin: 0 auto;
	height: 22px;
			overflow: hidden;
			}
	
#footer ul {
		background-color: #f4f8f7;
		border-top: 1px solid #f4f8f7;
		border-bottom: 1px solid #f4f8f7;
		color: #333333;
		height: 1.6em;
		width: 944px;
		overflow-x: hidden;
		text-transform: uppercase;

		}
		
#footer ul li { float: left;
			font-size: 0.8em;
			padding: 0.2em 0;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
			}
	
			#footer ul li a {
				color: #333333;
				text-decoration: none;
				border-right: 1px solid #d1d7df;
				padding: 0 10px;
					font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
				}
				
			#footer ul li a:hover {
				color: #3d9b35;
				border-bottom: 1px dotted #3d9b35;				
				}
		

#sitemap {
	width: 100%; 

	height: 250px;
	display: none;
	background-color: #ecf0f4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
			background-image: url(../images/layout/mh-background-wh.jpg);
		background-position: 0 -13px;
		background-repeat: repeat-x;
}

#container .show-sitemap {
    height: 435px;
}

#sitemap h2 { width: 100%; text-indent: 2%; font-size: 1.4em; line-height: 1.1;
font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
color: #293e6b; letter-spacing: 1.8px;
height: 44px; overflow-y: hidden;}

#sitemap dl { width: 20%; padding: 0 2% 10px 2%; float: left; font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif; }
#sitemap a, #sitemap a:visited, #sitemap a:hover { color: #0e0e3d; font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;}
#sitemap dt { font-size: 1.2em; color: #0e0e3d; padding-top: 12px; font-weight: bold;  }
#sitemap dt a { font-weight: bold; }
#sitemap dd { margin-left: 1em; }



/* ** ^LAYOUT (HEADER NAVIGATION) ********************************************************** */

		#header .navigation, #header .navigation a {
			font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
			text-transform: uppercase;

			letter-spacing: 1px;
			}
			
		
		#header .navigation a, 
		#header .navigation a:link, 
		#header .navigation a:visited, 
		#header .navigation a:hover {
			text-decoration: none;
			border-bottom: 0px none #ffffff;
			}

	#nav-primary {
		height: 21px;
		width: 100%;
		overflow: visible;
		position: absolute;
			left: 0;
			bottom: 0;
		}
	
		#nav-primary li {
			border-right: 2px solid #3d9b35;
			float: left;
			}
	
		/* LAST ITEM IN TOP NAV */
		#nav-primary li.last {
			border-right: 0px none #ffffff;
			}
			
			#nav-primary li a {
				color: #26448f;
				display: block;
				height: 21px;
				text-align: center;
				text-decoration: none;
				}
			
			#nav-primary li.active a,
			#nav-primary li a:hover, 
			#nav-primary li:hover a.main,
			#nav-primary li.sfHover a.main 
			{
				background-color: #e8e8e8;
				color: #0e0e3d;
				}	
			
			#nav-fora, 
			#nav-fora a {
				width: 128px;
				}

			#nav-home, 
			#nav-home a {
				width: 120px;
				}
			
			#nav-proj, 
			#nav-proj a {
				width: 131px;
				}
				
			#nav-soln, 
			#nav-soln a {
				width: 161px;
				}	
				
				
			#nav-devp, 
			#nav-devp a {
				width: 109px;
				}
	
			#nav-news, 
			#nav-news a {
				width: 144px;
				}
						
			#nav-resr, 
			#nav-resr a {
				width: 128px;
				}
									
			
			#nav-abtt, 
			#nav-abtt a {
				width: 127px;
				}
				
	
	
			#nav-primary li ul {
				background-color: #e8e8e8;
				font-size: 1.0em;
				height: auto;
				width: 161px;
				margin-left: 0px;
				padding-top: 8px;
				position: absolute;
					left: -999em;
					z-index: 99999;
				}
			
			#nav-primary li:hover ul,
			#nav-primary li.sfHover ul {
				left:auto
			}
		
				#header #nav-primary li ul li {
					border-right: 0px none #ffffff;
					text-align: center;
					width: 100%;
					}
		
					#header #nav-primary li ul li a {
						border-bottom: 1px solid #0e0e3d;
						background-color: #e8e8e8;
						color: #0e0e3d;
						height: 22px;
						width: 151px;
						line-height: 1.5;
						margin: 0px;
						padding: 3px 5px;
						text-align: center;
						text-transform: none;
						}

					#header #nav-primary li ul li a.last {
						border-bottom: 0px none #ffffff;
						}
		
					#header #nav-primary li ul li a:hover {
						background-color: #e8e8e8;
						color: #0053c0;
						}


	#nav-secondary {
		background-color: #f4f8f7;
		border-top: 1px solid #f4f8f7;
		border-bottom: 1px solid #f4f8f7;
		color: #333333;
		height: 1.6em;
		width: 100%;
		overflow-x: hidden;
		text-transform: none;

		}
	
		#header #nav-secondary li {
			float: right;
			font-size: 0.8em;
			padding: 0.3em 0em;
			}
	
			#nav-secondary li a {
				color: #333333;
				text-decoration: none;
				border-right: 1px solid #d1d7df;
				padding: 0 10px;
				}
				
			#nav-secondary li a:hover {
				color: #3d9b35;
				border-bottom: 1px dotted #3d9b35;
				}
	
			#nav-secondary #secnav-emll a {
				background-image: url(../images/layout/email-icon.gif);
				background-position: 95% -1px;
				background-repeat: no-repeat;
				padding-right: 29px;
				}
				
			#nav-secondary li.last a {
				border-right: 0px none #ffffff;
				}



/* ** ^CONTENT (MAIN) ********************************************************************** */

#content-main h1 {
	color: #003373;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
	font-size: 1.6em;
	height: 30px;
	width: 100%;
	overflow: hidden;

	padding-top: 1px;

	}
	
#content-main h1 .rsslink { font-size: 11px; padding-left: 15px; background-image: url(/images/layout/rss-icon.gif);
background-position: left; background-repeat: no-repeat; letter-spacing: 1px; 
color: #b4bac2; margin-left: 10px;
}
#content-main h1 .rsslink:visited { color: #003373; }
#content-main h1 .rsslink:hover, #content-main h1 .rsslink:active {
	color: #3d9b35; 
	border-bottom: 1px dotted #3d9b35; 
	}
	
/* ** ^CONTENT (SIDEBAR) ******************************************************************* */





/* ** ^CONTENT (TERTIARY) ****************************************************************** */

#content-tertiary .snippet { padding: 8px 8px 0 8px; 
border-bottom: 1px solid #b4bac2; }

#content-navigation li h4 {
				color: #0e0e3d;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
				font-size: 1em;
				font-weight: normal;
				margin: 0.7em 0 0.25em 0;
				text-transform: uppercase;
				border-bottom: 1px solid #c4cad2;
				width: 94%;
}

#content-navigation {
	
	}

	#content-navigation li {
		border-bottom: 1px solid #b4bac2;
		padding: 4px 8px 5px 8px;
		}

		#content-navigation li ul {
			padding-top: 2px;
			}

			#content-navigation li ul li {
				background-image: url(../images/layout/sidebar-bullet.gif);
				background-position: 0 3px;
				background-repeat: no-repeat;
				border-bottom: 0px none #ffffff;
				color: #0e0e3d;
				font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
				font-size: 1em;
				font-weight: normal;
				padding: 0px 8px 4px 15px;
				text-transform: uppercase;
				}

				#content-navigation li ul li ul {
					padding-left: 0;
					position: relative;
						top: -3px;
					}

					#content-navigation li ul li ul li {
						background-image: none;
						color: #58595b;
						font-size: 0.9em;
						font-weight: normal;
						padding: 1px 8px;
						text-transform: none;
						text-align: center;
						}

						#content-navigation li ul li ul li a {
							color: #58595b;
							}
							
						#content-navigation li ul li ul li a:hover,
						#content-navigation li ul li ul li a:active {
							color: #3d9b35;
							border-bottom: 1px dotted #3d9b35;
							}




/* ** ^POSTS ******************************************************************************* */

.nothing12345{
	height: auto !important;  /* real browsers */
	height: 96px;  /* IE6: treaded as min-height*/
	min-height: 96px;  /* real browsers */
}

.titleblock {
/*	padding-left: 70px; */
	overflow-x: hidden;
	position: relative;
	padding-top: 1em;
	padding-bottom: 0.5em;
	vertical-align: bottom;
	}
	
/*	
.noimage { padding-left: 0px;
height: auto !important;
min-height: 0; }
*/

	.titleblock .memberimage {
		float: left;
/*		margin-left: -70px; */
		margin-top: 3px;
		}
		
.titleblock p,
.titleblock h2,
.titleblock h3{
	margin-left: 70px;
}

.noimage p,
.noimage h2,
.noimage h3{
	margin-left: 0px;
}

#content-sidebar .titleblock { padding-top: 0; }
#content-sidebar .title { padding-bottom: 0.5em; color: #800508;
		}
#content-main .title {
	color: #800508;
	font-family: Georgia, Times, serif;
	font-size: 1.4em;
	line-height: 1;
	text-transform: none;
	}
	

#content-main .title a {
		color: #800508 !important;
		line-height: 1;
		}
		
#content-main .title a:hover,
#content-main .title a:active {
		color: #1060b0 !important;
		}

#content-sidebar .summary { font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif; 
	font-size: 1.1em;
	line-height: 1;
	text-transform: none;
	}
	
		
.comments { padding-top: 2em; clear: both; width: 100%; }

.paginate { width: 100%; clear: both; padding-top: 2em; }

.nextprevlinks { text-align: left; margin-bottom: 1em; color: #1060b0;} 

.postlinks { font-size: 11px; width: 100%; clear: both; padding-top: 1em; float: left; }

.entry { float: left; width: 100%; clear: both; padding-bottom: 10px;  }

.postlinks ul { display: block; float: left; clear: both; width: 100%; height: 18px; }
.postlinks ul li { float: left; width: auto; margin-right: 11px; 
height: 17px; }
.postlinks ul li a { display: block; margin: 0; padding: 0; height: 17px; width: 100%; 
background-position: bottom left; background-repeat: no-repeat; text-indent: 18px;}

.postlinks p { margin: 0 0 0.3em 0; padding: 0 0 0.3em 0; 
color: #1060b0; border-bottom: 2px dotted #58595b; }

.postlink-print a { background-image: url(/images/layout/icons/postlink-print.gif); }
.postlink-email a { background-image: url(/images/layout/icons/postlink-email.gif); }
.postlinks ul .postlink-share a { background-image: url(/images/layout/icons/postlink-share.gif); text-indent: 17px;}
.postlinks ul li.postlink-comment,
.postlink-comment a
 { background-image: url(/images/layout/icons/postlink-comment.gif);
background-position: bottom left; background-repeat: no-repeat; text-indent: 18px;
margin-right: 0px; }
.postlink-link a { background-image: url(/images/layout/icons/postlink-link.gif); }

.postlinks ul li.postlink-favorite {  }

#catarchives ul, #catarchives li { margin: 0; padding: 0; list-style-type: none; }

h2 .rsslink { font-size: 11px; padding-left: 14px; background-image: url(/images/layout/rss-icon2.gif);
font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
background-position: left; background-repeat: no-repeat; letter-spacing: 1px; 
 margin-left: 6px; color: #0e0e3d; }
 
 h2 .rsslink:visited { color: #0e0e3d; }
 h2.rsslink:hover, h2 .rsslink:active { color: #1060b0; border-bottom: 1px dotted #1060b0; }
 
 blockquote { border-left: 2px solid #26448f;
 border-right: 2px solid #26448f; 
 padding: 0 8px; margin-right: 8px; }

/* ** ^FORM FIELDS ************************************************************************* */

input { border: 1px solid #b4bac2; background-color: #ecf0f4; padding: 1px 3px; line-height: 1.7; }
input, select { width: 250px; }
textarea { width: 380px; border: 1px solid #b4bac2; background-color: #ecf0f4; }
input.checkbox, input.radio { border: 0px none #ffffff; background-color: transparent; padding: 0; line-height: normal; 
position: relative; top: 0.1em; width: auto; }
input.button  { text-align: center; font-weight: bold;  width: auto;
background-image: url(/images/layout/sec-background-hover.jpg); background-position: left bottom;
background-repeat: repeat-x; color: #1060b0;
font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
border: 1px solid #1060b0;
}
input.button:hover { background-image: url(/images/layout/sec-background.jpg); }

label { float: left; width: 100%; clear: both; padding: 0.5em; }
label span, label input { float: left; }
label span { width: 10em; text-align: right; margin-right: 0.7em; }

label.cblabel, form p.cleared { padding-left: 11em; }
label.cblabel span, label.cblabel input { text-align: left; float: none; display: inline; }

label.cblabel span { padding-left: 0.3em; }


/* POLLS */

.lg-polls-answers input { border: 0px none #ffffff; background-color: transparent; padding: 0; line-height: normal; 
position: relative; top: 0.1em; width: auto; }

.lg-polls-answers span, .lg-polls-answers input { float: left; }
.lg-polls-answers input { width: 15px; position: relative;  }
.lg-polls-answers span { width: 220px; margin-right: 0; padding-right: 0; padding-left: 0.5em; text-align: left; }
.lg-polls-answers label { margin: 0; padding: 0; }


.lg-poll, .lg-poll li { list-style-type: none; 
float: none; clear: both; }

.lg-poll h3 { line-height: 1 !important; margin-bottom: 0; padding-bottom: 0; }

.lg-poll p.cleared { padding-left: 2em;}

.lg-polls-answers { padding: 1em 0; margin: 0; }
.lg-polls-answers li { padding: 0; margin: 0 0 0 1em; padding-bottom: 0.5em; }
.lg-polls-answers li input { }

/* not showing actual numbers, because it makes people not like voting! */
.poll-total-votes, .answer-total-votes { display: none; }

.lg-poll-results .percentage { height: 1.2em; background-color: #67c0de; position: relative; 
margin-bottom: 5px; }

.lg-poll-results .percentage small { position: absolute; right: 3px; top: 0.1em; font-weight: bold; 
text-align: right; }
.lg-poll-results .smallp { border-left: 1px solid #67c0de; }
.lg-poll-results .smallp small { left: 5px; }


/* ** ^TABLES ****************************************************************************** */

.resourcetable th { text-transform: uppercase; color: #0e0e3d; font-weight: bold; 
font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
}

.resourcetable td, .resourcetable th { padding: 2px 5px; border-bottom: 1px solid #aaaaaa; }

tr.extrapad th { padding-top: 1.5em; }

.resourcetable caption { text-align: right; color: #b4bac2; width: 100%; padding: 2px;
}

.resourcetable td { font-family: Georgia, Times, serif; }

tr.odd td { background-color: #ecf0f4; }

/* SEARCH BOX */

#utilbox { position: absolute; top: 45px; right: 3px; width: 240px; height: 50px; }
#utilbox label { font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
float: left; width: 216px;  padding-right: 0; margin-right: 0;}
#utilbox label input { width: 160px; padding-right: 0; margin-right: 0; line-height: 1.3; }
#utilbox input.button, #utilbox input.button:hover { 
float: left; font-size: 1.3em; line-height: 1.1; background-color: #ffffff; position: relative; left: -4px; top: 2px; 
background-image: none; border: 0px none #ffffff; padding: 0 !important; margin: 0 !important;  }
#utilbox label span { font-size: 10px; text-transform: uppercase; width: 40px; position: relative; top: 1px; margin-right: 0; padding-right: 5px; }

#utilbox p { clear: both; font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Tahoma, sans-serif;
font-size: 10px; margin: 0 27px 0 0; text-align: right; position: relative; top: -5px; }