*
{
	margin:0;
	padding:0;
	font-size:100%;
}

/*

Problem: We want a full-height table, and we want the
expansion, when we have not tall enough content, to
take place in the middle (content) row. I cannot find
any CSS that will get IE to do this, so it expands
header and footer as well, rendering ugly layout.

Solution: Use an IE-only "iewrap" tag in the HTML, and
only attempt to pull the table out to 100% height if
we're not using IE.

Consequence: In the IE version, the table is not full
height, so we set the bg color of the body to match
that of the table footer, so the result is at least
reasonably pleasing.

*/

html, body
{
	color:#665;
	height:100%;
	background-color:#7ECBDF;
	font-size:11pt;
	font-family:"Segoe UI", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}

/* rule for everyone else */

#bodytable
{
	height:100%;
}

/* rule for IE */

#iewrap table
{
	height:1px;
}



/*

Links

*/

a, a:visited
{
	color:#A28309;
	z color:#DCB20C;
	z color:#77B143;
	text-decoration:none; /* this ain't so pretty, but you can't see the underscore between words otherwise */
}

a:hover
{
	color:red;
	text-decoration:underline;
}



/*

Basic markup is here - headings, parargraphs, etc.

* Headings are all pretty similar in style.
* Everything gets top and bottom margins, as appropriate
(based on the zero margin/padding set at the top of this
file).

*/

h1, h2, h3, h6
{
	font-family:"Segoe UI", Arial;
	color:#83CDE1;
}

h1, h6 /* h6 is h1 with no top margin, and is used as the first h1 on each page */
{
	font-size:140%;
	font-weight:bold;
}

h1
{
	margin:32px 0 8px 0;
}

h6
{
	margin:0 0 8px 0;
}

h2
{
	font-size:120%;
	font-weight:bold;
	margin:24px 0 8px 0;
}

h3
{
	font-size:110%;
	font-style:italic;
	margin:16px 0 8px 0;
	z text-decoration:underline;
}

