/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
	
body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
}
ul, li, a, p, h1, h2, h3, h4, h5, h6, hr, span, input, em, strong {margin:0;padding:0;}
img, form, fieldset {margin:0;padding:0;border:0;}		
/*typography*/
a {
	/*text-decoration: none;*/
	color: #000;
	
	}
a:link {
color: #1D6AA9;
		}
a:visited {
	color: #1D6AA9;
	
	}
a:active {
	}
	
a:hover {
/*	text-decoration: none;*/
	color: #FF9900;
	}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color: #003366;
		}

h2 {
	font-size: 1.5em;
	margin: 15px 0px 5px 0px;
	font-weight: normal;
	color: #FF9900;
	}
h3 {
	font-size: 1.4em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.4em;
	font-weight: normal;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
img {

	}
	
ol, ul, li {
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}
li p {
	margin-top: 0.2em;
	}
p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
.blue {
color: #003366;
}
.red {
color: #ff0000;
}
.orange {
color: #F59C1E;
}
.unlink a {
color: #666;
}
.unlink a:link {
color: #666666;
}
.right {
float:right;
}
.left {
float: left;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

	#container {
	width:750px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 15px;
	padding:5px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	
		}
		
	#mainnav
	{
	height: 30px;
	background-color: #2B65A8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF4D2;
	margin: 0px;
	}
	
	#mainnav p
	{
	font-size: 1em;
	color: #FFFFFF;
	font-weight: normal;
	padding: 7px;
	}
	
			
#contents {
	width: 700px;
	margin: 5px 0px 4px 5px;
	background-color: #FBFBFB;
	padding: 5px 15px 200px 20px;
	border: 1px solid #ddd;
		}



/*************** application product style ****************
************************************************/
.thumbs
{
	float: left;
	width: 120px;
	/*border: 1px solid #999;*/
	margin: 15px 4px 0px 0px;
	padding: 5px;
	/*background-color: #FFFFFF;*/
	text-decoration: none;
	text-align:center;
	
}
.thumbs strong {
	color: #003366;
	margin: 3px 0 0 2px;
}

.thumbs:hover
{

	background-color: #FFFFFF;	
}
.thumbs h2
{
	font-size: 1.0em;
	color: #003366;
	font-weight: bold;
	padding: 0px;
	margin: 3px 0 5px 0;
}
.thumbs sup {
	font-size: 0.8em;

}
.thumbs p
{
	font-size: 0.9em;
	color: #333333;
	line-height: 1.2em;
	text-align: left;
}
.thumbs img
{
	border: 1px solid #999999;
}
.thumbs a:hover img
{
	border: 1px solid #003366;
}
/* end product styles */