#page-wrapper { /*main big central white box */
  width:          760px;
  margin-left:	  auto;
  margin-right:	  auto;
  text-align:	  left;
  background-color:#FFFFFF;
  border-color:#ffffff;
  border-width:1px;
  border-style:solid;
  height:610px;
}

#page-wrapperBtm { /*botom central page wrapper- for footer */
  width:          760px;
  margin-left:	  auto;
  margin-right:	  auto;
  text-align:	  left;
}
#page-wrapperBtm a { 
text-decoration:none;
color:#FFFFFF;
}
#page-wrapperBtm a:hover { 
color:#999999;
}

#logo {
  float:      left;
}
#logo h1 {
  width:       760px;
  height:      90px;
  position:    relative;
  top:         0px;
  left:        0px;
  font-size:   100%;
}

#logo span {
 width:       760px;
 height:      90px;
 position:    absolute;
 top:         0px;
 left:        0px;
 background:  url("images/logo.jpg") no-repeat top left;
}
.colour{
  height:610px;
}
#sm_text {
  font-size:11px;
  color:#ffffff;
  float:right;
}

.sm_bl_text {
  font-size:11px;
  float:right;
padding-right:177px;
padding-bottom:-34px;
}

#footerLine1 {
  font-size:11px;
  color:#ffffff;
  float:left;
  margin-top:-10px;
}

#footerLine2 {
  font-size:11px;
  color:#ffffff;
  float:left;
  margin-top:6px;
}

#contact_button{
  float:left;
  font-size:15px;
  color:#ffffff;
  margin: -15px 22px 0px 0px;
  border-style:solid;
  border-width:1px;
  padding: 1px 7px 2px 7px;
}

#navbar {
  height:21px; /*req in ie ? */
  float:    center;
  width:    100%;
  background-color:#990000; /* same col as first menu item - avoids white space at end of menu- 7px left adds 7px to menu*/
/*  background:  url("images/border.gif") repeat-x bottom;*/
border-style:solid;
border-width: 1px 0px 1px 0px; /* was  2px 0px 1px 0px; when text menu. now top and bot bdr  */
border-bottom-color:#999999;
border-top-color:#ffffff;
}
#navbar ul {
  margin-left:      -40px;
  margin-top:0px;/*may need to increase for ie? */
}

#navbar li {
  float:       left;
  color:#999999; /* - faded out menu.  was 336699 for text menu  */
  display: inline; /*check with ie */
}
#navbar a {
  color:     #ffffff; /* was 336699 for text menu  */
  text-decoration:	none;
}

/* ROLL OVERS */
#title_blu a:hover  {
	color:#0099CC;
}
#title_grn a:hover  {
	color:#003300;
}
#title_home a:hover  {
	color:#660000;
}
#title_lblu a:hover  {
	color:#004488;
}
#title_olv a:hover  {
	color:#444400;
}
#title_brn a:hover  {
	color:#663300;
}
#title_bur a:hover  {
	color:#550000;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
    background-image:url(images/page_background_v.gif);
    background-color:#ffffff; /*prob set in colour div*/
}

body, h1, h2, h3, h4 {
  margin:   0px;
  padding:  0px;
}
#content-wrapper {
  width:  760px;
  padding-top:12px;
 /*float:  left;*/
}
/* no longer any content-left - just right with inner-left and inner-right: */
/* #content-left {   width:  180px;   float:  left;  padding : 5px 0px 5px 0px; }*/

#flash {
	width:  180px;
	float:  left;
	border:0px;
	vertical-align:bottom; 
} 
 
#subtitle_blu, #subtitle_grn, #subtitle_red, #subtitle_lblu, #subtitle_olv, #subtitle_oge, #subtitle_brn, #subtitle_bur {
  padding: 1px 1px 1px 3px;
  margin-top:2px;
  font-weight:bold;
  color:#FFFFFF;
  font-size:12px;
  border-color:#999999;
  border-bottom:1px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-style:solid;
}
/* titles - main menu */
#title_blu, #title_grn, #title_red, #title_lblu, #title_olv, #title_oge, #title_brn, #title_bur, #title_home, #title_none {
  font-weight:bold;
  font-size:11px;
  padding:3px; /* gives main menu height */
}

