/*
 * 
 * GENERAL COLOURS AND FONTS
 * 
 */
 
body
{
	background-color : #ffffff;
	color : #001133;
	font-family : arial, helvetica, sans-serif;
}

/*
 * a
 * {	text-decoration: underline;
 * 	background-color: transparent;
 * }
 * 
 * a:link
 * {	color: #0066cc;
 * }
 * 
 * a:visited
 * {	color: #333366;
 * }
 * 
 * a:hover
 * {	color: #cc6600;
 * }
 */

.pagetitle
{
	/* this matches 4 pixel transparent border around logo image */
	padding : 4px;
}

legend, caption
{
	font-weight : bold;
	color: #003366;
}

/*
 * 
 * TITLES
 * 
 */

h1, h2, h3, h4, h5, h6
{
	/* font-family : verdana, arial, helvetica, sans-serif; */
	color: #003366;
}

h1
{
	/* color : #0066cc; */
	font-size : x-large;
	font-weight : bold;
	font-style : normal;
}

h2
{
	font-size : large;
	font-weight : bold;
	font-style : normal;
}

h3
{
	font-size : medium;
	font-weight : bold;
	font-style : oblique;
}

h4, h5, h6
{
	font-size : medium;
	font-weight : normal;
	font-style : oblique;
}

/* for titles put in the page "banner", where we want things aliend to the top
(a normal <h1> tag would have a margin above the text) */
.banner_title
{
	margin-top : 0;
	padding-top : 0;
}


/* for pages' tables of contents */
.toc, .toc_title, .toc_item
{
	/* font-family : verdana, arial, helvetica, sans-serif; */
   text-align : left;
	padding-left : 0;
	margin-left : 0;
	list-style-type : none
}

.toc a
{	text-decoration: none;
	background-color: transparent;
}

.toc a:link
{	color: #001133;
}

.toc a:visited
{	color: #001133;
}

.toc a:hover
{	color: #cc6600;
	text-decoration: underline;
}

/* for titles that are embedded in an <ul> that gives the table of
contents for the documentation; want this to appear like normal text in
a visual browser, but to be marked up as a title for non-visual
browsers
 */
.toc_title
{
	font-size : medium;
	font-weight : bold;
	padding : 0;
	margin : 0;
}

.toc_item
{
	font-size : small;
}

/*
 * 
 * BOX TYPE STUFF
 * 
 */

table
{
	padding : 1px;
}

tr, td
{
	padding : 3px;
}

table.borderless, table.wellspaced
{
	border-width : 0px;
 	background : none;
}

table, table.bordered, fieldset
{
	border-width : medium;
 	border-style : solid; /* ridge; */
 	border-color : #003366;
 	/* background : #ffaa00; */
}

table.wellspaced, tr.wellspaced, td.wellspaced
{
	padding : 12px
}


fieldset
{
	margin-top : 5px;
	padding-top : 5px;
}

/*
 * hr
 * {
 * 	border-style : solid;
 * 	border-color : #611111;
 * }
 */

/*
 * 
 * STYLES FOR SPECIFIC ELEMENTS OF WEB PAGE
 * 
 */

.info
{
	color : #003366;
	font-size : small;
}

.code, .codeblock
{
	font-family : monospace;
}

.codeblock
{
	padding : 0 3em;
	margin : 0 3em;
	font-size : small;
}

.alert, .alertmarker, .alertlink
{
	color : #b22222;
}

.alertmarker
{
	font-weight : bold;
	font-variant : small-caps;
}