﻿/* 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 : Verdana, Arial, Sans-Serif;
		font-size : 68.75%;
		line-height : 136%;
		color: #666666;
		background-color : #FFFFFF;
		margin : 0em;
		padding : 2em;
	}
.pageContent {font-family : Verdana;
	              FONT-SIZE: 8pt;	
	              COLOR: #666666;
	              }
		/* 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 {
			margin : 0em 0em 1.5em 0em;
			font-size : 127%;
			color : #00619e;
		}
		h2 {
			margin : 0em 0em 0em 0em;
			font-size : 100%;
		}
		h3 {
			margin : 0em 0em 0em 0em;
			font-size : 100%;
			color : #00619e;
		}
		p {
			margin : 0em 0em 1.5em 0em;
		}
		pre, code {}
		/* hypertext (a) */
		a {}
			a:link, 
			a:visited {
				text-decoration : underline;
				color : #007daf;
			}
			a:hover, 
			a:active {
				text-decoration : underline;
				color : #0eb5cc;
			}
		/* list (dl, dt, dd, ol, ul, li) */
		ul {
			margin : 0em 0em 1em 2em;
			padding : 0em 0em 0em 0em;
		}
			ul ul,
			ul ol {
				margin-bottom : 0em;
			}
				ul li {}
		ol {
			margin : 0em 0em 1em 2em;
			padding : 0em 0em 0em 0em;
		}
			ol ol,
			ol ul {
				margin-bottom : 0em;
			}
				ol li {}
		dl {}
			dt {
				font-weight : bold;
			}
			dd {
				margin : 0em 0em 1em 2em;
				padding : 0em 0em 0em 0em;	
			}
		/* object (object, param) */
		object {}
		/* presentation (b, big, hr, i, small, sub, sup, tt) */
		hr {
			border : none;
			width : 100%;
			height : 1px;
			color : #000000;
			background-color : #000000;
			clear : both;	
		}
		/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
		form {
			margin : 0em;
		}
			fieldset {
				border : none;
				padding : 0.3em 0px 0px 0px;
			}
				legend {
					font-size : 100%;
					font-weight : bold;
					padding : 0px 0px 0px 0px;
					margin: 0px 0px 0px -8px;
				}
				input, 
				textarea, 
				select {
					font-family : Verdana, Arial, Sans-Serif;
					font-size : 100%;
					vertical-align : middle;
					border : solid 1px #c3c3c3;
					border-bottom : solid 1px #dddddd;
					color : #999999;
					padding : 2px 4px 2px 4px;
				}
					.narrowText {
						width : 6em;
					}
					.mediumText {
						width : 12em;
					}
					.wideText {
						width : 24em;
					}
					input.radio, 
					.radio input {
						width : auto;
						border : none;
					}
					input.image {
						width : auto;
						border : none;
					}
					input.button,
					input.submit {
						width : auto;
						border : none;
						color : #ffffff;
					}
				textarea {}
				select {}
				label {
					vertical-align : middle;
					font-size : 86%;
					font-weight : normal;
				}
		/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
		table {
			font-size : 100%;
			border-collapse : collapse;
			margin: 0em 0e 0em 0em;
		}
			caption {
				padding : 2px 2px 2px 2px;
				font-size :	110%;
				font-weight : bold;
				text-align : left;	
			}
			thead {}
				thead th {}
			tfoot {}
				tfoot th {}
				tfoot td {}
			tbody {}
				tr {
					vertical-align : top;
				}
					th {
						padding : 2px 0.5em 2px 0px;
						text-align : left;
						font-weight : bold;
					}
					td {
						padding : 0px 0px 0px 0px;
					}
		/* img */
		img {
			border : none;
		}
/* 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;
		}
	.clear {
		clear : both;
	}
		div.clear {
			min-height : 1px;
		}