/*YUI CROSS BROWSER*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*END YUI CROSS BROWSER */

a:link {
  color:#000000;
  text-decoration:none;
}
a:hover {
  color:#3f8f1d;
}
/*CENTERED DIV*/
div.centerDiv {
  position: static;
  text-align: center;
}

div.centerDivChild {
  position: static;
  margin-left: auto;
  margin-right: auto;
}
/*END CENTERED DIV*/

/*CONVERT STATIC TO ABSOLUTE*/
div.relToAbs {
  position: relative;
}

div.relToAbsChild {
  position: absolute;
}
/*END CONVERT STATIC TO ABSOLUTE */

/*COLUMN VIEW*/
div.columnDiv {
  position: static;
}

div.columnDivChild{
  float: left;
}

div.columnDiv > div.columnDivFill {
  float:none;
  clear:both;
}
/*END COLUMN VIEW*/

/*ABSOLUTE COLUMN LAYOUT*/
div.absColumnDiv {
  position:absolute;
  margin-left:0;
  margin-right:0;
  height:inherit;
  width:inherit;
}

div.absColumnDiv > div {
  position:absolute;
}

div.absColumnDiv > div#columnOne {
  min-width:100px;
  top:0px;
  left:0px; 
  width:200px;
  height:inherit;
}

div.absColumnDiv > div#columnTwo {
  min-width:100px;
  top:0px;
  left:220px; 
  width:200px;
  height:inherit;
}

div.absColumnDiv > div#columnThree {
  min-width:100px;
  top:0px;
  left:440px; 
  width:200px;
  height: inherit;
}
/*END ABSOLUTE COLUMN LAYOUT*/

/*STATIC SCALED TO VIEW*/
/*END STATIC SCALED TO VIEW*/

/*ABSOLUTE SCALED TO VIEW*/
div.absView {
  position:absolute;
  width:100%;
  height:100%;
}
/*END ABSOLUTE SCALED TO VIEW*/

/*APP START*/
body {
  font: 11px arial, light, black;
  background-color:black;
}

#topLevel {
  background-color:black;
  /*green: hex# 3f8f1d (captions - see snapshot for print)*/
  /*mauve: hex# 615457 (footer copyright)*/
}

.container {
  width:1024px;
  height:652px;
}
.containerOne {
  width:1024px;
  height:93px;
}
.containerTwo {
  width:100%;
  height:652px;
  background-color:#FFFFFF;
}
.containerThree {
  width:100%;
  height:22px;
  background-color:#000000;
}
#header {
  height:93px; 
}

#headerHomeWrapper {
  left:60px;
  bottom:0px;
  width:50px;
  height:50px;
}

#headerItemWrapper {
  right:28px;
  bottom:0px;
  width:300px;
  height:50px;
}

#backgroundMain {
  /*background-image:url("../images/bg_main.jpg"); */
  background-color:white;
  width:100%; 
  height:100%;
}

#backgroundLanding {
  background-image:url("../images/bg_landing.jpg"); 
  width:100%; 
  height:100%;
}

.item {
  float:left;
  width:50px;
  height:50px;
}

.itemText {
  color:white;
}

.itemImage {
  height:29px;
  width:29px;
}

.itemNav {
  float:left;
  width:50px;
  height:25px;
}
.itemNavImage {
  height:17px;
  width:17px;
}
.modImage {
  cursor:pointer;
  background-image:url('../images/tabs/modified_sprite_ag.jpg')
}

