/*© Copyright 2006 C-mach Technologies Inc.*/
/*these 2 rules allow the footer to attach to bottom of viewport*/
html {
  height: 100%;
}
body {
  height: 100%;
}

/*the following rule sets the overall background image and font size*/
body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  background-color: #3366FF;
  color: #333;
}

/*the following two rules keep the footer positioned properly*/
div.pageWrapper {
  min-height: 100%;
}
div.mainContentPadding {
  padding: 1px 10px 0px 10px;
}

/*the following rule is used for the footer contact info*/
address {
  margin: 0px 0px 0px; /*this raises the footer from the bottom of the viewport*/
  padding: 0px 0px 0px 10px; /*this lowers the footer text from top of footer*/
  color: white;
  line-height: 10px;
  font-style: normal;
  font-size: 8pt;
	text-align: center;
}

address a {
  color: white;
  font-weight: 200;
}

address a:link {
  color: white;
  font-weight: 200;
}

address a:visited {
  color: white;
  font-weight: 200;
}

address a:hover {
  color: #CC0404;
  font-weight: 200;
}

/*this rule keeps all block content below header*/
#headerMargin {
  margin-bottom: 0;
  margin-top: 145px;
}

/*this rule centres the content for the front page*/
div.layoutCentre {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

/*these rules format and position header elements*/
#masthead {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  z-index: 100;
  margin: 0px;
  padding: 0px;
/*  background-color: white;*/
}

#headerTagline {
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 60;
	width: 260px;
	height: 110px;
	padding: 20px;
	margin-right: 0px;
}

#headerTaglineLong {
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 60;
	width: 260px;
	height: 110px;
	padding: 20px;
	margin-right: 0px;
}
#headerTaglineLong p {
  text-align: right;
  font-weight: 200;
  color: #288ab8;
}

#headerTagBack {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1500px;
  height: 130px;
  z-index: 50;
  background-image:  url(../images/pd20_tagline_bg.jpg);
  background-repeat: repeat-x;
}
#headerTagline p {
  text-align: right;
  font-weight: 200;
  color: #288ab8;
}
#headerMenuText {
  position: absolute;
  top: 88px;
  right: 0px;
  padding: 15px;
  z-index: 60;
  text-align: right;
  color: black;
}
#headerMenuText a {
  color: black;
  font-weight: 200;
}
#headerMenuText a:link {
  color: black;
}
#headerMenuText a:visited {
  color: black;
}
#headerMenuText a:hover {
  color: #CC0404;
}

/*these rules redefine the overall page styles*/
h1 {
  position: static;
  padding: 0px;
  margin: 0px 0px 15px;
  color: #3366FF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 2em;
}
h2 {
  position: static;
  padding: 0px;
  font-size: 8pt;
  margin: 0px 0px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0404;
}
h3 {
  position: static;
  padding: 0px;
  font-size: 8pt;
  font-weight: 600;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
  position: static;
  padding: 0px;
  margin: 0px 0px 16px;
  line-height: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul  {
  margin-top: 1px;
  padding: 0px 0px 0px 20px;
  list-style-type: square;
  }
li {
  padding: 2px;
}
a {
  font-weight: 600;
  color: #006691;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none;
}
a:link {
  color: #1C4DB6;
}
a:visited {
  color: #1C4DB6;
}
a:hover {
  color: #CC0404;
}

.paragraphHeader {
	color: #CC0404;
}

/*prevents a border from appearing around masthead*/
img {
  border: none; 
}

/*this rule provides the main box for the centre column on 2nd page*/
.mainContent {
  position: relative;
  min-height: 100%;
  margin: 0px 0px 25px 170px;
  padding: 1em 260px 1em 1em;
  border: black 1px solid;
  z-index: 110;
  width: auto;
  background-color: white;
  min-width: 120px;
}
/*these rules position any graphics left or right in main col*/
.mainContentImageRight {
  position: relative;
  margin: 5px;
  padding: 0px;
  border: none;
  background-color: white;
  float: right;
}
.mainContentImageLeft {
  position: relative;
  margin-right: 10px;
  margin-bottom: 5px;
  border: none;
  float: left;
}
.mainContentImageCenter {
  margin: 5px;
  padding: 0px;
  border: none;
  z-index: 120;
  background-color: white;
  text-align: center;
}
.clearFloat {
	clear: both;
}
.raiseVisioImage {
	padding: 0px;
	margin-top: -35px;
}

.boxedText {
  background-color: whitesmoke;
	padding: 7px;
	border: 1px solid;
  border-color: #1C4DB6;
}

.indentRightBoxedText {
  margin: 0px 160px 25px 0px;
  background-color: whitesmoke;
	padding: 7px;
	border: 1px solid;
  border-color: #1C4DB6;
}

/*this rule provides for the right-hand column on 2nd page*/
#pullQuoteRight {
  position: absolute;
  margin: 0px;
  padding: 0px;
  z-index: 115;
  right: 20px;
  width: 220px;
  top: 165px;
  background-color: white;
  border-left: 1px solid;
  border-color: #1C4DB6;
}
#pullQuoteRight h2 {
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0 15px 10px 15px;
}
#pullQuoteRight p {
  padding: 0px 10px 0px 15px;
}

