body
{
	margin: 0px;
	padding: 0px;
	/*background: black;*/
	font: 16px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	min-width: 670px;
	background-color: #363636;
	background-image: url(images/dark_grey_grad_strip.gif);
	background-repeat: repeat-x;
}
img { border: none; }

a:link, a:visited { text-decoration: none; font-weight: bold; color: blue; } 
a:hover, a:active { text-decoration: underline;  }

li { list-style-image: url(images/list-bullet.gif); }


.left { float: left; padding-left: 2em; padding-right: 2em;}
.right { float: right; padding-right: 2em;}
.center { margin: 0px auto -20px auto; padding: 40px; text-align: center; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.75em; }

ul { display: table; }
ul h4 { margin-left: -1em; }

#container {
	position: relative;
	width: 670px;
	margin: 0px auto -20px auto;
}

#content {
	width: 478px;
	margin: 20px 0px 0 0;
	background-color: #fff;
	border: solid 2px #222;
	padding: 0;
	font-size: .8em;
	letter-spacing: .01em;
	vertical-align: top;
}

#content-wide {
	margin: 10px 0px 0 0;
	background-color: #eee;
	border: solid 2px black;
	padding: 0px;
	font-size: .8em;
	letter-spacing: .01em;
	vertical-align: top;
	text-align: left;
}
#content-wide p {
	padding: 4px 10px;
}
#content-wide h3 {
	padding: 0 5px;
	margin: 0;
}
#content p {
	padding: 1em 1em 0 1em ;
	margin: 0 3px 3px 3px;
}
/*
#content img {
	border: solid 1px #777;
}
*/

#side {	
	/*margin-top: 20px;*/
	width: 170px;
	float: right;
}
#side img {
	margin-top: 16px;
}

#footer {
	width: 90%;
	margin: 20px;
	font-size: .65em;
	text-align: center;
	padding: 1.5em;
	clear: both;
	color: #999
}

#banner {
	color: #FFF;
	font-size:x-large;
	font-weight:normal;
	height: 100px;
	/*background: #546776;*/
	margin: 0px auto 0px auto;
}
#header_box { 
	position: relative;
	width: 710px; height: 104px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 20px;*/
	background: url(images/header_grey.jpg) no-repeat;
	text-align: left;
	
}
#banner a { 
	text-decoration: none; 
	color: #444; 
	font:  .7em Helvetica, Verdana, sans-serif;
	letter-spacing: .05em;
}
#banner a:hover { 
	color: #000;
}

/* note that there are special rules for safari and ie in the special-case css files. */
#header_box ul {
	position: absolute;
	right: -7px; bottom: -25px;
}
#header_box li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	font-size: .9em;
}

#band { 
	position: absolute;
	height: 10px; width: 100%;
	background: #134 url(images/blue_band.gif) repeat-x;	/* or band-slate.gif */
}


p.intro {
	font-weight: bold;
}
.wide_band { 
	text-align: center;
	/*background: url(images/band-thick-slate.gif) repeat-x;*/
	background: #aaa;
	height: 33px;
	border: 1px solid #444;
	border-left-width: 0;
	border-right-width: 0;
	margin: -3px 0 0 0;
}
.wide_band h2 { 
	margin: -4px 0 0 0;
	padding: 10px 0 0 0;
	font: bold 1.5em Helvetica, Verdana, sans-serif;
	letter-spacing: .1em;
	color: #222;
	font-weight: normal;
}

/* ============= ishell box classes ============== */
#iShell_box {
	width: 154px; height: 141px;
	background: url(images/iShell_box.gif) no-repeat;
	font-size: .7em;
	padding: 30px 8px 0px 10px;
	vertical-align: top;
	/*margin-top: 20px;*/
}
#iShell_box img {
	float: right;
	margin: 0;
	/*padding: 0px 2px;*/
}

/* ============= signage box classes ============== */
#signage_box {
	width: 154px; height: 141px;
	background: url(images/signage-box.gif) no-repeat;
	font-size: .7em;
	padding: 30px 8px 0px 10px;
	vertical-align: top;
	margin-top: 20px;
	color: white;
}
#signage_box a {
	color: white;
}
#signage_box img {
	margin: 0;
	padding: 0;
	float: left;
}

/* table that holds logos on front page */
.rnd_white-top {
	width: 170px; height: 12px;
	background: url(images/rnd_white-top.gif);
}
.rnd_white-middle {
	width: 170px;
	background: url(images/rnd_white-middle.gif) repeat-y;
}
.rnd_white-middle img { padding: 10px; }
.rnd_white-bottom {
	width: 170px; height: 12px;
	background: url(images/rnd_white-bottom.gif) no-repeat;
}

/* =================== showcase classes ================= */
.showcase-top {
	width: 170px; height: 32px;
	background: url(images/showcase-top.gif);
}
.showcase-middle {
	width: 170px;
	background: url(images/showcase-middle.gif) repeat-y;
}
.showcase-middle img { 
	padding: 0 10px 0 10px; 
}
.showcase-bottom {
	width: 170px; height: 16px;
	background: url(images/showcase-bottom.gif) no-repeat;
}
.showcase_item {
	width: 158px;
	padding: 0 5px 0 5px;
	text-align: center; 
}
.showcase_item p {
	text-align: left;
	font: .75em Helvetica, Arial, Sans-Serif;
	line-height: 1.1em;
	padding: 2px;
	margin: 0;
	background: #eee;
	border: solid 1px #ccf; border-left-width: 0; border-right-width: 0;
}
.showcase_item_full {
	width: 670px; height: 297px;
	margin: 15px 0 16px 0px;
	background: url(images/showcase_bg.gif) no-repeat;
}
.showcase_item_full h4 { 
	color: white; 
	padding:0; 
	margin: 4px auto 0 auto; 
	padding: 4px 0 0 4px;
	text-align: center;
}
.showcase_item_full img { 
	float: right;
	padding: 0; 
	margin: 10px; 
}
.showcase_item_full p { 
	width: 380px;
	margin: 7px 0 0 7px;
	font-size: .9em;
}

/*
#signs {
	background-color: #37373A;
	position: absolute;
	width: 480px;
	margin: 20px 20px 0 0;
	background-color: #fff;
	border: solid 2px black;
	padding: 0px;
	font-size: .8em;
	letter-spacing: .01em;
	vertical-align: top;
	text-align: left;
}
*/

/*	=======	 stuff for modules code  ======  */
.active { background: #9FF; }
.inactive { background: #F9C; }
.needtall { background: #CF9; }
.needsq { background: #FFC; }
.needboth { background: #FC9; }
.final { background: #6F6; }



.centered_table {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}


.form {
	margin: 0 auto 2em 0;
	color: white;
	text-align: left;
	padding: .5em;
	border: solid 1px #666;
	background-color: #333;
}