#subtitle_blu, #title_blu {
  background-color:#003366;
}
#subtitle_grn, #title_grn {
  background-color:#006600; /*width:95px;*/
}
#subtitle_red, #title_red{
  background-color:#CC0000;
}
#subtitle_lblu, #title_lblu {
  background-color:#0099CC; /*width:120px;*/ 
}
#subtitle_olv, #title_olv {
  background-color:#999933; /*width:125px;*/
}
#subtitle_oge, #title_oge {
  background-color:#FF6600;
}
#subtitle_brn, #title_brn {
  background-color:#996633; /*width:100px;*/
}
#subtitle_bur, #title_bur {
  background-color:#990000; /*width:100px;*/
}
#title_home {
  background-color:#CC0000; /*width:95px;*/ 
}
#title_none {
  background-color:#ffffff; /*needs to be diff size for each sub group */
}
/* left menu font & width */
#subnav_blu, #subnav_grn, #subnav_red, #subnav_lblu, #subnav_olv, #subnav_oge, #subnav_brn, #subnav_bur { 
  width:181px;
/*  height:139px; /* min height- keeps flash movie at bottom */
  font-weight:bold;
  font-size:12px;
  margin-top:-10px; /*may need to set to 0 for ie8 */
}
/* left menu border style & margins */
#subnav_blu li, #subnav_grn li, #subnav_red li, #subnav_lblu li, #subnav_olv li, #subnav_oge li, #subnav_brn li, #subnav_bur li { 
  margin-left:-40px;
  padding: 2px 0 1px 0;
  list-style-image:url(images/arrow.gif);
  list-style-position:inside;
  border-color:#999999;
  border-bottom:1px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-style:solid;
}

/* about summary */
#vspace li { 
  padding: 2px 0 1px 0;
  margin-left:-47px;
  margin-bottom:-2px;
  list-style-image:url(images/arrow_head.gif);
  list-style-position:inside;
  border-top:0px;
}


#subnav_blu a { /* left menu colour-blue */
  color:#003366;
}
#subnav_blu a:hover{
  color:#0066cc;
}
#subnav_grn a { /* left menu colour-green */
  color:#006600;
}
#subnav_grn a:hover{
  color:#00CC33;
}
#subnav_red a { /* left menu colour-red */
  color:#CC0000;
}
#subnav_red a:hover{
  color:#CC6600;
}
#subnav_lblu a { /* left menu colour-light blue */
  color:#0099CC;
}
#subnav_lblu a:hover{
  color:#00ccee;
}
#subnav_olv a { /* left menu colour-olive */
  color:#666600;
}
#subnav_olv a:hover{
  color:#999900;
}
#subnav_oge a { /* left menu colour-orange */
  color:#FF6600;
}
#subnav_oge a:hover{
  color:#FFbb00;
}
#subnav_brn a { /* left menu colour-brown */
  color:#996633;
}
#subnav_brn a:hover{
  color:#cc9944;
}
#subnav_bur a { /* left menu colour-burgandy */
  color:#990000;
}
#subnav_bur a:hover{
  color:#dd4444;
}

/* no text decoration for all */
#subnav_blu a, #subnav_grn a, #subnav_red a, #subnav_lblu a, #subnav_olv a, #subnav_oge a, #subnav_brn a, #subnav_bur a { 
  text-decoration:none;
}/* no text decoration for all hovers*/
#subnav_blu a:hover, #subnav_grn a:hover, #subnav_red a:hover, #subnav_lbu a:hover, #subnav_olv a:hover, #subnav_oge a:hover, #subnav_brn a:hover, #subnav_bur a:hover,  { 
  text-decoration:none;
}

