/*
 *	SHARED STYLES FOR ENTIRE SITE
 *
 *		:: LabLit.com public
 *		:: Version 4.1 :: January 2010
 *
 */


html, body, div, table, img, form, fieldset, p, ul, ol, object {
	margin: 0; border: 0; padding: 0;	
}


html {
	padding: 10px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 auto;
}
#siteBox {
	overflow: auto;
	padding-bottom: 1em;
}
#leftMenu, #rightMenu {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	width: 100px;
	padding: 0 20px;
}
#footer {
	clear: both;
}


/*  BLOCK ELEMENT STYLES */

h1, h2, h3, h4	{
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	padding: 0;
	margin: 0;
}
h1	{
	font-size: 1.4em;
	margin: 3em 0 2em 0;
}
h2	{
	font-size: 1.3em;
	margin: 0.75em 0 2em 0;
}
h3	{
	font-size: 1em;
}
p, form.stdForm, ul, ol {
	margin: 1em 0;
}
li {
	padding: 0 0 0.5em 0.5em;
	margin-left: 2em;
}
li p {
	padding: 0;
	margin: 0;
}
table td {
	vertical-align: top;
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }


/* VISUALLY HIDDEN CONTENT
	To hide elements that give extra information for users of assistive technology such as screenreaders.
	For more info see http://www.webaim.org/techniques/articles/hiddentext
*/

.hidden, .hiddenOnline {
	position: absolute;
 	left: -1000px;
 	top: auto;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
}


/* GENERAL TEXT STYLES */

.bold { font-weight: bold; }
.paleText { color: #aaa; }
.smallText { font-size: 0.85em; line-height: 1.1em; }
.padL { padding-left: 0.5em; }
.padLeft { padding-left: 2em; }
.padLeft2 { padding-left: 4em; }
.padLeft3 { padding-left: 6em; }
.padLeft4 { padding-left: 8em; }
.padR { padding-right: 0.5em; }
.specialMessage { text-align: center; color: red; font-weight: bold; font-size: 1.2em; }
.spaceAbove { padding-top: 2em; }
.spaceBelow { padding-bottom: 2em; }
.tightLines, .tightLines p { margin: 0.5em 0; }


/* LINKS */

a { outline: none; }
a:link, a:visited, a:hover, a:active {
	color: #0063bc; /* dark green: color:#20550b; LabLit blue = #0063bc; */
}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline;
}
.whiteLink, .whiteLink a:link, .whiteLink a:visited, .whiteLink a:hover, .whiteLink a:active {
	color: #fff;
	text-align:center;
}


/* SIMPLE LISTS (e.g. archive lists) */

ul.simple li {
	list-style-type: none;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
}
ul.simple li h3 {
	margin: 0;
	padding: 0;
}
ul.simple li p {
	margin: 0;
	padding: 0;
}


/* NAVIGATION MENU */

ul.navButtons, ul.navButtons li {
	margin: 0;
	padding: 0;
}
.navButtons li {
	list-style-type: none;
	height: 25px;
}
.navButtons li.selected,  .navButtons li a {
	padding: 5px 10px 5px 10px;
	height: 15px;
	width: 80px;
	background: #111111 url(menuButtonBackground.png) repeat-x;
}
.navButtons li.selected {
	color: #fff;
	background-position: 0px 0px;
}
.navButtons li a {
	display: block;
}
.navButtons li a:link, .navButtons li a:visited {
	text-decoration: none;
	color: #000;
	background-color: #b5b5b5;
	background-position: 0 -54px;
}
.navButtons li a:hover, .navButtons li a:active {
	text-decoration: none;
	color:  #fff;
	background-color: #2fdb00;
	background-position: 0 -27px;
}
/* for rss nav button */
.navButtons li.RSS a span {
	background: url(RSS_16px.png) no-repeat left center;
	padding-left:20px;
}


/* SEARCH BOX */

form#frmSearchSite {
	padding: 1em 0 2.5em 0;
}
#frmSearchSite input#search {
	color: #666;
	height: 16px;
	width: 75px;
	padding: 2px 3px;
	margin: 0;
	border: 1px #ccc solid;
}
#frmSearchSite input#submit {
	width: 17px; 
	height: 22px; 
	vertical-align: bottom;
	margin-left: 0;
}
#frmSearchSite input#search:focus {
	color: #000;
}

/* There are no turtles anywhere */