/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	behavior:url("/css/csshover.htc");
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background-color:#ccc;
	color:#333;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}

/* Remove outlines in FF */
:focus { -moz-outline-style: none; }


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#container {
	width:740px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

/* Header */
div#header {
	height:250px;
	background:transparent url(../images/header_home.jpg) 0 0 no-repeat;
}
div#nav {

}
div#contentWrapper {
	padding:0 30px;
	
}
div#sidebar {
	float:left;
	width:195px;
}
div.sidebarPadding {
	padding:80px 0 0 0;
}

div#content {
	float:right;
	width:457px;
	margin-bottom:40px;
}

div#bottom {
	clear:both;
}

/* Footer */
div#footer {
	/* uncomment for 100% height sites
	position:absolute;
	bottom:0;
	width:740px; */
}


div#dqltag {
	position:relative;
	width:100%;
}
div#dqltag div {
	position:absolute;
	right:0px;
	top:-82px;
}
div#dqltag img {
	opacity:1;
}
div#dqltag a:hover img {
	opacity:0.75;
}

a.contactEmail {
	font-weight: normal;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
div#navbar-wrapper {
	position:relative;
	margin:0px 0px 0px 0px;
	width:724px;
	height:26px;
		top:-80px;
	left:8px;
	
}
div#navbar-main {
	position:absolute;
	padding-left:10px;
	padding-right:10px;
	top:0px;
	height:26px;
}
div#navbar-system {
	position:absolute;
	top:0px;
	left:664px;
}

ul#navbar-mainmenu, ul#navbar-systemmenu {
	list-style:none;
	padding:0px;
	margin:0px;
}

ul#navbar-mainmenu {
	width:664px;
}

ul#navbar-mainmenu li, ul#navbar-systemmenu li {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
}

ul#navbar-mainmenu li a, ul#navbar-systemmenu li a {
	display:block;
	line-height:26px;
	color:#FFFFFF;
	text-decoration:none;
}

ul#navbar-mainmenu li a {
	padding-left:5px;
	padding-right:5px;
}

ul#navbar-systemmenu li a {
	padding-left:5px;
	padding-right:5px;
}

ul#navbar-mainmenu li a:hover, ul#navbar-systemmenu li a:hover {
	text-decoration:none;
	display:block;
	color:#ffffff;
	background-color:#515151;
}

#navbar-selected {
	font-weight:normal;
	text-decoration:none;
	background-color:#515151;
} 



ul#navbar-submenu {
	list-style:none;
	padding:0px;
	margin:0px;	
}
ul#navbar-submenu li {
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
	width:193px;
	background-color:#F5F5F5;
}	
ul#navbar-submenu li a {
	display:block;
	line-height:22px;
	font-weight:normal;
	width:188px;
	color:#666666;
	text-decoration:none;
	padding:0px 0px 0px 5px;
	border-top:solid 1px #E5E5E5;
}
ul#navbar-submenu li a.last {
	border-bottom:solid 1px #E5E5E5;
}
ul#navbar-submenu li a:hover {
	text-decoration:none;
	padding:0px 0px 0px 5px;
	background-color:#CCCCCC;
}
#submenu-selected {
	text-decoration: none;
	color:#666666;
	background-color:#FFFFFF;
}

  
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	margin:0;
	padding:0;
}
h1 img {
	margin:35px 0 10px 0;
}
h2 {
}
h3 {
	color:#666;
	line-height:1.7em;
	font-weight: bold;
	font-size: 1.1em;
}
h4 {
	color: #666666;
	line-height: 1.7em;
	font-size: 1.1em;
}
/* Type */
p {
	color:#333333;
	line-height:20px;
	margin-bottom:0;
}
p.news {
	color:#666;
	line-height: 1.5em;
}

/* Lists */
li {
	color:#333333;
	line-height:1.6em;
}

/* Links */
a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #666666;
}

a.news {
	color: #666666;
}
a.news:hover {
	color: #999999;
}


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}
  

/*--------------------------------------------------------------------------------------------
	Tables
  --------------------------------------------------------------------------------------------*/
/* order of merit table */
table#merit {
	width:100%;
	border-collapse:collapse;
}
table#merit td {
	text-align:left;
	border:1px dotted #CCCCCC;
	border-width:0px 0px 0px 1px;
	padding:5px 5px 5px 5px;
	text-align:center;
	font-size:0.9em;
}
table#merit th {
	padding:0;
	border-left:0px; 
	width:70px;
}
table#merit tr.distinct td {
	background-color:#EEE;
	color:666666;
}  
  
/* stats table */
table#stats {
	width:100%;
	border-collapse:collapse;
}
table#stats th {
	text-align:left;
	background-color:#CCCCCC;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:666666;
	border-left:1px solid #FFFFFF;
}

table#stats td {
	text-align:left;
	border:1px dotted #CCCCCC;
	border-width:0px 0px 1px 1px;
	padding:5px 5px 5px 5px;
}