/* CSS - this was a transitional document and used a table for basic structure. Purists: My bad. */

/* --- changed #669 to #603


/* Basics */
body {
	margin: 0;
	padding: 0;
	color: #666;
	font: 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* background: url(/img/pg_header.gif) repeat-x; */ 
	background: #fff url(/img/bg_diag2.gif) repeat;
	}
p, td, ul, ol, li, dl, dt, dd, div {
	font: 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: left;
	}
tr {
	vertical-align: top;
	}
td {
	background-color: #fff;
	}
p.first:first-letter {
	color: #9D9D8F;
	font: 36px/15px "Times New Roman", Times, serif;
	line-height: 15px;
		}
p.first {
	margin-top: 15px;
		}
input, select, textarea {
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
p, ul, ol {
	margin: 0 0 1em 0;
	padding: 0;
	}
ul, ol {
	margin: 0 0 1em 1em;
	padding: 0 0 0 1em;
	}
li {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	}
.bodyFooter {
	padding: 0 0 50px 0;
	}
img {
	border: 0;
	}

/* Typographic stuff */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 2px;
	/*color: #892034;*/
	color: #666;
	font-weight: bold;
	}
h1 {
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 0;
	}
h1 span {
	display: none;
	}
h2 {
	font-size: 14px;
	}
h3 {
	font-size: 13px;
	margin-top: 20px;
	}
h4 {
	font-size: 12px;
	}

/* Structural stuff */
.tdHomeLeft {
	margin: 0;
	padding: 0 0 20px 15px;
}
.tdHomeRight {
	margin: 0;
	padding: 0 15px 0 60px;
}
.tdSecLeft {
	margin: 0;
	padding: 0 10px 0 20px;
}
.tdSecRight {
	margin: 0;
	padding: 0 15px 0 20px;
	border-left: 1px dotted #969688;
}

/* Global elements */
.bodyFooter p {
	margin: 0;
	padding: 12px 50px 6px;
	text-align: center;
}
a:link, a:visited {
	color: #03f;
}
a:hover {
	color: #892034;
}
a:active {
	color: #333;
}
#leftNav {
	padding-top: 4px;
	}
#leftNav a {
	display: block;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	}
#leftNav img {
	padding: 0 0 5px 0;
	}
a.mainNav:link, a.mainNav:visited	{
	color:	#03f;
	}
a.mainNav:hover	{
	color: #892034;
	}
a.mainNav:active	{
	color:	#333;
	}


/* Occasional things */
.diduknow {
	margin: 0 0 10px 10px;
	padding: 0 10px;
	color: #333;
	background-color: #efefef;
	border: 1px dotted #ccc;
	float: right;
	width: 170px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 148px;	 /* Actual value for browsers that get CSS */	
}
.diduknow2 {
	margin: 0 0 10px 10px;
	padding: 0 10px;
	color: #333;
	background-color: #efefef;
	border: 1px dotted #ccc;
	float: right;
	width: 185px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 163px;	 /* Actual value for browsers that get CSS */	
}
.diduknow p, .diduknow2 p {
	font-size: 10px;
	color: #333;
}
.homeAnnounce2 {
	margin: 0 10px 10px 0;
	padding: 0 20px;
	color: #333;
	background-color: #efefef;
	border: 1px dotted #ccc;
}
.homeAnnounce {
	margin: 0 10px 10px 0;
	padding: 0 20px;
	color: #333;
	background-color: #efefef;
	border: 1px dotted #ccc;
}
.homeAnnounce2 p, .homeAnnounce2 li, .homeAnnounce p, .homeAnnounce li {
	color: #333;
}

.imgPad50 {
	margin-right: 50px;
	color: #999;
}
.imgPad {
	margin-right: 10px;
	color: #999;
}
.tdPopUp {
	margin: 0;
	padding: 0 50px;
}
.vs5 {
	margin-top: 5px;
	}
.itsnew {
	color: #f30;
	}
.examples {
	vertical-align:text-bottom;
	margin-left:5px;
	}
.floatRight {
	float: right;
	margin: 0 0 10px 10px;
	}
.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
	}
.ruleAbove {
	border-top: 1px solid #eee;
	padding-top: 10px;
	}
.tableBordered tr {
	vertical-align: baseline;
	}
.tableBordered td {
	border: 1px solid #999;
	padding: 2px;
	}
.tableBordered em {
	text-decoration: underline;
	}
	
.red {
	color: #f30;
	}