/* 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 {
	font-family : Arial, Sans-Serif;
	font-size : 68.75%;
	color : #000000;
	background-color : #ffffff;
	margin : 0em;
	padding : 0em;
	/*
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-face-color : #3399FF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-base-color : #99CCFF;
	scrollbar-highlight-color : #3399FF;
	scrollbar-shadow-color : #3399FF;
	scrollbar-darkshadow-color : #99CCFF;
	*/
}
	/* 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) */
	h1 {
		font-size :	218%;
		margin : 0em 0em 15px 0em;
	}
		h1 em {
			font-size : 80%;
			font-style : normal;
			font-weight : normal;
			padding-left : 1em;
		}
		h1 a:link,
		h1 a:visited,
		h1 a:hover,
		h1 a:active {
			color : #000000;
			text-decoration : none;
			cursor : default;
		}
	h2 {
		font-size :	100%;
		margin : 0em 0em 0em 0em;
	}
	h3 {
		font-size :	100%;
		margin : 0em 0em 0em 0em;
	}
	h4 {
		margin : 0em;
	}
	p {
		margin : 0em 0em 1em 0em;
	}
	pre, code {}
	address {
		font-style : normal;
	}
	/* hypertext (a) */
	a {}
		a:link, 
		a:visited {
			text-decoration : underline;
			color : #0099cc;
		}
		a:hover, 
		a:active {
			text-decoration : underline;
			color : #67c5d3;
		}
	/* list (dl, dt, dd, ol, ul, li) */
	ul, 
	ol {
		margin : 0em 0em 1em 2em;
		padding : 0em 0em 0em 0em;
	}
		ul ul,
		ol ol {
			margin-bottom : 0em;
		}
			ul li {}
			ol li {}
	dl
		dt {
			font-weight : bold;
		}
		dd {}
	/* object (object, param) */
	object {}
	/* presentation (b, big, hr, i, small, sub, sup, tt) */
	div.hr {
		clear : both;
		height : 1px;
		min-height : 1px;
		background-image : url(../images/hr_back.gif);
		background-repeat : repeat-x;
		background-position : 0% 50%;
	}
		div.hr hr {
			display : none;
		}
		div.greyRuler {
			background-image : url(../images/hr_back_grey.gif);
		}
		div.paddedRuler {
			margin : 0px 10px 0px 10px;
		}
		div.extraMargin {
			margin : 1em 0px 1em 0px;
		}
	/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
	form {
		margin : 0em;
	}
		fieldset {
			border : solid 1px #000000;
			padding : 0.4em 0.4em 0.4em 0.4em;
		}
			legend {
				font-size : 100%;
				font-weight : bold;
			}
			input, 
			textarea, 
			select {
				width : 14em;
				font-family : Verdana, Arial, Sans-Serif;
				font-size : 90%;
				vertical-align : middle;
			}
				input.text {}
					select.shorter,
					input.shorter {
						width : 7em;
					}
				input.checkbox, 
				.checkbox input,
				input.radio, 
				.radio input {
					width : auto;
					border : none;
				}
					* html input.checkbox, 
					* html .checkbox input,
					* html input.radio, 
					* html .radio input {
						margin-left : -3px;
					}
				input.image {
					width : auto;
					border : none;
				}
				input.button,
				input.submit {
					width : auto;
					padding : 2px 18px 2px 5px;
					font-weight : bold;
					color : #ffffff;
					background-color : #41b7c8;
					background-image : url(../images/button_back.gif);
					background-repeat : no-repeat;
					background-position : 100% 60%;
					border : none;
					cursor : pointer;
				}
					* html input.button,
					* html input.submit {
						padding : 2px 10px 2px 0px;
					}
						a.button {
							width : auto;
							padding : 2px 18px 2px 5px;
							font-weight : bold;
							background-color : #41b7c8;
							background-image : url(../images/button_back.gif);
							background-repeat : no-repeat;
							background-position : 100% 60%;
							border : none;
							cursor : pointer;
						}
							a.button:link,
							a.button:visited {
								text-decoration : none;
								color : #ffffff;
							}
							a.button:hover,
							a.button:active {
								text-decoration : none;
								color : #ffffff;
							}
			textarea {}
			select {}
			label {
				vertical-align : middle;
				font-size : 100%;
				font-weight : bold;
			}
				label em,
				em.green {
					color : #0099cc;
					font-weight : bold;
					padding : 0px 2px 0px 2px;
				}
	/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
	table {
		font-size : 100%;
		border-collapse : collapse;
		margin : 0em;
	}
		caption {
			padding : 0px;
			text-align : left;
			font-weight : bold;
		}
		thead {}
			thead th {}
		tfoot {}
			tfoot th {}
			tfoot td {}
		tbody {}
			tr {
				vertical-align : top;
			}
				th {
					padding : 0px 1em 0px 0px;
					text-align : left;
					font-weight : bold;
					color : #000000;
				}
				td {
					padding : 0px;
				}
		table.form th {
			padding : 3px 1em 3px 0px;
		}
		table.form td {
			padding : 3px 0.5em 3px 0px;
		}
	/* img */
	img {
		border : none;
	}
/* Generic */
	.smaller {
		font-size : smaller;
	}
	.hidden {
		display : none;
	}
	.left {
		float : left;
	}
		img.left {
			margin : 0px 10px 10px 0px;
		}
	.right {
		float : right;
	}
		img.right {
			margin : 0px 0px 10px 10px;
		}
	.toRight {
		text-align : right;
	}
	.centered {
		text-align : center;
	}
	.lastupdate {
		font-size : smaller;
	}
	.clear {
		clear : both;
	}