/* CSS Document for the "It's a Baby" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/

/* John's Notes
- It *is* necessary to have the following at the top of the html:
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
			"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
*/


/* my junk */

li { line-height:120%; padding-bottom:4px }

.guimenu, .guimenuitem, .guisubmenu, .guilabel, .interface, .guibutton, .shortcut, .shortcut, .keycap {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.boxed      { background-color: #D5FFD5;}

.ph {
          color: #008000;
          font-weight: bold;
}

pre.programlisting { 
    background: #F0F0F0; 
    border: 1px solid gray; 
    padding: 4px;
}

.legend-title {
	margin: 0 0 3px 0;
	padding: 0 3px 0px 0px;
	float: left;
	display: block;
	background: white;
	font-weight: bold;
	position: absolute;
	top: -10px;
	left: 10px;
}

.legend {
	margin: 15px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #008000;
	position: relative;
}

.centerbig {
         font-size:120%; line-height: 2.5; color:#008000;
         padding: 0px 0px 5px 0px;
         }
.centerbig p {line-height: 1.2; text-align:center; padding: 5px 0px 5px 0px;}

.columnthird { width:30%; min-width:150px; position:relative; float:left; margin:0px 10px 0px 0px; }
.columnhalf { width:45%; min-width:250px; position:relative; float:left; margin:0px 10px 0px 0px; }
.columnwhole { max-width:700px; position:relative; float:left; clear:both; margin:0px 10px 0px 0px;}


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0}

table.grey {
  margin:0px 0px 10px 0px;
  color: #fff;
  background-color: #666;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  }
table.grey td {
  background-color: #CCC;
  color: #000;
  padding: 4px;
  border: 1px #fff solid;
  }

table.grey td.hed {
  background-color: #666;
  color: #fff;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
  }


q:before, q:after, blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}
body {font-size:0.8125em; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; background-color:#fff}
a {outline:none; color:green; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:120%; margin:10px 0 10px 0}
small {font-size:80%}
em {font-style:italic}

h2 {clear:both; margin: 15px 0px 5px 0px; font-size:1.5em; color: #008000; 
    }
h3 {font-size:1.2em; color:#008000;}


#header_wrapper {width:100%; background:#002000 left top}
	#header {max-width:960px; margin:0 auto; height:75px;
            background: url(/images/ones-zeros-960x70.png);
            }
	#header img {float:left; display:inline; margin:5px 5px 0 5px}
	#header h1 {float:left; margin-top:20px; font-size:2.5em; font-weight:bold; color:#fff;}


#navigation_wrapper {
		clear:both; width:100%; height:40px;
		background:#41ab37 url(/images/navigation_bg.png) left top repeat-x;
		padding:0; margin:0;
		}
	#navigation {clear:both; max-width:960px; margin:0 auto; padding:0;}
	#navigation li {
			float:left; display:inline; height:35px; margin-right:1px;
            padding:5px 0px 0px 0px;
			font-size:1em; font-weight:bold; text-transform:uppercase;
			border-right:1px solid #3d9f33; border-left:1px solid #4cbc41;
			background:#42ab37 url(/images/navigation_button.png) left top repeat-x
			}
	#navigation li a {display:block; padding:10px 20px; text-align:left; color:#fff}
	#navigation #category_link {position:relative}
					
	/* Drop-Down Category Menu */												
	#group_list {	position:absolute; z-index: 9; top:auto; left:-999em; padding:10px 0;
					width:150px; background-color:#41ab37
				}
	#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
	#group_list li {
			width:140px; height:auto; padding:0; margin:0 0 10px 0; font-size:110%;
			font-weight:normal; text-transform:none; border:none; background:none
			}
	#group_list li a {display:block; padding:5px 5px 5px 15px; text-decoration:none; color:#fff}
	#group_list li a:hover {text-decoration:underline}


#content_wrapper {max-width:960px; margin:0 auto}

#content {clear:both; float:left; display:inline; padding:5px 15px 5px 15px; max-width:960px}
	#content img {float:left; display:inline; margin:0 15px 15px 0}
	
	/* Form Styles */
	#content input, textarea {width:350px}	
	#content input#submit {width:auto; font-weight:bold}														
	

#footer {clear:both; margin-top:50px; padding-top:5px; font-size:90%; color:#909090; border-top:1px solid #ededed}
	#footer a {text-decoration:underline}
	#footer a:hover {text-decoration:none}