@charset "utf-8";
/* Since the CSS Elements were reset using YUI Reset, we need to redefine a number of HTML elements we'll be using */
h1 { font-size: 30px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; padding: 0 15px; font-stretch:narrower; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h1,h2,h3 { margin:5px 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
em { font-style:italic; }
blockquote,ul,ol,dl { margin:13px; }
ol,ul,dl { margin-left:26px; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
th,td { border:1px solid #000; padding:6px; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:6px; text-align:center; }
p,fieldset,table { margin-bottom:12px; }

/* Template CSS */
HTML, BODY { background: #000000 URL(images/background.jpg) repeat-x 0 0; }
DIV.mid { margin:auto; text-align:left; width:960px; } /* this centers the content, keeps it the right width */

/* Header */
#hd { position:relative; background: URL(images/hd.jpg) no-repeat; height:147px; } /* Block style element, so set the height but not width */
	#headerMenu { position:absolute; right: 22px; top:29px; color: #cccccc; }
	#headerMenu A { font-size:12px; text-decoration: none; color: #EEEEEE; padding: 0 3px 0 3px; }
	#headerMenu A:HOVER { text-decoration: underline; }
	#headerMenu FORM { margin: 0; padding: 0;}
	#headerMenu SPAN.siteID { font-size:14px; text-decoration:none; color: #FFFFFF; padding: 0 3px; }
	
	#headerSearch { position:absolute; bottom: 2px; right: 20px; width:240px; height:24px; background: transparent URL(images/searchBox.png) no-repeat 0 0;	}
		#headerSearchForm { margin:0; padding:0; }
		#headerSearch #search { position: absolute; left:8px; top:4px; width:190px; border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
		#headerSearch #searchSubmitBtn { position:absolute; top:1px; right:3px; width: 22px; height:22px; cursor:pointer; }
	

/* Menu below the header, the reason I went with Text based menues is to make this skinnable */
#mu { position:relative; background: Transparent URL(images/mu.jpg) no-repeat 0 0; height:49px; padding: 5px 20px 10px 20px; overflow:hidden; }
	#mu A { 
		font-family:verdana; 
		font-size: 10px; 
		font-weight: normal; 
		text-decoration:none; 
		color: #ccc;
		border-right: 1px dotted #555555;
		display:inline-block;
		height:34px;
		line-height:33px;
		padding: 0 15px;
	}
	#mu A:HOVER { 
		text-decoration:none; 
		background-color: #333;
		color: #fff;
	}
	
	#mu #mur {
		position: absolute; right:12px; top:11px; padding:0; margin:0;
	}
	#mu #mur A { border:0; padding:0 2px; height:auto; line-height:normal; }
	#mu #mur A:HOVER { background-color: transparent; }

/*  Body part of the template, has lots of wrappers to allow for corner rounding if necessary */
#bd0 { background: URL(images/bd0.jpg) repeat-y; }
#bd1 { background: URL(images/bd1.jpg) no-repeat bottom; }
#bd2 { background: URL(images/bd2.jpg) no-repeat; padding: 25px; min-height: 300px; height:auto !important; height:300px; }
#bdContent { position:relative; min-height: 350px; height:auto !important; height:350px;}

/* Footer */
#ft { background: URL(images/Footer.jpg) no-repeat; min-height: 30px; color:#cccccc; text-align:center; font-size: 12px; padding: 6px 0 0 0; }
#ft A { color:#EEEEEE; text-decoration: none; margin: 0 8px; }
#ft A:HOVER { text-decoration:underline; }