/* Overall Web Site: */
body {
	   /* just big enough for wide banner-picture plus 1 px border on each side */
	background-color: #336699;       /* color behind all web pages */
}
.credit {
	color: #163860;	/* template credit hidden message - set this to the same color as background, above! */
}
ul {
	margin-left: 20px;
}

/* For the template itself: */

.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;}
	
.style3 {
    font-family: Arial, Helvetica, sans-serif;
}
.style1 a {
    color: #163860;		/* set to same color as body background-color, above! */
}

/* Bottom bar of template: */

.footerbar {
    border-style: none;
	border-width: medium;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.footerbar a {
    text-decoration: none;
}
.footerbar a:hover {
    color: #FFCC33;
}

/* for horiz javascript menu bar: */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 70px;
	background: #CC9934;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #996633}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #CC9933;
		color: #FFF}
		
/* For all pages, the wide banner-like picture just below the menu bar */

#bannerpic {
	border: 1px solid black;
	border-bottom: 0px;  /* because the thing below us has a 1-px top border */
	padding: 0;
	margin: 0;
}

/* For Project List page, the overall list of summaries: */

#projectlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 0px 5px;
	background-color: #cccccc;
}
#projectlist h3 {
	font-size: 10pt;
	font-style:;
	color: #05162d;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* For Project List page, a single project summary box: */

.projectsummarybox {
	margin: 10px 0px;
	border: 1px solid black;
	padding: 5px 15px;
	background-image: url(../images/projsummarybg.png);
	background-position: bottom left;
	background-repeat: repeat;
}
.projectsummarybox p, .projectsummarybox li {
	font-size: 8pt;
	font-style:;
	color: #05162d;
}

/* For individual Project page, the project description box: */

.projectdescriptionbox {
	margin: 10px 0px;
	border: 1px solid black;
	padding: 5px 10px;
	background-image: url(../images/bigbg.png);
	background-position: bottom left;
	background-repeat: repeat;
}

.projectdescriptionbox1 {
	margin: 10px 0px;
	border: 1px solid black;
	padding: 5px 10px;
	background-position: bottom left;
	background-repeat: repeat;
}
.projectdescriptionbox p, .projectdescriptionbox li {
	font-size: 8pt;
	font-style:;
	color: #05162d;
}
.projectdescriptionbox1 p, .projectdescriptionbox1 li {
	font-size: 8pt;
	font-style:;
	color: #05162d;
}

/* For buttons like "More" on the project summary pages, left/right arrows on individual project description pages: */
.floatright {
	position: relative;
	float: right;
	padding-bottom: 3px;
}
.buttonlolite {
	color: #666666;
	font-size: 8pt;
	background-image: url(../images/buttonbg1.png);
	border: 1px solid black;
	padding: 3px;
}
.buttonhilite {
	color: #CC0000;
	font-size: 8pt;
	background-image: url(../images/buttonbg2.png);
	border: 1px solid black;
	padding: 3px;
	cursor: pointer;
}