/* 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, Helvetica, Geneva, Swiss, SunSans-Regular, Sans Serif;
	font-size : 75%;
	color: #000;
	margin : 0em 0em 0em 0em;
	padding : 2em 2em 2em 2em;
}
	/* 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 :	133%;
		margin : 0em 0em 0.75em 0em;
	}
	h2 {
		font-size :	100%;
		margin : 0em 0em 0em 0em;
	}
	h3 {
		font-size :	100%;
		margin : 0em 0em 0em 0em;
	}
	h4 {
		font-size :	100%;
		margin : 0em 0em 0em 0em;
	}
	p {
		margin : 0em 0em 1em 0em;
	}
	/* hypertext (a) */
	a {
		color : #000;
	}
		a:link, 
		a:visited {
			text-decoration : underline;
		}
		a:hover, 
		a:active {
			text-decoration : underline;
		}
	/* list (dl, dt, dd, ol, ul, li) */
	ul, ol {
		margin : 0em 0em 1em 2em;
		padding : 0em 0em 0em 0em;
	}
		ul li {}
		ol li {}
	dl
		dt {
			font-weight : bold;
		}
		dd {
			margin-left : 0px;
			}
	/* object (object, param) */
	object {}
	/* presentation (b, big, hr, i, small, sub, sup, tt) */
	hr {
		border : none;
		width : 100%;
		margin : 0.5em 0em 0.5em 0em;
		height : 0.1em;
		clear : both;
	}
	sup {}
	/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
	form {
		margin : 0em;
	}
		fieldset {
			border : none;
			padding : 0px;
		}
			legend {
				font-size : 100%;
				font-weight : bold;
				background-color : #05346d;
				color : #ffffff;
			}
			input, 
			textarea, 
			select {
				width : 100%;
				border : solid 0.1em #05346d;
				font-family : Verdana, Arial, Sans-Serif;
				font-size : 90%;
				vertical-align : middle;
			}
				select {}
					/* the select scales buggy in mozilla 1.07 */
					html>body .selectContainer {
						position : relative;
						width : 100%;
					}
						html>body .selectContainer select {
							position : absolute;
						}
				input.radio, .radio input,
				input.check, .check input {
					width : auto;
					border : none;
				}
				input.image {
					width : auto;
					border : none;
				}
				input.button,
				input.submit {
					width : auto;
					background-color : #CCCCCC;
					border : solid 0.1em #05346d;
				}
				input.text {}
			label {
				vertical-align : middle;
				font-weight : normal;
				font-size : 100%;
			}
	/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
	table {
		font-size : 100%;
		border-collapse : collapse;
		margin : 0em 0em 1em 0em;
	}
		caption,
		.caption {
			text-align : left;
			font-weight : bold;
			background-color : #05346d;
			color : #ffffff;
			padding : 2px 10px 2px 10px;
			border-bottom : solid 10px #ffffff;
		}
			.caption label {
				font-weight : bold;
			}
		thead {}
			thead th {}
		tfoot {}
			tfoot th {}
			tfoot td {}
		tbody {}
			tr {
				vertical-align : top;
			}
				th {
					padding : 5px 10px 5px 0px;
					text-align : left;
					font-weight : bold;
				}
					th.last {
						padding-right : 0px;
					}
				td {
					padding : 5px 10px 5px 0px;
				}
					td.last {
						padding-right : 0px;
					}
	/* img */
	img {
		border : none;
		margin : 0px 0px 0px 0px;
		padding : 0px 0px 0px 0px;
		vertical-align : middle;
	}
	/* Generic */
	.smaller {
		font-size : smaller;
	}
	.larger {
		font-size : larger;
	}
	.bolder {
		font-weight : bolder;
	}
	.hidden {
		display : none;
	}
	.toLeft {
		text-align : left;
	}
	.toRight {
		text-align : right;
	}
	.left {
		float : left;
	}
	.right {
		float : right;
	}
	.clear {
		clear : both;
	}
		div.clear {
			height : 1px;
		}
			* html div.clear {
				height : auto;
			}
	.green {
		color : #479b1a;
	}
	.grey {
		background-color : #c7c8ca;
	}
	.hidden {
		display : none;
	}