/*this is to highlight news items in the right column*/
.newsItemRight {
  background-color: #FBCB89;
  border: 1px solid;
  border-color: black;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
}


/*these rules construct the left-side menu*/
#navlist {
  position: absolute;
  left: 20px;
  top: 150px;
  width: 145px;
  z-index: 110;
}
#navlist ul {
  margin: 0; /*removes indent IE and Opera*/
  padding: 0; /*removes indent Mozilla and NN7*/
  list-style-type: none; /*turns off display of bullet*/
  font-size: .9em;
}
#navlist li {
  margin: 0px;
  padding: 0px;
}
#navlist a {
  display: block;
  padding: 2px 2px 2px 24px;
  border: 1px solid;
  border-color: #ddd #000 #000 #ddd;
  background-color: #71828a;
  background-image:  url(../images/ct_navbutton_up2.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
#navlist a:link, #navlist a:visited {
  color: #1C4DB6;
  text-decoration: none;
}
#navlist a:hover, #navlist a:active {
  background-color: #c5cfd0;
  background-image:  url(../images/ct_navbutton_hover3.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  color: #CC0404;
}
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
  background-color: #c5cfd0;
  background-image:  url(../images/ct_navbutton_over.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  color: #2D1E2D;
  border-color: #000 #000 #000 #000;
}
#navlist p {
  margin: 0px;
  padding: 5px 5px 5px 15px;
  background-color: #c5c9cf;
}
#navlist h2 {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

/*these rules undo most of the left-side menu stuff to get back to the default*/
#newsLeft {
  width: 145px;
  z-index: 110;
}
#newsLeft p {
  margin: 0px;
  padding: 5px 10px 5px 10px;
  background-color: #c5c9cf;
}
#newsLeft h2 {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
  background-color: #c5cfd0;
}
#newsLeft a {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-weight: 600;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeft a:link {
  margin: 0px;
  padding: 0px;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeft a:visited {
  margin: 0px;
  padding: 0px;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeft a:hover {
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: #bbb;
}

/*these rules undo most of the left-side menu stuff to get back to the default*/
#SubMenu {
  width: 132px;
  margin: 0px 3px 0px 10px;
  border: 1px solid;
  background-image: none;
  z-index: 110;
}
#SubMenu p {
  padding: 5px 5px 5px 10px;
  background-color: #90a6b0;
}
#SubMenu a {
  display: inline;
  font-weight: 600;
  color: white;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
}
#SubMenu a:link {
  color: white;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
}
#SubMenu a:visited {
  color: white;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
}
#SubMenu a:hover {
  color: black;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: #bbb;
}

