/* 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 : #b3b3b3;
		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 :	170%;
			margin : 0em 0em 0.35em 0em;
			color : #ffffff;
			font-family : Georgia, Serif;
			font-weight : normal;
		}
		h2 {
			font-size :	110%;
			margin : 0px 0em 10px 0em;
			color : #fff;
			font-family : Georgia, Serif;
			font-weight : bold;
		}
		h3 {
			font-size :	100%;
			margin : 0em 0em 10px 0em;
			color : #d67100;
			font-family : Georgia, Serif;
			font-weight : bold;
		}
		p {
			margin : 0em 0em 1em 0em;
		}
		pre, code {}
		/* hypertext (a) */
		a {}
			a:link, a:visited {
				text-decoration : underline;
				color : #d67100;
			}
			a:hover, a:active {
				text-decoration : none;
				color : #d67100;
			}
		/* list (dl, dt, dd, ol, ul, li) */
		ul {
			margin : 0em 0em 1em 0em;
			padding : 0em 0em 0em 0em;
		}
			ul ul,
			ul ol {
				margin-bottom : 0em;
			}
				ul li {
					background-image : url(../images/bullet_stripe.png);
					background-repeat: no-repeat;
					background-position: left 5px;
					list-style-type: none;
					padding: 0px 0px 4px 14px;	
				}
		ol {}
			ol ol,
			ol ul {
				margin-bottom : 0em;
			}
				ol li {}
		dl {}
			dt {
				font-weight : bold;
			}
			dd {}
		/* object (object, param) */
		object {}
		/* presentation (b, big, hr, i, small, sub, sup, tt) */
		div.hr {
			border : none;
			height : 1px;
			background-image : url(../images/bg_hr.gif);
			background-repeat: repeat;
			background-position: left top;
			overflow: hidden;
			clear : both;
			margin: 10px 0px 10px 0px;	
			padding: 0px 0px 0px 0px;
		}
		hr 
		{
			visibility: hidden;
		}
		/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
		form {
			margin : 0em;
		}
			fieldset {
				border : none;
				padding : 0em;
				vertical-align: middle;
				margin-bottom: 6px;
			}
				legend {
					font-size : 100%;
					font-weight : bold;
				}
				button,
				input, 
				textarea, 
				select {
					font-family : Verdana, Arial, Sans-Serif;
					font-size : 100%;
					vertical-align : middle;
				}
				
					.error {
						color: #e50b0b;		
					}
					input.error {
						background-color:#e50b0b;	
						color: #000;
					}
					input.textbig {
						width: 237px;
						color: #000;
					}
					input.textlarge {
						width: 306px;
						height: 13px;
						font-size: 90%;
						color: #000;
					}
					input.textmedium {
						color: #000;
						width: 164px;
					}
					input.textmed {
						color: #000;
						width: 220px;
					}
					input.textsmall {
						color: #000;
						width: 61px;
						margin-right: 6px;
					}
					input.textsmallrechts {
						color: #000;
						width: 61px;
						margin-left: 6px;
					}
					select.large {
						color: #000;
						width: 355px;
						margin: 0px 0px 0px 0px;
					}
					select.text {
						color: #000;
						width: 150px;
						margin: 0px 20px 0px 0px;
					}
					select.text.last {
						color: #000;
						width: 150px;
						margin: 0px 0px 0px 0px;
					}
					label.text {
						color: #fff;
						font-weight: bold;
						margin: 0px 10px 0px 0px;
					}
					input.radio, 
					.radio input {
						width : auto;
						border : none;
						margin: 0px 4px 0px 0px;
					}
					input.image {
						width : auto;
						border : none;
					}
					input.btn,
					.btn {
						width : 242px;
						height: 19px;
					}
				textarea {
					width: 237px;	
				}
				select {
					width: 241px;	
				}
				label.radio {
					vertical-align : middle;
					font-size : 100%;
					font-weight : normal;
					margin: 0px 30px 0px 0px;
					padding: 0px;
				}
		/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
		table {
			font-size : 100%;
			border-collapse : collapse;
			margin : 0em 0em 1em 0em;
		}
			caption {
				padding : 2px 2px 2px 2px;
				font-size :	110%;
				font-weight : bold;
				text-align : left;	
			}
			tr {
				vertical-align : top;
			}
				th {
					padding : 2px 2px 2px 2px;
					text-align : left;
					font-weight : bold;
					width: 200px;
					vertical-align: middle;
				}
				td {
					padding : 4px 2px 4px 2px;
					vertical-align: middle;
				}
				td.large {
					width: 150px;
					vertical-align: top;
				}
				th.big {
					padding : 4px 2px 4px 2px;
					vertical-align: top;
				}
			thead {}
				thead th {
					border-top : solid 0.1em #000000;
					border-bottom : solid 0.1em #000000;
					background-color : #CCCCCC;
				}
			tfoot {}
				tfoot th {
					border-top : solid 0.1em #000000;
				}
				tfoot td {
					border-top : solid 0.1em #000000;
				}
			tbody {}
				tbody th {}
				tbody td {}

		/* img */
		img {
			border : none;
			vertical-align : middle;
		}
/* Generic */
	.smaller {
		font-size : smaller;
	}
	.hidden {
		display : none;
	}
	.left {
		float : left;
	}
		img.left {
			margin : 0em 0.5em 0.5em 0em;
		}
	.right {
		float : right;
	}
		img.right {
			margin : 0em 0em 0.5em 0.5em;
		}
	div.clear {
		height : 1px;
		overflow : hidden;
		clear: both;
	}
	div.clearmargin {
		height : 15px;
		overflow : hidden;
		clear: both;
	}
	.grey {
		color: #7f7f7f;
		font-weight: normal;
		display: block;	
	}
	.greybottom {
		color: #7f7f7f;
		font-weight: normal;
		display: block;	
		margin-top: 100px;
	}	
	.orange {
		color: #d67100;
		font-weight: normal;	
	}
	.highlight {
		color: #fff;
		font-weight: bold;	
	}