/* CSS Document */
body {
background: url(/images/new/back1.jpg) repeat-y #cccccc;
width: 900px;
margin: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
}


.captionheader { font-family: Helvetica Narrow; color: #ffffff; font-size: 8pt; text-decoration: none; font-weight: bold; }
.captiontext { font-family: Helvetica Narrow; color: #ffffff; font-size: 7pt; text-decoration: none; }
.caption { font-family: Arial Narrow; color: #ffffff; font-size: 10pt; text-decoration: none; }
.trademark { font-family: Arial Narrow; font-size: 6pt; }
.link { font-family: arial; color: #000000; font-size: 10pt; }

.footer { 
position:absolute;
left:220px;
top: 1153px;
font-family: arial; color: #000000; font-size: 10pt; 
}

div.bottomline {
position:absolute;
width:900px;
height:22px;
left:0px;
top: 1150px;
background: url(/images/new/line3.jpg) repeat-y;
/*background-color: #038176;*/
}

.greytop { 
position:absolute;
height: 20px;
width: 900px;
left:0px;
top: 0px;
background-color: #cccccc;
}
.greybottom { 
position:absolute;
height: 20px;
width: 900px;
left:0px;
top: 1172px;
background-color: #cccccc;
}
.greyleft { position:absolute; height: 1192px; width: 20px; left:0px; top: 0px; background-color: #cccccc; }
.shadowright { position:absolute; height: 1154px; width: 6px; left:900px; top: 25px; background-color: #9f9f9f; }
.shadowbottom7 { position:absolute; height: 7px; width: 880px; left:25px; top: 1172px; background-color: #9f9f9f; }
.shadowbottom6 { line-height:0px; position:absolute; height: 7px; width: 880px; left:25px; top: 1172px; background-color: #9f9f9f; }


#container {
position: relative;
width: 900px;
margin: auto;
}

div.imageholder{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
position: absolute;
width: 500px; /*Width of Image*/
height: 386px; /*Height of Image*/
left: 250px; /* This is applied relative to edge of container */
top: 200px;
}

div.logo {
position:absolute;
width:232px;
height:52px;
left:542px;
top: 50px;
}

div.copyright {
position:absolute;
width:900px;
height:22px;
left:40px;
top: 1120px;
}


div.header{
position:absolute;
width:586px;
height:47px;
left:70px;
top: 130px;
}

div.line {
position:absolute;
width:700px;
height:2px;
left:0px;
top: 175px;
}


div.net {
position:absolute;
width:225px;
height:614px;
left:60px;
/*top: 450px;*/
top: 205px;
}

.style1 {
	color: #CCCCCC;
	font-weight: bold;
}

div.navigation{
	font-family: verdana;
	position:absolute;
	width: 200px;
  height: 550px;
	left : 80px;
	/*top: 250px;*/
  top: 600px;
	z-index: 5; 
	/*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
						 
	line-height:24px;
	font-size: 12pt;
	color:#038176;
	font-weight: bold;
	text-decoration: none;
}

a.navigation:link {
	color: #038176;
	text-decoration: none;
}
a.navigation:visited {
	text-decoration: none;
	color: #038176;
}
a.navigation:hover {
	text-decoration: none;
	color: #00CFBC;
	background: #000000;
}
a.navigation:active {
	text-decoration: none;
	color: #BFFFF9;
}


div.allcells{
position:absolute;
width:550px;
height:500px;
left:281px;
top: 180px;
}