#content_right_blu, #content_right_grn, #content_right_red, #content_right_lblu, #content_right_olv, #content_right_oge, #content_right_brn, #content_right_bur {
  width: 560px;
  height:470px; 
  float: right;
  margin-top:0px;/*was 19px*/
  padding: 0px 10px 0px 0px;
  overflow:scroll;
}
#content_right_no_s { /* no scroll -no overflow - was used in about_summary, now in armour_summary */
  width: 552px;
  height:420px; 
  float: right;
  margin-top:19px;
  padding: 0px 14px 0px 0px;
}

#col2, #col_left {
float:left;
width:247px;
padding: 0px 10px 0px 10px;
border:none;
margin-top:-30px;
}

#col_left {
border-right-style:solid;
border:1px;
border-color:#cccccc;
}
#block_brn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#996633;
}
a.block_grn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#006600;
text-decoration:none;
}
#block_grn {
font-weight:bold;
padding-bottom:5px;
padding-top:9px;
color:#006600;
text-decoration:none;
}


#hr_brn {
border-bottom-style:solid;
border-color:#cccccc;
border:1px;
padding-bottom:5px;
}




#content_right_blu, #content_right_grn, #content_right_red, #content_right_lblu, #content_right_olv, #content_right_oge, #content_right_brn, #content_right_bur {
border:none;
}

#c_r_inner_left {
width:259px;
float:left;
}
#c_r_inner_right {
width:259px;
float:right;
margin-right:2px;
}


h1.blu, h5.blu, h1.title {
  color:#003366;
}
h1.grn, h5.grn, h1.title_grn, h3.grn { 
  color:#006600;
}
h1.red, h5.red {
  color:#CC0000;
}
h1.lblu, h5.lblu, h1.lblu_lg {
  color:#0099CC;
}
h1.olv, h5.olv {
  color:#555500;
}
h1.oge, h5.oge {
  color:#FF6600;
}
h1.brn, h5.brn, block_brn {
  color:#996633;
}
h1.bur, h5.bur {
  color:#990000;
}
h1.blu, h1.grn, h1.red, h1.lblu, h1.olv, h1.oge, h1.brn, h1.bur {
font-size:18px;
padding-left:5px;
float:left;
}

h1.lblu_lg {
font-size:50px;
padding-left:300px;
}

h1.title {
font-size:26px;
text-align:center;
}
h1.title_grn {
font-size:26px;
text-align:center;
}

#p_img, #p_img_contact {
float:right;
width:100px;
margin: 0 0 0 5px;
margin-right:150px;
padding:0px;
border:none;
/*border:1px solid black;*/
text-align:center;
}

#p_img_contact {
margin-right:60px;
}

#p_img_bdr { /* used on inst' our customers */
float:right;
width:100px;
margin: 0 0 0 5px;
margin-right:150px;

padding:0px;
border:1px solid;
border-color:#aaaaaa;
text-align:center;
}

.clear_margin { /* - used in contact page - clear the margin from previous tag */
margin-right:-35px;
text-align:left;
font-size:11px;
}

#gallery_img {
  border-color:#cccccc;
  border-width:1px;
  border-style:solid;
}

#gallery_text {
float:right;
width:300px;
height:395px;
/*padding-bottom:1px; - use if bottom line needs lowering */
  border-color:#aaaaaa;
  border-width:1px;
  border-style:solid;
}

/* FORM LAYOUT - used in contact page*/
label,input, textarea {
	display: block;
	width: 210px;
	float: left;
	margin-bottom: 12px;
	font-size:12px;
}

/* used in contact page*/
input.chb {
width:25px;
display:list-item;
float:none;
margin-left:20px;
}

/* used in contact page*/
input.button {
width:94px;
float:none;
display:inline;
margin-left:-3px;
}

/* used in contact page*/
label {
	text-align: right;
	width: 125px;
	padding-right: 20px;
	padding-top:1px;
}

/* used in contact page*/
/* the br tag - clear: left, any previously defined float is canceled. We have to insert a clear somewhere, or all labels and inputs would line up next to each other, which is not what we want.
Clear is declared on the br, because the only other option (declaring it on the labels themselves) may not work properly in Opera.
http://www.quirksmode.org/css/forms.html*/
br {
	clear: left;
}