/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
html,body {
}
body {
	font-family : Verdana, Arial, Sans-Serif;
	font-size : xx-small;
	background-color : #FFFFFF;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}
	/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */
.title,
	h1 {
		display : block;
		font-size : 145%;
		font-weight : bold;
		color : #6D057C;
	}
		body.purple h1 {
			color : #6D057C;
		}
		body.green h1 {
			color : #07867E;
		}
		body.blue h1 {
			color : #31558D;
		}
		h1.content {
			font-size : 130%;
			font-weight : bold;
		}
.subtitle,	
	h2 {
		display : block;
		font-size : 110%;
		font-weight : bold;
		margin : 0px 0px 0px 0px;
		padding : 0.2em 0px 0.2em 0px;
		color : #6D057C;
	}
	/*
		body.purple h2 {
			color : #6D057C;
		}
		body.green h2 {
			color : #07867E;
		}
		body.blue h2 {
			color : #31558D;
		}
	*/
	h3 {
		display : block;
		font-size : 100%;
		font-weight : bold;
		margin : 0px 0px 0px 0px;
		color : #000000;
	}
	p {
		margin : 0px 0px 1em 0px;
	}
	pre, code {}
	/* hypertext (a) */
	a:link, a:visited {
		color : #000000;
		text-decoration : underline;
	}
	a:hover, a:active {
		color : #6D057C;
		text-decoration : underline;
	}
	/* list (dl, dt, dd, ol, ul, li) */
	ul {
		margin : 0px 0px 1em 16px;
		padding : 0px 0px 0px 0px;
	}
	ol {
		margin : 0px 0px 1em 2.3em;
		padding : 0px 0px 0px 5px;
	}
		ul ul {
			margin-bottom : 0px;
		}
		ul li {
			list-style-image : url(../images/bullet_disc.gif);
			vertical-align : middle;
		}
		ol li {
			vertical-align : middle;
		}
	dl {
		margin : 0px 0px 1em 0px;
	}
		dt {
			font-weight : bold;
		}
		dd {
			margin : 0px 0px 1em 0px;
		}
	/* object (object, param) */
	object {}
	/* presentation (b, big, hr, i, small, sub, sup, tt) */
	hr {
		height : 1px;
		color : #CBCDD7;
		background-color : #CBCDD7;
		border : none;
		clear : both;
		margin : -4px 0px 0px 0px;
	}
	html>body hr {
		margin : 0px 0px 1em 0px;
	}
	/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
	form {
		font-size : 100%;
		margin : 0px 0px 1em 0px;
	}
		fieldset {
			border : solid 1px #CBCDD7;
			padding : 1em  1em  1em  1em;
		}
		legend {
			font-size : 110%;
			font-weight : bold;
			color : #6D057C;
		}
		label{
			font-weight : normal;
		}
		input, textarea, select{
			font-family : Verdana, Arial, Sans-Serif;
			font-size : 100%;
			/* border : solid 1px #808080; */
			vertical-align : middle;
		}
			input.button {}
			input.image {
				border : none;
			}
			intput.radio, 
			.radio input {
				border : none;
			}
			option {}
	/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
	table {
		font-size : 100%;
		margin-bottom : 1em;
		border : none;
	}
		caption {
			text-align : left;
		}
		tr {}
			th {
				text-align : left;
				vertical-align : top;
			}
			td {
				vertical-align : top;
			}
	/* img */
		img {
			vertical-align : middle;
		}
/* generic */
.small {
	font-size : smaller;
}
.right {
	float : right;
}
.left {
	float : left;
}
.invisible {
	display : none;
}
.clearboth {
	clear : both;
}