/*
-----------------------------------------------
Metal Oxide Technologies
Version:  a1.01 2007
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	line-height:1.55em;
	text-align:left;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	
  }
#container {
  width:750px;
  height:100%;
  margin:0 auto;
  border:solid #fffFFF;
  border-width:1px 5px;
  text-align:left;
  color:#777;

  }
  
 


/* MISC: =Links
----------------------------------------------- */
a, .subnav a:visited {
	color:#358;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #469;
  }
a:visited {
  color:#677;
  border-color:#899;
  }
a:hover, .subnav a:hover {
  color:#933;
  border-color:#68a;
  border-bottom-style:dotted;
  }
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover, a.thumb, a.icon, a.img:link, a.img:visited, a.img:hover {
  border-width:0;
  }

.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  }
#subcol .more a, #subcol a.more {
  white-space:normal;
  }

.more a:hover:after, a.more:hover:after, .previous a:hover:before, a.previous:hover:before {
  color:#933;
  }


h1 a, #section a {
  border-width:0;
  }


/* =Header
----------------------------------------------- */
#header {
	background-color:#fff;
	float:left;
	width:750px;
	height:80px;
	margin-top:3em;


  }

#header a {
  background:none;
  padding:0;
  border:none;
  }
  
#header_sub {
  padding-top:200;
  }
    
#logo {
  background:none;
  background-color:transparent;
  float:left;
  display:block;
  width:175px;
  height:35px;
  margin:25px 0 0;
  padding:0;
  text-indent:-10000px;
  border-width:0;
  text-decoration:none;
  }


/* =Nav
----------------------------------------------- */
#nav {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	border-top-width: medium;
	border-right-width: 1px;
	border-bottom-width: thin;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: right;
	height: 30px;
	width: auto;
  }
.home #nav {
  background-position:0 -70px;
  }
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#nav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
	color: #FF0000;
  }
#nav a, #nav strong {
	display:block;
	padding:5px 10px 6px;
	border:solid #ddd;
	border-width:0 1px 0 0;
	color:#68a;
	text-decoration:none;
	white-space:nowrap;
	padding-right: 20px;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav #current strong{
	background-color: #FFF;
  }
  

#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#000;
  }
#nav a:hover {
	background-repeat:no-repeat;
	background-color: #999999;
  }
#orange a:hover, #nav #current_orange a {
	background-image:;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-bottom-color: #FFCC33;
	border-bottom-width: thick;
	}
#green a:hover,  #nav #current_green a  {
	background-image:;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-bottom-color: #339933;
	border-bottom-width: thick;
  }
#blue a:hover,   #nav #current_blue a  {
	background-repeat:no-repeat;
	background-image:;
		background-color: #FFFFFF;
	border-bottom-color: #3366CC;
	border-bottom-width: thick;
  }
#yellow a:hover,   #nav #current_yellow a  {
	background-repeat:no-repeat;
	background-image:;
		background-color: #FFFFFF;
	border-bottom-color: #FFFF00;
	border-bottom-width: thick;
  }
#red a:hover,  #nav #current_red a  {
	background-repeat:repeat;
	border-bottom-color: #CC3300;
		background-color: #FFFFFF;
	border-bottom-width: thick;
  }
  #grey a:hover,  #nav #current_grey a  {
	background-repeat:repeat;
	border-bottom-color: #999;
		background-color: #FFFFFF;
	border-bottom-width: thick;
  }


#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }

/* =Structure
----------------------------------------------- */
#content, #c2, #c3 {
  float:left;
  width:750px;
  }

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content, * html #c2, * html #c3 {
	margin-right:-3px;
	background-color: #FFF;
	height: 100%;
    }
#c2 {
	padding-bottom:20px;
  }
#maincol {
  float:left;
  width:450px;
  }
#maincol2 {
  float:left;
  width:300px;
  }
#subcol {
  float:right;
  width:244px;
  color:#777;
  }
#xcol {
  display:none;
  color:#666;
  }
#mc1,   #mc1a,#mc2,#sc2, #xc2 {
	padding:10px 10px;
	border-spacing: 2;
  }


  }
