/*

	|| ====== ===== ===== ===== ===== =====	||
	||	Nats Website			||
	||	http://nat.mesh.net.nz		||
	||					||
	||  This code is free to copy and edit.	||
	||					||
	|| ====== ===== ===== ===== ===== =====	||
*/

/*-----BODY---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


body

  {
  background-color: #ffffff;
  background-image: url('/style/bg31.gif');
  background-repeat: repeat -y
  color: #ffffff;
  }


/*-----DIV---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.header
  {
  width: 99.5%;
  height: 14px;
  padding-left: 5px;
  background-color: #000000;
  position:absolute;
  top:0px;
  left:0px;
  }

div.title
  {
  text-align:center;
  margin-top: 25;
  }

div.title img
  {
  border: 0px solid black;
  }


/*-----MAIN_MENU---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.chromestyle
{
align: center;
width: 80%;
position:absolute;
top: 140;
left: 160;

font-family: Arial, sans-serif;
font-size: 15px;
}

.chromestyle:after
{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul
{
width: 100%;
background: url(/style/title.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li
{
display: inline;
}

.chromestyle ul li a
{
color: #FFFFFF;
padding: 4px 25px;
margin: 0;
text-decoration: none;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
cursor: default;
}

.chromestyle ul :hover
{
background: url(/style/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/*.chromestyle ul li a[rel]:before
{
content: " " url(/style/downarrow.gif);
}
*/


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
line-height:15px;
z-index:100;
background: #eee;
width: 200px;
visibility: hidden;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 12px;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  /* for Mozilla */
  -moz-opacity:0.9;
}

.dropmenudiv a{
width: auto;
padding: 5px 10px;
background: #eee;
display: block;
border-bottom: 1px solid #000000;
text-decoration: none;
color: #FFFFFF;
}

* html .dropmenudiv a{
width: 100%;
}

.dropmenudiv a:hover{
background: url(/style/chromebg-over.gif) center center repeat-x;
}

div.dropmenudiv a
  {
  color: #000000;
  }



/*-----SLASHDOT_MENU---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.sdmenu {
	width: 155px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
}
div.sdmenu div {
	background: url(/style/title.gif) repeat-x;
	overflow: hidden;
}

div.sdmenu div.collapsed span:hover {
	overflow: hidden;
	background: url(/style/chromebg-over.gif) center center repeat-x;
}
div.sdmenu div span:hover {
	overflow: hidden;
	background: url(/style/chromebg-over.gif) center center repeat-x;
}
div.sdmenu div:first-child {
	background: url(/style/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	color: #FFFFFF;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}

div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #000000;
	color: #000000;
	text-decoration: none;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla */
  -moz-opacity:0.8;
}
div.sdmenu div a.current {
	background: #ccc;
}
div.sdmenu div a:hover {
	background: url(/style/chromebg-over.gif) center center repeat-x;
	color: #000000;
	text-decoration: none;
}

/*-----MAIN_CONTENT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------firstbox*/
div.boxt
  {
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
  width: 675px;
  background-color: #ffffff;
  border: 1px solid black;

  }
div.boxtc
  {
  margin: 20px 20px;
  color: #000000;
  }

/*--------------------box*/
div.box
  {
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  width: 675px;
  background-color: #ffffff;
  border: 1px solid black;
  }
div.boxc
  {
  margin: 20px 20px;
  color: #000000;

  }


/*--------------------google adds*/

div.boxadd
  {
  margin-top: 40px;
  margin-right:auto;
  margin-left:auto;
  width: 800px;
  background-color: #ffffff;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
  }
div.boxaddc
  {
  margin: 20px 20px;
  color: #000000;
  text-align: center;
  }



/*-----TEXT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* heading */

h1
  {
  font-size: 24;
  text-align: right;
  color: black;
  font-family: arial
  }

hr {margin: 1em 0;background:#eee;height:1px;color:#eee;border:none;clear:both}

h2
  {
  font-size: 20;
  text-align: left;
  color: black;
  font-family: arial
  }

h3
 {
  font-size: 18;
  text-align: left;
  color: black;
  font-family: arial
  }

h4
  {
  font-size: 14;
  text-align: left;
  color: black;
  font-family: arial
  }

h5
  {
  font-size: 13;
  text-align: left;
  color: black;
  font-family: arial
  }

h6
  {
  font-size: 12;
  text-align: left;
  color: black;
  font-family: arial
  }

/*--------------------body text*/

body
  {
  font-size: 14;
  text-align: left;
  color: black;
  font-family: arial
  }

/*--------------------paragraph*/

p1
  {
  font-size: 16;
  text-align: left;
  color: black;
  font-family: arial
  }

p2
  {
  font-size: 14;
  text-align: left;
  color: black;
  font-family: arial
  }

/*--------------------link*/

l1
  {
  font-size: 14;
  text-align: left;
  font-family: arial
  }

l2
  {
  font-size: 12;
  font-family: arial
  }

l3
  {
  font-size: 10;
  text-align: left;
  font-family: arial
  }

div.footer l2 a
  {
  color: #FFFFFF;
  }

div.header l3 a
  {
  color: #FFFFFF;
  }


/*-----Images---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.aimg
  {
  border: 1px 
  vertical-align: middle;
  cursor: pointer;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla */
  -moz-opacity:0.8;
  }


.fadeimg
  {
  vertical-align: middle;
  cursor: pointer;
  /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
  /* for Mozilla */
  -moz-opacity:0.3;
  }

.fadeimgc
  {
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  text-align: center;
  }



/*-----TABLE---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*-----FOOTER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.footer
  {
  margin-top: 40px;
  width: 100%;
  height: 18px;
  background-color: #000000;
  text-align: center;
  }