/*
 * Defining <html> and <body> together like this is apparently '"a good thing" 
 * though I can't remember the reasoning.
  */
html, body             { color: black; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: white; text-align: left; margin: 0; padding: 0 30px 0 0 }
/*
 * Page layout
 */

div#n9header         { margin-top: 1em; margin-right: 1em; margin-left: 1em; padding: 1em; border: solid 1px black }
div#n9location   { color: black; margin-right: 1em; margin-left: 1em; padding: 0.25em 1em; border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }
div#n9title        { color: black; background-color: white; margin-right: 1em; margin-left: 1em; padding: 1em; border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }
div#n9status   { background-color: yellow; margin: 0em 1em 1em; padding: 1em; border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black }
div#n9body { clear: both; margin: 0; padding: 1em 1em }
div#n9navpanel { }
	
div#n9navlist  { }
	
div#n9subnavlist   { }

div#n9navlist ul { margin-bottom: 0 }
	
div#n9navblurb { }
	
div#n9sunavblurb  { }

div#n9googlesearch    { font-size: 1em; text-align: right; clear: both; margin: 0em; padding: 0.25em 10px; border-top: 0.1em solid white; border-bottom: 0.1em none white; }

form#googlesearch, form#googlesearch div {
	margin: 0;
	padding: 0;
	display: inline }
div#footercopy {
	text-align: right;
	margin: 0;
	padding: 0.25em 10px;
	}
	
div#n9pageinfo  { font-size: 0.8em; text-align: right; clear: both; margin: 0; padding: 0em 1em }
	
.n9defluff  {
	color: red;
	font-style: normal;
	font-weight: bold
	}


/*
 * Standard elements.
  */
  
h1       {
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0
	}





h2   {
	font-size: 167%;
	clear: both;
	padding: 0;
	}
	

h3   {
	font-size: 133%;
	clear: both;
	padding: 0;
	}	


table {
	border: 0;
	}


td, th {
	font-size: 1em;
	text-align: left;
	}


th    {
	font-weight: bold;
	}


img  {
	border: 0px
	}
	
	
/*
 * Some useful generic classes.
 */
 
.centre  {
	text-align: center
	}
	
	
.clear  {
	clear: both
	}
	
	
.right-align {
	text-align: right
	}
.float-left  {
	float: left }


em  {
	font-style: italic;
	}


strong  {
	font-weight: bold;
	}


.fixedwidth {
	font-size: 1em;
	font-family: "Courier New", "Courier", monospace;
	}
	
		
.important   { color: red }


.aside   {
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	clear: both
	}

	
	
.request   { color: green }
	
	
/*
 * Links.
 */
#n9location A:link, #n9location A:visited, #n9title A:link, #n9title A:visited  { color: #000080; font-weight: bold; text-decoration: none }
	
	
#n9location A:hover, #n9location A:active, #n9title A:hover, #n9title A:active {
	color: red;
	}
/*
 * Images classes.
 *
 * It would be nice to have these as img.class but GoLive needs the classes
 * listed separately to build the contextual menu so no point.
 */
 
.fullimage     {
	border: 0px
	}
	
	
.fullimage-marginonleft {
	margin-left: 5px;
	border: 0px
	}
	
	
.fullimage-left   {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 0px
	}
	
	
.fullimage-right   {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px
	}
	
	
.linked-image   {
	margin-right: 5px;
	border: outset 4px silver
	}
	
	
.linked-image-marginonleft    {
	margin-left: 5px;
	border: outset 4px silver
	}
	
	
.linked-image-left   {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: outset 4px silver
	}
	
	
.linked-image-right   {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: outset 4px silver
	}
	
	
.spacer   {
	margin-right: 5px;
	padding: 4px
	}
	
	
.n9images {
	}
	

/*
 * While I am in the font setting mood I'll define the monospace stuff here.
 */
.route {
	font-size: 1em;
	font-family: "Courier New", "Courier", monospace;
	}
	

.n9box {
	color: white;
	background-color: #7b68ee;
	margin: 0px;
	padding: 10px;
	border: none
	}
	
	
.n9imagecgidiv {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: auto
	}



#n9html401 {
	visibility: hidden
	}
	
	
table.n9imagedetails {
	margin-top: 20px;
	border: solid 1px white;
	width: 100% }


table.n9imagedetails th   {
	vertical-align: top;
	padding: 5px
	}


table.n9imagedetails td   {
	vertical-align: top;
	padding: 5px
	}


.roadnav {
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 2px groove silver;
	border-bottom: 2px groove silver
	}


.n9linkcategory   {
	margin: 10px 0px 0px;
	padding: 10px;
	border: ridge 3px
	}


.n9linkcategory h3   {
	font-weight: bold;
	font-size: 120%;
	margin-top: 0px;
	padding: 0px
	}

.n9linkcategory ul {
	list-style-position: inside;
	margin: 0px;
	padding: 0px
	}
	
	
.terminal  {
	font-weight: bold
	}


.route      {
	color: yellow;
	font-weight: normal;
	font-size: 133%;
	background-color: black
	}
	

div.atomzform   {
	padding: 1em;
	border: solid 0.1em white;
	}
	
	
div.atomzform label  {
	display: block;
	float: left;
	width: 8em;
	}


div.atomzform input  {
	display: block;
	float: left;
	}


div#montage  {
	margin: 1em 0px;
	padding: 0px }

.adsense  { margin: 1em }