/*HEADER ITEM SPECIFIC*/
.itemHomeImage {
  background-position: 0px 0px;
}
.itemHomeImage:hover {
  background-position: 0px 0px;
}
.itemHomeImageActive {
  background-position: 0px 0px;
}
.itemAboutImage {
  background-position: -29px 0px;
}
.itemAboutImage:hover {
  background-position: -29px -29px;
}
.itemAboutImageActive {
  background-position: -29px -58px;
}
.itemPrintImage {
  background-position: -58px 0px;
}
.itemPrintImage:hover {
  background-position: -58px -29px;
}
.itemPrintImageActive {
  background-position: -58px -58px;
}
.itemWebImage {
  background-position: -87px 0px;
}
.itemWebImage:hover {
  background-position: -87px -29px;
}
.itemWebImageActive {
  background-position: -87px -58px;
}
.itemOtherImage {
  background-position: -116px 0px;
}
.itemOtherImage:hover {
  background-position: -116px -29px;
}
.itemOtherImageActive {
  background-position: -116px -58px;
}
.itemBlogImage {
  background-position: -145px 0px;
}
.itemBlogImage:hover {
  background-position: -145px -29px;
}
.itemBlogImageActive {
  background-position: -145px -58px;
}
.itemConnectImage {
  background-position: -174px 0px;
}
.itemConnectImage:hover {
  background-position: -174px -29px;
}
.itemConnectImageActive {
  background-position: -174px -58px;
}
.imagePrint1 {
  background-position: 0px -90px;
}
.imagePrint1:hover {
  background-position: 0px -107px;
}
.imagePrint1Active {
  background-position: 0px -124px;
}
.imagePrint2 {
  background-position: -17px -90px;
}
.imagePrint2:hover {
  background-position: -17px -107px;
}
.imagePrint2Active {
  background-position: -17px -124px;
}
.imagePrint3 {
  background-position: -34px -90px;
}
.imagePrint3:hover {
  background-position: -34px -107px;
}
.imagePrint3Active {
  background-position: -34px -124px;
}
.imagePrint4 {
  background-position: -51px -90px;
}
.imagePrint4:hover {
  background-position: -51px -107px;
}
.imagePrint4Active {
  background-position: -51px -124px;
}
.imagePrint5 {
  background-position: -68px -90px;
}
.imagePrint5:hover {
  background-position: -68px -107px;
}
.imagePrint5Active {
  background-position: -68px -124px;
}
.imageWeb1 {
  background-position: 0px -141px;
}
.imageWeb1:hover {
  background-position: 0px -158px;
}
.imageWeb1Active {
  background-position: 0px -175px;
}
.imageWeb2 {
  background-position: -34px -141px;
}
.imageWeb2:hover {
  background-position: -34px -158px;
}
.imageWeb2Active {
  background-position: -34px -175px;
}
.imageWeb3 {
  background-position: -51px -141px;
}
.imageWeb3:hover {
  background-position: -51px -158px;
}
.imageWeb3Active {
  background-position: -17px -175px;
}
.imageWeb4 {
  background-position: -17px -141px;
}
.imageWeb4:hover {
  background-position: -17px -158px;
}
.imageWeb4Active {  
  background-position: -51px -175px;
}
.imageOther1 {
  background-position: 0px -192px;
}
.imageOther1:hover {
  background-position: 0px -209px;
}
.imageOther1Active {
  background-position: 0px -226px;
}
.imageOther2 {
  background-position: -17px -192px;
}
.imageOther2:hover {
  background-position: -17px -209px;
}
.imageOther2Active {
  background-position: -17px -226px;
}
.imageOther3 {
  background-position: -34px -192px;
}
.imageOther3:hover {
  background-position: -34px -209px;
}
.imageOther3Active {
  background-position: -34px -226px;
}
.imageOther4 {
  background-position: -51px -192px;
}
.imageOther4:hover {
  background-position: -51px -209px;
}
.imageOther4Active {
  background-position: -51px -124px;/*-51px -226px;*/
}
/*END HEADER ITEM SPECIFIC*/

div.body {
  height:652px;
  z-index: 2;
  position: relative;
}

div.bodyNavigation {
  position:absolute;
  top:125px;
  left:60px;
  width:50px;
  height:300px;
}

div.contentHeader {
  position:absolute;
  top:75px;
  left:118px;
  height:20px;
  width:824px;
  text-align:left;
}

div.bodyContent {
  position:absolute;
  top: 125px;
  left: 118px;
  height: 452px;
  width: 824px;
}

div.bodyContentLanding {
  position:absolute;
  width:414px;
  text-align:left;
}

div.bodyContentOne {
  position:absolute;
  width:300px;
  text-align:left;
  top:-3px;
}

div.bodyContentTwo {
  position:absolute;
  width:500px;
  left: 370px;
  text-align:left;
}

div.bodyContentTwoAbout {
  position:absolute;
  width:200px;
  top:-3px;
  left: 370px;
  text-align:left;
}

div.bodyContentThreeAbout {
  position:absolute;
  width:250px;
  left: 570px;
  text-align:left;
}

div.bodyBack {
  height:652px;
  z-index: 1;
}

span.greenText {
  color:#3f8f1d;
}

#footer {
  height:22px;
}

div.doorOpened {
  display:block;
}

div.doorClosed {
  display:none;
}