/*-------------   Style for page.m4 - the outer framework. -----------*/

BODY {
	background-color: #FFF;
	margin: 0;
}
.middle {
	width:		800px;
}

#header {
	height:		55px;
	background-color:	#C8E0C8;
}
#navbar {
	margin-right:	50px;
}
#navbar td {
	width:          100px;
}
#navbar a {
	color:		#222;
	text-style:	bold;
	text-align:	center;
	text-decoration: none;
        font-size:      14pt;
        font-family:    sans-serif;
	display:	block;
	height:		30px;
	padding-top:	8px;
	transition-duration: 0.3s;
}
#navbar a:link    { }
#navbar a:visited { }
#navbar a:hover   { 
	background-color: #D8F0D8;
}
#navbar a:active  { 
	color:		#008;
}
#navbar a#selected {
	color:		#FFF;
}


#content table {
	padding-top:		40px;
	padding-bottom:		40px;
	padding-right:		40px;
}
#content h2 {
	color:		#206040;
	font-size:	20pt;
	font-family:	sans-serif;
	font-weight:	normal;
}
#content tr {
	color:		#555;
        font-size:      14pt;
	font-family:	sans-serif;
}


#footer {
	background-color: #DDD;
}
.copyright {
	color:		#FFF;
	text-align:	center;
        font-size:      9pt;
        font-family:    sans-serif;
	text-decoration: none;
	padding:	20px;
}


/*---------------   Style for index.m4 ------------------------------*/

#welcome {
	font-size:	36pt;
	color:          #222;
	text-shadow:	2px 2px 2px rgba(0,0,0,0.2);
	margin-bottom:	40px;
}

#splash img {
	align:		center;
	margin-top:	20px;
	margin-bottom:	20px;
}

/*---------------   Style for news.m4 -------------------------------*/

.notes {
        font-size:      12pt;
	padding-left:   20px;
}

/*---------------   Style for products.m4 ---------------------------*/

.code {
        font-size:	11pt;
	margin-left:	20px;
	margin-right:	20px;
	padding:	10px;
	background-color: #EEE;
}