h4 /* special heading, used in footer */
{
	font-size:100%;
	font-weight:bold;
	text-decoration:underline;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

p
{
	margin:0 0 8px 0;
}

ul, ol
{
	padding-left:24px;
	margin:0 0 8px 0;
}

/* document figures */

.fig-right
{
	float:right;
	margin:0 0 16px 16px;
	border:solid 1px #ccc;
	padding:8px;
}

.fig-left
{
	float:left;
	margin:0 16px 16px 0;
	border:solid 1px #ccc;
	padding:8px;
}

.fig-inline
{
	clear:both;
	margin:16px 0px;
	border:solid 1px #ccc;
	padding:8px;
}





/*

	NOTE AND WARN

*/

.warn-head, .warn
{
	background-color:pink;
	border:dashed red;
	font-size:80%;
}

.warn-head /* warning pre-block */
{
	color:red;
}

.note-head, .note
{
	background-color:#cfc;
	border:dashed green;
	font-size:80%;
}

.note-head /* notes pre-block */
{
	color:green;
}

.warn-head, .note-head
{
	border-width:1px 1px 0 1px;
	padding:8px 8px 0 8px;
	margin:16px 32px 0 32px;
}

.warn, .note
{
	display:block;
	color:black;
	border-width:0 1px 1px 1px;
	padding:8px 32px;
	margin:0 32px 16px 32px;
}






/*

	FIXED-WIDTH STUFF

*/


/* fixed-width font specified here - add your classes */

code, .code, .source-c, .source-p, .source-m, .matlabconsole, .octaveconsole, .shell, .xml, .text
{
	font-family:"andale mono", "courier new", monospace;
}

/* code blocks have reduced font size, to reduce the amount they overflow */

.source-c, .source-p, .source-m, .matlabconsole, .octaveconsole, .shell, .xml, .text
{
	font-size:90%;
}

/* class "code" is used for all non-specific code, inline or otherwise - can also use <code>, works the same */

code, .code
{
	color:#46A4BE;
}

/* all source block headers have the same basic style */

.source-c-head, .source-p-head, .source-m-head, .text-head
{
	color:#999;
	font-size:70%;
	background-color:#f8f8f8;
	margin:16px 32px 0 32px;
	padding:2px 8px;
	border:dashed orange;
	border-width:1px 1px 0 1px;
}

/* and all source blocks have the same basic style */

.source-c, .source-p, .source-m, .text
{
	white-space:pre;
	background-color:#f8f8f8;
	color:black;
	margin:0 32px 16px 32px;
	padding:8px;
	border:dashed orange;
	border-width:0 1px 1px 1px;
}

/* we differentiate them with color */

.source-c-head { color:blue; background-color:#eef; }
.source-c { background-color:#eef; }

.source-p-head { color:green; background-color:#efe; }
.source-p { background-color:#efe; }

.source-m-head { color:red; background-color:#fff8f0; }
.source-m { background-color:#fff8f0; }

/* all other pre blocks have the same basic style */

.matlabconsole-head, .octaveconsole-head, .shell-head, .xml-head, .text-head
{
	margin:16px 32px 0 32px;
	font-size:70%;
	padding:2px 8px;
}

/* we differentiate them by bright color! */

.xml-head
{
	background-color:#c36;
	color:white;
}

.xml
{
	border:solid #c36;
	background-color:#F4EAF7;
	white-space:pre;
	border-width:0 1px 1px 1px;
	padding:8px;
	margin:0 32px 16px 32px;
	color:brown;
}

.shell-head
{
	background-color:#0c0;
	color:#333;
}

.shell
{
	border:solid green;
	background-color:#343;
	color:white;
	border-width:0 1px 1px 1px;
	white-space:pre;
	padding:8px;
	margin:0 32px 16px 32px;
}

.matlabconsole-head
{
	background-color:#B1270F;
	color:white;
}

.matlabconsole
{
	border:solid #FF850F;
	background-color:#f8f8f8; /*#FCEECF;*/
	color:black;
	border-width:0 1px 1px 1px;
	white-space:pre;
	padding:8px;
	margin:0 32px 16px 32px;
}

.octaveconsole-head
{
	background-color:blue;
	color:white;
}

.octaveconsole
{
	border:solid blue;
	background-color:#f8f8f8; /*#FCEECF;*/
	color:black;
	border-width:0 1px 1px 1px;
	white-space:pre;
	padding:8px;
	margin:0 32px 16px 32px;
}





/*

	SYNTAX HIGHLIGHTING

*/

s /* used for symbols */
{
	color:red;
	text-decoration:none;
}

.comment, .comment .keyword, .comment s
{
	color:green;
}

.keyword
{
	color:blue;
}

.quoted
{
	color:magenta;
}

.highlightline
{
	background-color:pink;
}

.strikeoutline
{
	background-color:orange;
	color:red;
	text-decoration:line-through;
}

.xmltag
{
	color:blue;
}







/*

	LAYOUT

*/

tr, td
{
	padding:0;
	margin:0;
}

.inlinetable
{
	border:solid black 1px;
	margin-bottom:12px;
}

.tdhead1
{
	background-color:#df9;
	color:black;
	padding:4px;
	font-style:italic;
	font-weight:bold;
}

.tdhead2
{
	background-color:#fd9;
	color:black;
	padding:4px;
	font-style:italic;
}

td.a
{
	background-color:#f4f4f4;
	padding:4px;
}

td.b
{
	background-color:#fff;
	padding:4px;
}

#bodytable
{
	width:100%;
}

#content
{
	padding:8px 16px;
	width:100%;
	background-color:white;
}

#menu
{
	padding:8px 16px;
	background-color:#eee;
	border:dotted #BBE0EB;
	border-width:0 1px 0 0;
	white-space:nowrap;
	min-width:100px;
}

#menu a, #menu a:visited
{
	color:#46A4BE;
	text-decoration:none;
}

.menufolder
{
	padding-top:4px;
	border:solid #9999CC;
	border-width:0 0 1px 0;
	font-weight:bold;
	font-size:100%;
	font-family:"Segoe UI", tahoma;
}

.menusub
{
	margin-left:8px;
}

.menuitem
{
	font-weight:bold;
	margin-right:8px;
	margin-left:12px;
	font-size:90%;
	font-family:"Segoe UI", tahoma;
}

.menuitems
{
	padding-top:4px;
}


/* google box sizing */

#cse-search-box
{
	font-size:8pt;
}





/* HEADER */

#headwrap
{
	height:84px;
	background-image:url("header.png");
	position:relative;
	background-position:bottom left;
}

#sflogo
{
	position:absolute;
	left:16px;
	top:16px;
	height:32px;
	width:100px;
	border:solid 1px #46A4BE;
}

#brahmslogo
{
	position:absolute;
	left:124px;
	top:16px;
	border:solid 1px #46A4BE;
}

#titleandcrumbs
{
	position:absolute;
	left:166px;
	top:12px;
}

#title
{
	font-size:140%;
	white-space:nowrap;
	font-family:georgia;
}

#crumbs
{
	position:absolute;
	padding-left:32px;
	left:0px;
	bottom:4px;
	font-size:80%;
	color:yellow;
}

#links
{
	font-size:80%;
	font-family:"Segoe UI", tahoma;
	white-space:nowrap;
	font-size:80%;
	color:yellow;
}

#offline
{
	position:absolute;
	right:16px;
	bottom:3px;
	font-size:80%;
	color:yellow;
}

#search
{
	position:absolute;
	right:32px;
	top:16px;
}

/* HEADER */




/* FOOTER */

#foot
{
	font-size:85%;
	background-color:#7ECBDF;
	border:solid #46A4BE;
	border-width:2px 0 0 0;
	height:1px;
	padding:8px;
}

/* FOOTER */





.inout
{
	color:Red;
	font-weight:bold;
}

.highlight
{
	font-weight:bold;
	color:magenta;
}

/* we don't want these to be decorated, they're only tags */

a.tag
{
	text-decoration:underline;
	color:;
}

/* occurences of the name of a page on the page itself
generate a "self" span, rather than a link to another
page - we paint them for prettiness */

.self
{
	color:#090;
	font-weight:bold;
}

/*

Links in the header and footer have a different style
from links in the body, reflecting that they sit on
a different background.

In addition, links in the "links" bar need spreading
out a bit.

*/

#links a
{
	/*margin-left:16px;*/
}

.headfoot a
{
	color:white;
	text-decoration:none;
}

.headfoot a:hover
{
	text-decoration:underline;
}



/*

Definition List

*/

dt
{
	color:blue;
}

dd
{
	margin-left:16px;
	margin-bottom:8px;
}


/* halves */

.clearboth
{
	clear:both;
}

.lefthalf
{
	float:left;
	width:48%;
	white-space:nowrap;
}

.righthalf
{
	float:right;
	width:48%;
	text-align:right;
	white-space:nowrap;
}