#maincol, #subcol, #xcol {
	margin-top:25px;

  }
  
  #maincol {
	margin-top:25px;
	background-repeat: no-repeat;
	background-position: top left;
  }
#subcol, #xcol {
	font-size:85%;
	line-height:1.6em;
	height: 100%;
	padding-right: 20px;
  }
#mc1a {
	padding-right:0;
  }
#mc1 {
	padding-right:0;
	border-left-style:solid;
	border-left-width: solid;
  }
  #mc2 {
	padding-right:0;
	background-color: #FFF;
	border-right-style: none;
	border-right-width: thin;
	border-right-color: 999999;
  }
#mc3 {
	border-bottom-style: solid;
	border-bottom-width: thin;
	margin-bottom: 10px;
	}
	
#subpage_col1 {
  float:left;
  width:100px;
  	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	height:100%;
	  padding-bottom:100%;
  }
#subpage_col2
{
	float:left;
	width:500px;
	margin-left: 15px;

  }
#subpage_col1
{
	float:left;
	width:200px;
	height: auto;
  }



/* MISC: =Headings
----------------------------------------------- */
h1, #section {
	background:transparent;
	margin:0;
	padding:20px 20px 8px;
	font:225%/1.4em Georgia,Serif;
	color:#776;
	text-decoration: none;
	text-shadow: drop;
	text-align:center;
  }

h1 #parentlink, #section  #parentlink {
  background:no-repeat 100% 50%;
  float:left;
  width:210px;
  margin-right:35px;
  font-weight:normal;
  color:#776;
  }
h1 #childlink {
  font-style:normal;
  }
h2, h2 a, h2 a:visited {
  color:#685;
  border-width:0;
  }
h2, #c-smx #maincol h2, #c-xms #maincol h2 {
  margin:1.25em 0 .15em;
  font:175% Georgia,Serif;
  line-height:1.6em;
  }
h2 a:hover {
  color:#974;
  text-decoration:none;
  }


h3 {
	margin:1em 0 .25em;
	font-family: Georgia, Serif;
	font-size: 130%;
	line-height: 1.6em;
	color: #685;
  }
h3 a {
  border-width:0;
  }
h4 {
	line-height:2.5em;
	font:100% Georgia,Serif;
	color:#575;
	margin-left: 25px;
  }





/* MISC: =Lists
----------------------------------------------- */
ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }
ul li {
  margin:0 0 2px;
  padding:0 0 0 15px;
  }

#maincol li em {
  font-style:normal;
  font-weight:normal;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  }



/* =Misc
----------------------------------------------- */
p {
	margin:0 0 .75em;
	margin-right: 15px;
  }
p.sub, p.end, p.more {
  color:#777;
  }
#maincol .sub,
  #c-sm #maincol p.note, #c-ms #maincol p.note, #c-m #maincol p.note,
  #c-sm #maincol p.more, #c-ms #maincol p.more, #c-m #maincol p.more {
  font-size:85%;
  line-height:1.6em;
  }
#c-smx .sub {
  font-size:100%;
  line-height:1.6em;
  }
#c-smx #xcol .sub {
  color:#666;
  }

blockquote {
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
  }


hr {
  display:none;
  }

.left em, .right em {
  margin-top:.15em;
  display:block;
  font-size:85%;
  font-style:normal;
  color:#777;
  }

img.block {
  display:block;
  margin:.5em 0;
  }



/* =Company Nav
----------------------------------------------- */
#cnav {
	background-color:#fff;
	background-repeat:repeat-x;
	width:179px;
	padding:0;
	height:27px;
	position:inherit;
	top:27px;
	left: 621px;
	z-index: 1;

  }
#cnav ul {
  margin:0;
  float:left;
  padding:1em 12px 0;
  list-style:none;
  }
#cnav li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  }
#cnav a, #cnav strong {
  float:left;
  display:block;
  color:#888;
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  text-transform:lowercase;
  }
#cnav a strong {
  font-size:100%;
  margin-top:0;
  padding:0;
  }
#cnav strong {
  color:#333;
  }
#cnav a:hover {
  color:#333;
  }




/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  }
#footer p {
  background-color:#fff;
  background-repeat:repeat-x;
  background-position:0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }