html {
				height: 100%;
}

body {			height: 100%;
				margin: 4px 0 0px 0;
				padding: 0;
				font-family:Arial, Helvetica, sans-serif;
				background-color: #C8CCCB;
				color: #000000;
				text-align: center;
}



#wrapper {		
				position:relative;
				min-height: 100%;
				text-align: left;
				width: 720px;
				margin-right: auto;
				margin-left: auto;
				padding: 0 0 0 0;
				background-position: left top;
				border-left: 0px solid #8E8E8D;
				border-right: 0px solid #8E8E8D;
				border-top: 0px solid #8E8E8D;
				border-bottom: 0px solid #8E8E8D;
				background-color: #FFFFFF;
				
				
}

#header {		width: 720px;
				height: 108px;
				background-color: #FFFFFF;
}



#bgClear {clear:both;
height:70px;
}

/*  **********************************  */
/*  *******  left navigation  ******** */
/*  **********************************  */
#navigationLeft { display:none;
				position: absolute;
				float: left;
				margin-left: 0px;
				margin-top: 55px;
				text-align: right;
				width: 120px;
				
}

#navigationLeft ul {
				margin: 0px;
				font-family:Arial, Helvetica, sans-serif;
    			font-size: 11px;
				line-height: 24px;
				white-space: nowrap;
				padding-left: 11px;
				
}

#navigationLeft li {
				list-style-type: none;
				margin: 0;
}

#navigationLeft a:link, #navigationLeft a:visited {
				text-decoration: none;
				color: #222222;
}

#navigationLeft a:link#currentLeft, #navigationLeft a:visited#currentLeft {
				color: #1C7201;
}

#navigationLeft a:hover {
				color:#1C7201;
}
				
#navigationLeft a:hover#currentLeft {
				cursor:default;
}

/*  **********************************  */
/*  **********  navigation  **********  */
/*  **********************************  */

#navigation {	display:none;
				clear: both;
				position: relative;
				margin-top: 0px;
				left: 0px;
  				height: 26px;
    			width: 100%;
    			border-top: solid #59677D 0px;
    			border-bottom: solid #424344 0px;
    			background-color: #FBFCF8;
				background-image: url(images/navBar.gif);
				text-align: center;
}

#navigation ul {
				float:left;
    			margin: 0px;
				width:710px; /* opera 7 navigation wrap solution*/
    			font-family:Arial, Helvetica, sans-serif;
    			font-size: 10px;
				line-height: 24px;
				white-space: nowrap;
				padding-left: 11px;
				
}

#navigation li {
				list-style-type: none;
				display: inline;
				margin: 0;
				
				
}

#navigation li a {
				text-decoration: none;
				padding: 0px 0px 6px 0px;
				margin: 0;
}

#navigation a:link, #navigation a:visited {
				float: left;
				line-height: 9px; /*9px triangle equal across browsers*/
				font-weight: normal;
				margin: 7px 7px 4px 10px;
				text-decoration: none;
				color: #EEEEEE;
				background-color: transparent;
}

#navigation a:link#current, #navigation a:visited#current {
				
				background: url(images/triangle.gif) no-repeat bottom center;
				padding-bottom: 9px;
				color: #000000;
}

#navigation a:hover {
				background: url(images/triangle.gif) no-repeat bottom center;
				padding-bottom: 9px;
				color:#000000;
}
				
#navigation a:hover#current {
				cursor:default;
}

/* hides link for security-systems main page*/			
#navigation a:link#currentNoLink, #navigation a:visited#currentNoLink {
				
				background: url(images/triangle.gif) no-repeat bottom center;
				padding-bottom: 9px;
				color: #000000;
}

			
/* Commented Backslash Hack hides rule from IE5-Mac solves 2px spacer gap in IE5-WIN2000 rhs \*/
#spacer {width: 660px;}
/* End IE5-Mac hack */

/*  *******************************  */
/*  **********  content  **********  */
/*  *******************************  */

#content {		
				margin-left: 150px;
				margin-right: 0px;
				padding: 00px 30px 0 0px;
				width:480px;
}

#content p {
				font-size: 80%;
				line-height: 1.6em;
				padding-left: 0px;
				color: #666666;
				background-color: transparent;
}

#content h1 {
				font: normal 110% Arial, Helvetica, sans-serif;
				color: #666666;
				background-color: transparent;
				padding-left: 0px;
				
}

#content h2 {
				font: bold 80% Arial, Helvetica, sans-serif;
				color: #666666;
				background-color: transparent;
				padding-left: 0px;
}
	
#content ul {
				font: normal 80% Arial, Helvetica, sans-serif;
				color: #666666;
				background-color:transparent;
				line-height: 1.3em;
				padding-left: 40px;
				margin-left: 40px;
				list-style-type: circle;
				
}

#content li {
				margin-bottom: 4px;
}

#home li ul {
padding-left:2px;
font-size:100%;
margin-left:30px;
margin-top:3px;
}

#objectives ul {
				list-style-type: decimal;
}


#content hr {		
				clear:both;
				width: 100%;
				color: #666666;
				background-color:transparent;
				height: 1px;
				border: 1px solid;
}

/*  internal links  */
#content a:link, a:visited {
				color: #666666;
				background-color: transparent;
				text-decoration: underline;
}

#content a:hover {
				color: #1C7201;
				background-color: transparent;
				text-decoration: underline;
}

/*  external links dotted  */
#content a.external:link, a.external:visited {
				font-weight: normal;
				color: #666666;
				background-color: transparent;
				border-bottom: 1px dotted #666666;
				text-decoration: none;
}

#content a.external:hover {
				font-weight: normal;
				color: #1C7201;
				background-color: transparent;
				border-bottom: 1px dotted #1C7201;
				text-decoration: none;
}

/***** images*****/
.rightImage {	
				clear: both;
				float: right;
				border: solid #8E8E8D 0px;
				margin: 7px 0px 0px 15px;
				
}

.rightImage img {
				border: solid #8E8E8D 1px;
				margin-bottom:0px;
				padding-bottom:0px;
}

.rightImage p {
				vertical-align:top;
}

.rightImage span {
				vertical-align:top;
				font: normal 70% Arial, Helvetica, sans-serif;
				color: #222222;
				line-height:1.1;
}

.rightImageNoBorder {
				float: right;
				border: solid #8E8E8D 0px;
				margin: 6px 0px 10px 12px;
}

.centerImageArea {
				display:block;
				text-align:center;
}

.centerImageArea span { 
  			  	vertical-align:top;
				font: normal 70% Arial, Helvetica, sans-serif;
				color: #222222;
				line-height:1.1;
}						

.centerWideGraphic {
				display:block;
				margin-left:auto;
				margin-right:auto;
				text-align:center;
}

.imageBorder { 
  			  
  	  			margin-top: 4px;
				margin-right: 6px;
				border: solid #8E8E8D 1px;
}

.imageNoBorder { 
  			  
  	  			margin-top: 4px;
				margin-right: 6px;
				border: solid #8E8E8D 0px;
}	
	
	
.top {			
				float: right;
				margin: 0px -3px 0px 0px;
}

.back {
				font-size: 80%;
				line-height: 1.8em;
				margin: 4px 0 0 30px;
				color: #666666;
				background-color: transparent;
}

#content p.red {
				font-size: 80%;
				line-height: 1.8em;
				margin: 4px 0 0 0px;
				color:#FF0000;
				background-color: transparent;
}


/*  *******************************  */
/*  **********  contact form  *****  */
/*  *******************************  */
#form {				
				margin: 0px 0px 0px 0px;
				padding: 0px 0 0 0;
}

input.txt {		
				margin-left:5px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color:#000000;
				background-color: #FFFFFF;
				border: 1px solid #666666;
				width:230px;
}

textarea.txt  {	
				margin-left:5px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:100%;
				color:#000000;
				background-color: #FFFFFF;
				border: 1px solid #666666;
				width:230px;
				height:100px;
}
				
input.btn {		
				margin: 0px 0px 0px 78px;
				color:#000000;
}

form p {
				clear: left;
				margin: 2px;
				padding-top: 3px;
}				
	
form p label, span.labelLeft {
				float: left;
				width: 15%;
				text-align: right;
}
	
span.textRight {	
				margin-left:5px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:100%;
				color:#666666;
}				

span.green {		
				font-size:80%;
				color:#1C7201;
				vertical-align:top;
}

/* floats contact details  */
#contact {
				float:left;
}

#contactRight {
	float:right;
	padding-right:110px;
	width:200px;
}

/*  *******************************  */
/*  **********  footer  ***********  */
/*  *******************************  */

#clearfooter {
				clear: both;
				height: 50px;
}
	
#footer {		display:none;
				position: relative;
				margin-left: auto;
				margin-right: auto;
				margin-top: -26px;
				bottom: 0;
				left: 0;
				height: 24px;
				width: 720px;
				padding: 0 0 0px 0px;
				font-size: 11px;
				color: #B2B2B2; 
				background-color: #FBFCF8; 
				text-align: center;
				vertical-align: middle;
				line-height: 24px;
				border-top: solid #C8C8C7 1px;
				border-bottom: solid #C8C8C7 0px;
				border-right: solid #000 0px;
				border-left: solid #000 0px;		
}

#footer a:link, #footer a:visited {
				color: #B2B2B2;
				text-decoration: underline;
				padding-left:7px;
}

#footer a:hover {
				color: #1C7201;
				text-decoration: underline;
}