/* Start of CMSMS style sheet 'print' */
/* HTML tag declarations */
/* Page level emements */
html, body { margin: 0; padding: 0; border: 0px; }
body {
	color: #000;
	font: 100.01% Geneva, Verdana, Arial, sans-serif;
	}

/* Block level emements */
h1, h2, h3, h4, h5, h6 { margin: 0px; font-style:italic; font-weight:200; text-transform:lowercase}
h1 { font-size: 2.2em; padding: 0px; }
h2 { font-size: 1.8em; font-weight: normal }
h2, h3, h4, h5, h6 { font-family: Arial, Geneva; margin-top: 0.5em}
h3 {
	font-size:1.65em;
	color:#F60;
	border-bottom:1px solid #333
}
h4 {
	margin-top:0;
	font-size: 1.25em;
	padding: 0em 0.2em;
	color: #333;
	border-top:1px solid #F60;
	border-bottom:1px solid #F60
}
h5 {
	font-size: 1.2em; 
	color:#F60
}
h6 {font-size: 1.0em; color:#666}
p {margin: 0.5em 0 1em 0; line-height: 1.4}
div {}

/* Links */
a {text-decoration:none; border-bottom:1px solid #F60}
a:link, a:visited {color: #444}
a:hover, a:active {color: #FFF; background:#444}

hr {height:1px; border:0px; color:#F60; background:#F60; width:100%}
br {}

address {}
blockquote {
	margin:5px 210px 5px 0;
	padding:10px;
	font-style:italic;
	font-size:110%;
	color:#000;
	background:#F9F;
	border:1px solid #EE2609
}
textarea {}
pre {}
q {}

/* Phrase elements */
abbr, acronym, dfn, .help {
	text-decoration: none;
	border-bottom: 1px dashed #666;
	cursor: help; font-style: normal;
	font-weight: normal;
	}
cite {}
code {}
dfn {}
samp {}
strong {}

/* Inline elements */
del {}
ins {}
span {}
sub {}
sup {}

/* Font style elements */
b {}
big {}
i {}
small {}
tt {}

/* Lists */
ol {list-style: decimal}
ol ol {list-style: lower-alpha}
ol ol ol {list-style: lower-roman}
ul {list-style: disc}
ul ul {list-style: circle}
ul ul ul {list-style: square}
li {line-height: 1.4; margin-bottom: 0.5em;}

dl {margin:0; padding: 0.5em 0;}
dt { font-weight:bold; padding-left:0.5em;}
dd {margin-left:0px; padding: 0.2em 0 0.6em 0.5em;}

/* Form elements */
form {}
fieldset {}
input {}
button {}
label {}
legend {color:#F60; font-weight:bold; font-size:1.0em; padding:0 0.2em 0.2em 0; width:auto;}
optgroup {}
option {}
select {}

img {}
link {}

/* Table elements */
table { margin-bottom: 1em; }
caption {
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 0.2em;
	border-top: 1px solid #666;
	}
col {}
colgroup {}
thead {}
tbody {}
tfoot {}
tr {}
th {text-align:left; color:#fff; background:#F60;}
td, th { border: 1px solid #000; padding: 2px; margin: 0; }

/* Font-size fix */
form, td, th, li { font-size: 100%; }

/* Classes */

.glossarynav {font-weight:bold}

.centre {text-align:center; font-style:italic}
a.glossary {text-decoration:none; border-bottom: 1px dashed #666}
.modified-date {clear:both; text-align:center; font-style:italic}
.hide { display: none; }
.note {color:#F00; text-transform:uppercase; font-weight:bold; font-size: 0.7em; padding: 0 0.2em; }

.title-pic { float: right; margin-left:4px}
.imageright { float: right; border: 0px; margin: 0.5em;}
.imageright-border { float: right; margin: 0.5em; padding: 1px; border: 1px solid #000; }
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.pdf {background:url('../images/pdf.gif') no-repeat top left; padding-left:20px}
a:hover.pdf, a:active.pdf {background: #DDD url('../images/pdf.gif') no-repeat top left;}
.word {background:url('../images/word.gif') no-repeat top left; padding-left:20px}
a:hover.word, a:active.word {background: #DDD url('../images/word.gif') no-repeat top left;}

.off-left { position: absolute; left: -999px; width: 20px; }

.smaller { font-size: 90%; color: #666; }
.smallest { font-size: 75%; color: #666;}

.clearruler {height:1px; border:0px; color:#F60; background:#F60; width:100%; clear:both}
.hideruler {border-top:1px solid #fff; background:#fff; color:#fff; width:100%; clear:both}

.dotted-border {border: 1px dotted #F60; padding: 0.5em}
.noborder { border: 0px; padding: 4px;}
.searchhilite {font-weight:bold; background: #ECF8FF}

/* Layout IDs */

* div {border:1px solid #F00}

#page {
	position:relative;
	min-width:770px;
	margin: 20px;
	}
#header {
	position:relative;
	height:120px;
	background:url(images/tripwire.gif) 10px 10px no-repeat;
	}
#search {
	position: absolute;
	top:0; right:0;
	width:150px;
	text-align:right;
	padding: 4px;
	}
#breadcrumbs{
	postion:relative;
	height:20px;
	min-height:20px;
	max-height:30px;
	padding:5px;
	padding-left:20px;
	background:url(images/bullet.gif) left no-repeat;
	}
#body {
	position:relative;
	}
#print a img {border:none}
#menu {
	float:right;
	width:192px;
	padding:4px;
	background:#333;
	text-align:right;
	}
#content {
	position:relative;
	margin-right:200px;
	padding:1em;
	}
#print{
	float:right;
	width:40px;
	}
#submenu {
	width:520px
	}
#top {
	float:right;
	width:20px; height:20px;
	margin: 5px;
}
#top a {
	width:20px; height:20px;
	display:block;
	text-indent:-999em;
	text-decoration:none;
	background: url(images/top.gif) no-repeat center
}
#rel-links {
	clear:both;
	margin-top: 3em;
	padding-top: 0.5em;
	border-top: 1px solid #F60;
	height: 1.0em;
	min-height: 20px
	}
.rel-left {
	margin: 0px; padding: 0px;
	float: left;
	width: 45%;
	text-align: left;
	}
.rel-right {
	margin: 0px; padding-top: 0px;
	float: right;
	width: 45%;
	text-align: right;
	}
#footer {
	clear:both;
	position:relative;
	background:#333;
	height:1em;
	min-height:20px;
	padding:4px;
	font-size: 70%;
	color:#FFF
}
#footer a {text-decoration:none; border-bottom:0px; font-weight:bold}
#footer a:link, #footer a:visited {color: #FFF}
#footer a:hover, #footer a:active {color: #FFF; background:none; text-decoration:underline}
#footright {
	float: right;
	width: 192px;
	height:1em;
	text-align:center;
}
#footleft {
	position:relative;
	margin-right:200px;
	height:1em;
	text-align:center;
}

/*.hnav.css */
ul#hnav {
	list-style: none;
	margin: 0px; padding: 0px;
	}
ul#hnav li  {
	display: inline;
	margin: 0px; padding: 0px;
}
ul#hnav a {margin:4px; padding: 2px}

/* vnav */
ul#vnav {
	margin:0;
	padding:0;
	list-style-type:none;
	background:#333;
}

ul#vnav li {
	list-style-type:none;
	margin:0;
}

ul#vnav li a {
	display:block;
	padding:0;
	width:192px;
	color:#F60;
	text-decoration:none;
}
ul#vnav li a:link, ul#vnav li a:visited {
	border-top:1px solid #EEE;
	border-bottom:1px solid #000;
	background:#FFF url(images/button-off.gif) bottom left repeat-x;
}
ul#vnav li a:hover, ul#vnav li a:active {
	border-top:1px solid #000;
	border-bottom:1px solid #EEE;
	background:#FFF url(images/button-on.gif) top left repeat-x;
}

ul#vnav li a.currentpage {
	color:#F60;
	font-weight:bold;
	background:#FFF url(images/button-on.gif) top left repeat-x;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* Hack for Peekaboo bug in IE6 where middle column content disappears
if its height is less than that of the right column.

Backslash Holly Hack neded here for IE5-Mac. \*/

@media screen {
	* html #body {
	height: 0;
	}
}
/* end hack */
/* End of 'print' */

