/* CSS Document */
html { height: 100%; margin: 0; padding: 0; }
body { margin: 0; padding: 0; height: 100%;
background-color: #FFFFFF;  /* background-image:  url("images/background.gif");
background-repeat:repeat-x; */
font-family: Verdana, Arial; font-size: 12px;
/* Following rule is to center the .Holdall div in IE browsers */
text-align: center;
 }
td {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
tr {
	padding: 0;
	margin: 0;
}
div {
	text-align: left;
	padding: 0;
	margin: 0;
}

.center {
	text-align: center;
}
a {
	color: #51828F;/*#81B2BF;*/
  	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
a:hover {
	/*text-decoration: underline;*/
	color: #61929F;
}

.floatright {
	display: inline;
	float: right;
	text-align: center;
	/*margin-top: -20px;*/
}
	
/* <layout> - added by Dingo to combat the original poorly-written HTML/CSS */
/* .Holdall div holds all other content, and is centred in the page. */
.Holdall {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background-image: url("images/maincontentbg.jpg");
}
html>body .Holdall { /* IE ignores this */
	min-height: 100%;
}
* html .Holdall { /* only IE does this */
	height: 100%;
}
/* .Header div contains logo, etc. */
.Header {
	height: 150px;
	width: 100%;
	background-image: url("images/headerbg.jpg");
}
.HeaderMenu {
	width: 730px;
	margin: 17px 10px;
	color: #F5F5F6;
}
.HeaderMenu a {
	color: #F5F5F6;
}
.HeaderMenu td {
	/*width: 9%;*/
	text-align: center;
}
.HeaderMenu td.Bar {
	width: 2%;
}
/* .Content div contains the menus, and the content/ads etc. */
.Content {
	padding: 0;
	margin: 0;
	width: 750px;
}
.ContentInner {
	margin: 10px;
	width: 730px;
}

/* .Footer div contains the validation links, copyright, etc. */
.Footer {
	height: 100px;
	vertical-align: middle;
	background-image: url("images/footerbg.jpg");
}
.FooterInner {
	padding: 20px 0 0 0;
	text-align: center;
}
.Footer p {
	font-size: 1em;
	padding: 0;
}
/*.Footer .Copyright {
	padding: 15px 0 15px;
}*/
/* Sticks to the middle of the ContentInner div */
.ContentMiddle {
	width: 395px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	background-color: #FFFFFF;
	background-image: url("images/contentmiddlebg.jpg");
	/*border-left: 1px solid #61929F;
	border-right: 1px solid #61929F;*/
}
/* *sigh* the HTML pages use div.middle. Replacing it with my own
	div would mean updating ALL the page in the site. Some of them
	don't even close it, and on those pages, this padding has the
	side-effect of offsetting the ContentMiddleBottom div 5px to
	the right. */
div.middle, div.PanelContent {
	padding: 5px;
}
.ContentMiddleBottom {
	width: 365px;
	float: left;
	/*margin-left: 3px;
	margin-right: 3px;*/
	font-family: verdana, arial;
	color: #ffffff;
	background-color: #61929F;
	background-image: url("images/sectionbar.jpg");
	font-size: 11px;
	font-weight: bold;
	padding: 10px 15px;
	height: 10px;
}
/* .Menu div sticks to the left */
.Menu {
	width: 178px;
	float: left;
}
/* .AltMenu div sticks to the right */
.AltMenu {
	width: 148px;
	float: right;
}
/* .SubMenu div contains many <a> tags that are menu items. */
.PanelContent {
	margin: 0 0 4px;
}
.SubMenu a {
	display: block;
	/*border-bottom: 1px solid #777777;*/
	padding: 2px 1px;
}
.SubMenu a:hover {
	background-color: #81B2BF;
	color: #F5F5F6;
	text-decoration: none;
}
/* .PanelTitle contains the caption that sits at the top of a panel (eg. 'Navigation') */
.PanelTitle {
	font-family: verdana, arial;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 7px;
	height: 14px;
	background-color: #61929F;
	margin: 0px 0px 0px 0px;
}
.Menu .PanelTitle {
	background-image: url("images/menutitle.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}
.AltMenu .PanelTitle {
	background-image: url("images/altmenutitle.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
}
/* </layout> */
	
/* rollovers */
.qnunLogo span {
	display: none;
}
.qnunLogo {
	padding: 0;
	margin: 0;
	display: block;
	height: 117px;
	width: 190px;
	background-image: url("images/logo-rollover.jpg");
	background-position: 0 0;
}
.qnunLogo:hover {
	background-position: 0 117px;
}
	
/* misc*/
h1 {
	font-family: verdana, arial;
	color: #ffffff;
	background-color: #61929F;/*#757576;*/
	background-image: url("images/sectionbar.jpg");
	font-size: 11px;
	font-weight: bold;
	/*padding-top:10px;
	padding-left: 15px;*/
	padding: 10px 15px;
	height: 10px;
	/*background-image: url("images/content_bg.gif");*/
	/*width: 356px;*/
	margin: 0px 0px 0px 0px;
	}

h2 {
	font-size: 12px;
	/*margin: 0em 0em .5em 0em;*/
	font-weight: normal;
	}
/*p {
	margin: 0 10px 10px 10px;
	font-size: .8em;

}*/

.bginput
{
    background-color: #f8fcfe; 
	border: solid #c6def0; 
	border-width: 1px 1px 1px 1px; 
	color: #626161; 
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
	}

.button
{
	background: #FFFFFF;
	border: 2px solid #CDDBDE;
	font-size: 10px;
	font-family: trebuchet MS, arial, verdana;
}

.spacer
{
	padding: 5px;
}
/* header 
td.header {
	background-image:  url("images/headerbg.gif");
}

td.header_links {
	background-color: #383838;
	height: 10px;
	font-size: 10px;
	color: #ffffff;
	padding-right: 15px;
	text-align: right;
}
td.header_links a{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
}	*/









/*  LEFT menu 
td.menu {
	width: 190px;
	background: #ffffff;
	padding: 0;
	margin: 0;
	border-right: 1px solid #c6def0;	
}
td.menu div.headmenu {
	background-image: url("images/navigation_header.gif");
	width:179px;
	height: 37px;
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;

}
td.menu div.submenu {
	background: #f1f4f9;
	padding: 0;
}
td.menu div.submenu a {
	display: block;
	padding: 0px;
	padding-left:10px;
	margin: 0px;
	font-size: 11px;
	color: #506379;
	border-top: 1px solid #cdd7e3;
	border-bottom: 1px solid #9cb0c8;
}
td.menu div.submenu a:hover { 
	background: #ffffff;
	padding-left:13px;
	background-color: #a8bbd1;
	color: #FF0000;
	}
	
	
	*/
	
	
	
	
/* content 
td.middle {
	width: 356px;
	background: #ffffff;
	padding: 0;
	margin: 0;	
}
td.middle div.middle {
	background: #ffffff;
	padding: 5px;
	color: #313131;
  	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
td.middle div.middle a {
	color: #506379;
}
td.middle div.middle a:hover { 
	color: #FF0000;
	}
	
	*/
	
	
	
	
	
	
	/*  RIGHT menu 
td.menu2 {
	width: 140px;
	background: #ffffff;
	padding: 0;
	margin: 0;
	border-right: 1px solid #c6def0;	
}
td.menu2 div.headmenu2 {
	background-image: url("images/navigation_right_header.gif");
	width:139px;
	text-align: right;
	height: 37px;
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;

}
td.menu2 div.submenu2 {
	background: #f1f4f9;
	padding: 0;
}
td.menu2 div.submenu2 a {
	display: block;
	padding: 0px;
	padding-left:10px;
	margin: 0px;
	font-size: 11px;
	color: #506379;
	border-top: 1px solid #cdd7e3;
	border-bottom: 1px solid #9cb0c8;
}
td.menu2 div.submenu2 a:hover { 
	background: #ffffff;
	padding-left:13px;
	background-color: #a8bbd1;
	color: #FF0000;
	}
	
	*/
	
	
	
	
	
		/*  Footer 
td.footer {
	width: 100%;
	background: #f1f4f9;
	padding: 10px;
	margin-bottom: 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #9cb0c8;
	font-family: verdana;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
	*/
	
	/* UNCATEGORIZEDDD */
	
div.text, div.PanelContent {
	text-align: left;
	font-family: trebuchet ms, verdana, arial;
	color: #333333;
	font-size: 11px;
		}
div.text a, div.PanelContent a{
	text-decoration: none;
	color: #51828F;
	}
td.too {
	width: 300px;
	background: #f1f4f9;
	padding: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #9cb0c8;
	border-bottom: 1px solid #9cb0c8;
	font-family: verdana, arial;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	}