/* 

	SIMIS 2 CSS Stylesheet
	Target: Screen
	Tested with: IE 6, Firefox 1.0.6
	Datecode: 2005-08-01 10:30
	Copyright: Crownhill Associates Ltd 2005
	
	Colour info
		Link:					#069
		H2:						#069
		H3						#666
		H4						#999
		
		Masthead border:		#69C
		Masthead bg:			#EEE
		Footer border:			#CCC
		Footer txt colour:		#CCC
		
		NavButton bg:			#EEE
		NavButton bordrlft:		#69C	
		
		NavButton bordrl hover:	#999
		NavButton bg hover:		#D7E3F2
		
		Toplink bg:				#EDF2FA
		Toplink bg hover:		#E2EBF5
		
		Container box bg		#EDF2FA
		Container box border	#DDD

*/

/* HTML tag styles  */

body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#FFF;
	font-size:62.5%;
	}

a:link, a:visited, a:hover {
	color: #069;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline; 
	/* overrides decoration from previous rule for hovered links */
	}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	}

h1 {
	font-size: 2em;
	}

h2 {
	font-size:1.7em;
	color: #069;
	font-weight:normal;
	}

#content h2 {
	margin:0 0 0 20px;
	padding:0;
	}

h3 {
	font-size: 1.2em;
	color: #666;
	margin:3px;
	font-weight: normal;
	}

h4 {
	font-size:1.1em;
	font-weight: normal;
	color: #999;
	margin:10px 5px 5px 5px;
	}
				
/** Architecture Div Styles **/

/* Masthead includes logo */
#masthead {
	margin:20px 0 10px 0;
	padding:17px 0 0 20px;
	height:38px;
	border-style:solid;
	border-color:#69c;
	border-width:2px 0; /* top and bottom borders: 4px; left and right borders: 0px */
	background-color:#eee;
	}
	
img#companylogo, img#crownhill { /* Use this for positioning your company logo */
	float:right;
	padding:0;
	margin:-10px 10px;
	
	}
img#simis, #masthead h1 {
	float:left;
	
	}
	
/* Content area styling */
#content {
	margin:0 75px 50px 160px;
	padding:10px;
	font-size:1.3em;
	}

/* Navigation bar styling */
#navBar {
	position:absolute;
	top:100px;
	width:172px;
	font-size:1.3em;
}

/* Footer styling */
#footer, #siteInfo {
	clear:both;
	border-top:1px solid #CCC;
	font-size: 120%;
	color: #CCC;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}


/* 
	Navigation styles
*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #fff;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/* 
	Styles for actual link menu
*/

#sectionLinks ul{
	margin:5px;
	padding:3px;
	}
#sectionLinks li {
	margin:3px 0 3px 0;
	list-style:none;
	}

#sectionLinks ul li a {
	background: #EEE;
	border-left:7px solid #69C;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:2px 2px 2px 5px;
	display: block;
	text-decoration: none;
	width: 150px;
	}

#sectionLinks a:link {
	background:#eee;
	}

#sectionLinks a:hover {
	background-color:#D7E3F2;
	border-left:7px solid #999;
	border-bottom:1px solid #BACFE9;
	border-right:1px solid #BACFE9;
	}
	
/* Styling for "top" links at the bottom of each box div */

a.top {
	display:block;
	text-align:right;
	margin:0;
	padding:2px 15px 2px 2px;
	background:#EDF2FA url(top-link.gif) no-repeat right 3px;
	font-size:85%;
	}
	
a.top:link, a.top:visited {
	text-decoration: none;
	background:#EDF2FA url(top-link.gif) no-repeat right 3px;
	}
	
a.top:hover {
	text-decoration: none;
	background:#E2EBF5 url(top-link.gif) no-repeat right 0px;
	}

.box {
	border:1px solid #DDD;
	background:#EDF2FA;
	margin:15px;
	}
	
.box p {
	padding:5px;
	}

/* Table styling */

.info table {
	border-collapse:collapse;
	}
.info table td, .info table th {
	padding:5px;
	}
.info table th {
	text-align:right;
	}
.info table th, .info table td {
	border-bottom:1px solid #E2EBF5;
	}

code, p.tab {
	white-space:pre;
	font-family:monospace;
	font-size:1.2em;
  	word-wrap: break-word; /* Internet Explorer 5.5+ word wrap hack */
	}

* html body code, * html body p.tab, * html body pre.notes {
	font-size:1em; /* IE Star Selector Hack to size monospace properly - overrides due to higher weight */
	}

/* Notes styles */

p.notes {
	padding:1px; /* Fixes non-wrapping first-line problem */
	margin:0;
	}

pre.notes {
	font-size:1.2em;
	margin:10px;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	/* width:700px; */
		
	/*
		- Remove the comments around width: to force width on notes
		- Hacks below allow wrapping with pre tag
	*/
	white-space: pre-wrap;       /* css-3 */
  	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  	white-space: -pre-wrap;      /* Opera 4-6 */
  	white-space: -o-pre-wrap;    /* Opera 7 */
  	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}

h3.notes {
	margin:20px 0 10px 10px;
	font-size:1.5em;
	}