/*
  Global styles
*/

/* Change color/background image as needed */
html, body { height: 100%; margin: 0; padding: 0; background: #f1f1f1; }

/* Change color as needed */
a { color: #3333cc ; text-decoration: underline; cursor: pointer; }
a:hover { background: #e1ebf4; }

img { margin: 0; border: none; }

/* Floated images and other elements */
.imgright { float: right; clear: right; margin-left: 9px; margin-bottom: 6px; }
.imgleft { float: left; clear: left; margin-right: 10px; margin-bottom: 6px; }

/* Text in other-aligned blocks, i.e. text in right-aligned <p> to be aligned left */
span.textleft { display: block; float: left; margin-top: 0.2em; }
span.textright { display: block; float: right; margin-top: 0.2em; }

body, div, td, th, h2, h3, h4, textarea {
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
	color: #000;
}

.error {color:red;}


.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333366;
	text-align:center;
}



h2.SiteTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 22pt;
	font-weight: bold;
	color: #fff;
}

div.clear { clear: both; line-height: 0; margin: 0; padding: 0; }

#header {
				text-align: right; 
				height: 24px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 4px 7px 0 7px; 
				border-bottom:thin solid #000;
				background-image: url(images/topBg.gif); 
				background-repeat: repeat-x
				clear: both; 
		}

#header2 {
				text-align: left; 
				height: 48px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 7px 7px 7px 7px; 
				border-bottom:thin solid #000;
				background: #fff;
				clear: both; 
		}

#TitleBar {
				text-align: center; 
				height: 45px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 7px 7px 7px 7px; 
				border-bottom:thin solid #fff;
				background: #333366;
				clear: both; 
		}
		
#MenuBar {
				text-align: center; 
				height: 20px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 7px 7px 7px 7px; 
				border-bottom:thin solid #000;
				background:#AABFD2;
				clear: both; 
		}

		
#container {
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 7px 40px 7px 40px; 
				clear: both;
		}
		


a.menu {
				color:#06C; border-style:solid;
				border-width:2px;
				border-color:#336;
				text-decoration:none;
				font-weight:bold;
				padding:5px;
				background: #e1ebf4;
		}

a.menu:hover { 
				background: #fff; 
		}
		
.photo {
		       padding: 0px 7px 7px 7px; 
}

ul li {
		text-align:left;
		padding-right: 40px;
		}