/*these rules construct the left-side banner for ads*/
#adleft {
  position: absolute;
  left: 20px;
  top: 150px;
  width: 120px;
  z-index: 110;
}
#adleft a:link {
  color: white;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
}
#adleft a:hover {
  color: white;
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: transparent;
}

/*these rules undo most of the left-side menu stuff to get back to the default*/
#newsLeftFront {
  width: 120px;
  z-index: 110;
	padding-bottom: 5px;
}
#newsLeftFront p {
  margin: 0px;
  padding: 5px 10px 5px 10px;
  background-color: #c5c9cf;
}
#newsLeftFront h2 {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
  background-color: #c5cfd0;
}
#newsLeftFront a {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-weight: 600;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeftFront a:link {
  margin: 0px;
  padding: 0px;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeftFront a:visited {
  margin: 0px;
  padding: 0px;
  color: teal;
  border: none;
  background-image: none;
  background-color: transparent;
}
#newsLeftFront a:hover {
  margin: 0px;
  padding: 0px;
  border: none;
  background-image: none;
  background-color: #bbb;
}

.ct-NumList {
	list-style-type: none;
	padding-left: 2em;
	text-indent: -3em;
}

.ct-NumListText {
	position: relative;
	top: -7px;
	left: 10px;
}

/*Table layout for Price List*/
.priceList {
	border: 1px solid #3366FF;
	border-collapse: collapse;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.priceList td {
	border: none;
	padding: 4px;
}

.priceList caption {
  font-weight: 600;
	padding-bottom: 10px;
}

.priceList td.priceListItemName {
  color: #CC0404;
  font-weight: 800;
	padding-top: 10px;
}

.priceList td.priceListItem {
	padding-left: 15px;
}

.priceList td.priceListItemPrice {
	padding-left: 0px;
  text-align: right;
}

.priceList td.priceListSubItem {
  color: #888;
	padding-left: 30px;
  font-style: italic;
}

.priceList td.priceListDiscount {
  text-align: right;
	padding-right: 15px;
}

.faqQuestion {
	padding-left: 0px;
  font-weight: 600;
	padding-left: 20px;
	text-indent: -20px;
}

.faqAnswer {
	padding-left: 40px;
	text-indent: -20px;
}

/*Data Entry Forms*/
form {
	border: 1px solid #3366FF;
	padding: 3px 6px 3px 6px;
}

input.txt {
  background-color: whitesmoke;
	border: 1px solid #3366FF;
	margin: 0;
	padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

input.btn {
	margin: 10px 20px 5px 150px;
}

select {
  background-color: whitesmoke;
	border: 1px solid #3366FF;
	color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

textarea {
  background-color: whitesmoke;
	border: 1px solid #3366FF;
	width: 250px;
	height: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
	float: left;
	width: 25%;
	padding-left: 6px;
	text-indent: -6px;
}
label.dataerror {
	font-weight: 600;
	color: red;
}

legend {
	margin-top: 20px;
	margin-bottom: 15px;
}

form p.boxedText {
  background-color: whitesmoke;
	margin-top: 10px;
	padding: 7px;
	border: 1px solid;
  border-color: #1C4DB6;
}

.centered {
	text-align: center;
}

/*Table layout for Site Map*/
.siteMap {
	border: 1px solid #3366FF;
	border-collapse: collapse;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.siteMap td {
	border: none;
	padding: 4px;
}

.siteMap caption {
  font-weight: 600;
	padding-bottom: 10px;
}

.siteMap td.siteMapItemName {
  color: #CC0404;
  font-weight: 800;
	padding-top: 10px;
}

.siteMap td.siteMapItem {
	padding-left: 15px;
}

.siteMap td.siteMapSubItem {
  color: #888;
	padding-left: 30px;
  font-style: italic;
}

.widebutton {
	font-size : .9em;
	width: 150px;
	height: 25px;
	position : relative;
	top: 10px;
	display: inline;
}

form.noborder {
	border: none;
	padding: 3px 6px 3px 6px;
}