/* Import generic styles */
@import url(/sitetech/generic.css);

/* Layout */
body {border: 0; margin: 0;}
#container {
	border: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #FFFFFF;
}
#banner {
	padding: 0px;
	margin-bottom: 0px;
	background-color: #000033;
	background-image: url(images/son_header_NIResource.jpg);
	visibility: visible;
	background-repeat: no-repeat;
	border-top-color: #ECE9D8;
	background-position: center;
	text-align: right;
	height: 100px;

}
#content {padding: 10px 10px 25px; margin-left: 220px; background-color: #FFFFFF;}
#navigation {float: left; width: 200px; \width: 220px; \width: 200px; margin: 0; padding: 0px 10px; height: 950px;background-color: #000033; background-repeat: no-repeat;}
#footer {clear: both; padding: 2px 10px; margin-top: 0; background-color: #000033;}
#standards {display: none;}

/* Fonts - see www.thenoodleincident.com/tutorials/typography/ */
body, input, select, textarea {font-family: verdana, arial, helvetica, sans-serif;}
body {font-size: 69%; color: #333; line-height: 1.5em;}
textarea {font-size: 1em;}
select {font-size: 1em;}
p, p.goto, table, input {font-size: 1em;}
pre {font-size: 110%;}
p, td, ul {text-align: justify;}
#content a {font-weight: bold; color: #666; border-bottom: 1px solid #ccc; text-decoration: none;}
#content a img {border-color: #666;}
#content a:hover {color: #000; border-bottom: 1px solid #000;}
h1 {font-family: "Trebuchet MS", arial, Helvetica, sans-serif; font-size: 2.4em; color: #aaa; line-height: 115%;	font-weight: normal;}
h2 {font-size: 1.5em; font-weight: normal; margin-top: 35px; color: #777; border-bottom: 1px dashed #ddd; padding-bottom: 5px;}
#content h2 a {font-weight: normal;}
h3 {font-size: 1.2em; color: #777;}
h4 {font-size: 1.1em; color: #999; font-style: italic; text-indent: 10px;}

/* General */
hr {border: 0; height: 1px; color: #e0e0e0; background-color: #e0e0e0;}
table, td, tr, th {text-align: left; vertical-align: top;}
.warning {color: red;}
.comment {color: #aaa; font-style: italic;}
blockquote {font-style: italic;}

/* Main menu */
#menu {width: 200px;}
#menu ul {width: 180px; margin-left: 0; padding-left: 0; list-style-type: none; font-family: arial, helvetica, sans-serif; font-size: 1.2em;}
#menu li {text-align: right; margin-top: 6px; margin-bottom: 0;}
#menu a {display: block; padding: 3px; width: 180px; background-color: #036; border-bottom: 1px solid #eee;}
#menu a:link, #menu a:visited {color: #eee; text-decoration: none;}
#menu a:hover, #menu li.selected a {background-color: #003399; color: #fff;}

/* Submenus (inherit most of main menu styles) */
#menu ul ul {font-size: 0.8em;}
#menu ul ul li {margin-top: 0;}
#menu ul ul a {padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #aaa;}

/* Main menu background images */


/* Top banner */
#banner h1 {font-family: "Trebuchet MS", arial, Helvetica, sans-serif; font-size: 3.25em; font-weight: normal; margin: 2px 0; align: right;}
#banner h1 a {color: #006633;}
#banner h1 a, #banner h1 a:hover {text-decoration: none;}
#banner h1 img {vertical-align: right; margin-bottom: 4px;}
#banner h1 span {border-bottom: 0px solid #bbb;}

/* 'Lines' table style */
table.lines {border-collapse: collapse;}
.lines td, .lines th {border-bottom: 0px solid #e9e9e9; padding: 6px 4px 2px 4px; vertical-align: top;}
.lines td:first-child {width: 150px;}
.lines tr:first-child {border-top: 1px solid #e9e9e9;}

/* Table hover class to add background color on mouse tracking - IE6 doesn't yet support */
table.hover tr:hover {background-color: #eaf5fd;}

/* Forms table style */
div.form table {border: 1px; border-collapse: collapse; border-spacing: 0;}
div.form table td, div.form table th {border: 1px #eeeeee solid; padding: 4px;}

/* 'You are in:' line */
#content .locationline {color: #999; margin-top: 0; border-bottom: 1px solid #ccc; padding: 3px 0;}
#content p.locationline a {color: #555; font-weight: normal;}

/* Footer */
{color: #FFFFFF;}
#footer p {margin: 6px 0;}
p.top {text-align: center;color: #FFFFFF}
#footer a {
	color: #FFFFFF;
	font-size: 12px;
}
#footer a:hover {text-decoration: none; background-color: #e8ecf0; color: #333;}
p.timestamp {
	text-align: right;
	color: #FFFFFF;
}

#links {
	text-align: center;
}

/* Lists */
ul {list-style-type: square;}
li {line-height: 1.3em; margin-top: 4pt;}
dt {font-weight: bold; margin-left: 0; margin-top: 15px;}
dd {font-weight: normal; margin-left: 20px; margin-top: 3px;}

/* Forms */
div.form table {border: 1px; border-collapse: collapse; border-spacing: 0;}
div.form table td, div.form table th {border: 1px #eeeeee solid; padding: 4px;}
input, textarea, select {border: 1px solid #999;}
input[type="checkbox"] {border: 0;}

/* 'Border' table style */
table.border td, table.border th {border: 2px #eeeeee solid; padding: 2px 4px;}
table.border {border: 1px; border-collapse: collapse; border-spacing: 0;}

/* Boxes */
div.box {border-top: 1px dotted gray; border-bottom: 1px dotted gray; padding: 20px 0; width: 600px;}
div.warningbox {background-color: #fff9e3; border-top: 1px dashed gray; border-bottom: 1px dashed gray; margin-bottom: 15px;}

/* Photos */
div.photo {display: block; float: left; text-align: center;}
div.photo img {border: 1px solid #333; margin: 15px 10px 5px 0;}
div.photo p {font-style: italic; margin-top: 0; margin-bottom: 0; text-align: center;}

/* Front page listing
ul.inline {padding-left: 0; margin-left: 0; display: inline;}
ul.inline li {line-height: 1.3em; padding-left: 10px; background: url(/images/general/bullet.png) no-repeat;}
*/

/* Search highlighting */
.highlight {background-color: #eee;}

/* Mini-threads */
#content ul.thread {margin: 24px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; padding: 2px 0;}
#content ul.thread li {display: inline; list-style-type: none;}
#content ul.thread li a {padding: 2px 2px; margin: 0 3px; border-bottom: 0;}

/* Callouts (based on http://www.mikepick.com/news/archives/000106.html) */
div.callout {float: right; width: 260px; padding: 10px 0 10px 14px; margin: 0; font-family: Lucida Grande, Tahoma, sans-serif; font-size: 1.4em; line-height: 22px; color: #888; text-indent: 30px; text-align: right; font-style: italic;}
div.callout:first-line {font-size: 1.8em; line-height: 36px; color: #888;}
div.callout:first-letter {font-size: 1.4em; padding-right: 2px;}

/* Euro results */
.regional {color: #999;}

.spaced li, li.spaced {margin-top: 12px;}