body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #565656;
	background-attachment: scroll;
	background-image: url(../images/mainbg.png);
	background-repeat: repeat-x;	/*background-attachment: fixed;
	background-image: url(../images/bcg.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
}
.thrColFix #container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
}
.thrColFix #header {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 250px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#nav {
	width: 960px;
	height: 30px;
	margin: 0 auto;
}
.thrColFix #topcontentheader {
	width: 960px;
	background-image: url(../images/maincontenttop.gif);
	background-repeat: no-repeat;
	height: 20px;
}
.thrColFix #topcontent {
	width: 960px;
	background-color: #FFFFFF;
	background-image: url(../images/bubbles.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.thrColFix #topcontentbottom {
	width: 960px;
	background-image: url(../images/maincontentbot.gif);
	margin-bottom: 10px;
	margin-top: -12px;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	background-color: #FFFFFF;
}
.thrColFix #footer {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 65px;
	background-image: url(../images/footerbcg.png);
	background-repeat: no-repeat;
	background-position: left top;
}  
.tinytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #565656;
	padding: 10px 20px 10px 20px;
}
.divider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #565656;
	padding: 0 10px 0 10px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 1.5em;
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	text-align: left;
	padding: 0 20px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #565656;
	text-shadow: 0px 1px 1px #999999;
	margin: 0 auto !important;
	padding: 0 0 0 20px !important;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F18820;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #565656;
	text-align: center;
	margin: 10px 0 0 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F18820;
	margin: 0 10px 0 10px;
	text-align: left;
}
link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.footer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #565656;
	text-decoration: none;
}
a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #565656;
	text-decoration: none;
}
a.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.smalllink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #565656;
	text-decoration: none;
}
a.smalllink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #565656;
	text-decoration: none;
}
a.smalllink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.Menu {
    position: relative;
    height: 34px;
    width: 960px;
    overflow: hidden;
	margin: 0 auto !important;
	padding: 0 0 0 0 !important;
}
.Menu li {
    float: left;
    list-style: none;
}
.Menu li.back {
    background: url(../images/hover.png) no-repeat right -18px;/*sets hover right side position*/
    width: 9px; 
	height: 26px;
    z-index: 8;
    position: absolute;
	top: 8px;/* position background from top*/
}
.Menu li.back .left {
    background: url(../images/hover.png) no-repeat top left;
    height: 26px;
    margin-right: 8px; /* 7px is the width of the rounded shape */
	margin-left: 15px; /* added this to indent hover image*/
	top: 8px;/* position background from top*/
}
.Menu li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #fff;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 26px;
    position: relative;
    overflow: hidden;
    margin-right: 9px; /* 7px is the width of the rounded shape */
	margin-left: 26px; /* added this to indent menu text */  
	top: 9px;/* position text from top*/
}
.Menu li a:hover, .Menu li a:active, .Menu li a:visited {
    border: none;
	font: bold 14px arial;
    text-decoration: none;
    color: #fff;
}
#slider {
	width: 100%;
	margin: 20px 20px 0 20px; 
}
.header {
	width: 900px; 
	padding:8px; font-weight:bold; 
	margin-top:5px; 
	cursor:pointer; 
	background-color: #565656;
}
.header:hover {
	background-color: #000000;
}
.content {
	overflow:hidden;
	width: 916px;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 120%;
	list-style-image: url(../images/arrow.png);
	text-align: left;
	padding: 10px 20px 10px 20px;
}
.contacttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 120%;
	text-align: left;
}
/*RSS FEED CONTROLLER CSS*/
.gfg-root {
  width : 920px;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #BCCDF0;
  margin-left: 20px;
  background-color: #ffffff;
}
/*title of feed for entire selection(not used)*/
.gfg-title {
font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight : bold;
  color : #333333;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : wrap;
}
/*title of feed for individual feed links(used)*/
.gfg-title a {
font-family: Arial, sans-serif;
  color : #999999;
  text-align : left;
  margin-left : 5px;
  font-size: 13px;
}
/*title of feed for entire selection(not used)*/
.gfg-subtitle {
font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
  color : #a1bcd2;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : wrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
font-family: Arial, sans-serif;
  color : #a1bcd2;
  margin-left : 5px;
}

.gfg-entry {
font-family: Arial, sans-serif;
  background-color : white;
  width : 692px;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 692px;
  height : 100%;
  padding-left : 5px;
  padding-right : 5px;
}

.gfg-list {
font-family: Arial, sans-serif;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
font-family: Arial, sans-serif;
  line-height : 1.5em;
  overflow : hidden;
  white-space : wrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 20px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('../images/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */
/*heading for each headline in the feed*/
.gfg-root .gfg-entry .gf-result .gf-title {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : wrap;
  text-overflow : wrap;
  -o-text-overflow : wrap;
  margin-bottom : 2px;
}
/*text content for feed*/
.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  font-family:  Arial, sans-serif;
  font-size: 11px;
  color: #333333;
  line-height: 140%;
  margin-top : 3px;
  text-overflow : wrap;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : wrap;
  overflow : hidden;
  text-align : center;
  font-family:  Arial, sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-family: Arial, sans-serif;
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : wrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : wrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #a1bcd2;
  margin-right : 3px;
  float : top, center;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : wrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('../images/arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('../images/arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

/*.clearFloat {
  clear : both;
}*/
.imagealignleft {
	float: left;
    margin-left: -13px;
	margin-right: 10px;
	padding-left: -12px;
	padding-right: 10px;
	width: 59px;
}
.processleft {
	float: left;
	margin: 20px 10px 0 10px;
	width: 183px;
}
.quote {
	float: right;
	margin: -10px 10px 0 10px;
}
.twitter {
	width: 180px;
	height: 340px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #565656;
	float: right;
	margin: 0 0 10px 0;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #565656;
	border-bottom-color: #565656;
}
.slideshowweb {
	width: 175px;
	height: 450px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #565656;
	float: right;
	margin: 20px 0 0 10px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #565656;
	border-bottom-color: #565656;
}
.slideshowgraphics {
	width: 175px;
	height: 470px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #565656;
	float: right;
	margin: 20px 0 0 10px;
	background-color: white;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #565656;
	border-bottom-color: #565656;
}
.cmyk {
	width: 300px;
	height: 300px;
	float: left;
	margin: 0 20px 0 10px;
}
.process {
	width: 200px;
	float: left;
	margin: 10px;
}


/* Bubble with a border rather than solid colour
------------------------------------------ */

.triangle-border {
	position:relative;
	padding:5px;
	margin:1em 0 1em;
	border:5px solid #F18820;
	color:#333;
	background:#fff;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	width: 175px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #333333;
	letter-spacing: 1px;
	line-height: 1.5em;
}

/* creates the larger triangle */
.triangle-border:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:20px solid transparent;
	border-top-color:#F18820;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-26px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	width:0;
	height:0;
	border:13px solid transparent;
	border-top-color:#fff;
}
.navbuttons a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #565656;
text-align: center;
text-decoration: none;
background-color: #A2AAB5;
display: block;
padding: 2px 2px 2px 2px;
width: 180px;
border-left: 5px solid #565656;
border-top: 5px solid #565656;
border-bottom: 5px solid #565656;
float: right;
} 
.navbuttons a:hover, p.navbuttons a:active {
background-color: #333333;
color: #FFFFFF;
background-repeat: no-repeat;
}
.border {
	border-left: 1px solid #cccccc;
}