/*
white		#ffffff
black		#000000
grey		#cccccc
dark blue	#000099
bright blue	#6666ff
*/

body		{width:100%; height:100%;
		 margin:0px; padding:0px;
		 color:#000000; background-color:#ffffff;
		 font:normal 13px Verdana, Helvetica, Arial, sans-serif ;
		 text-align:center; text-decoration:none; overflow-y:scroll;}

/*
input, textarea, select, option
		{color:#000000; background-color:#ff0000;
		 font:normal 13px verdana,sans-serif;
		 text-decoration:none; border:1px solid #9999ff;}
*/

h1		{font-size:20px; font-weight:normal; margin:20px;		color:#000000;}
h2		{font-size:16px; font-weight:bold; margin:20px 20px 10px 20px;		color:#000000; clear:both;}
h3		{font-size:13px; font-weight:bold; margin:10px 20px 0px 20px;	color:#000099;}

p, table	{margin:5px 20px 15px 20px;}
th, td		{text-align:center;}
li		{margin:2px 20px;}


a		{border:0px;}

/* div centred horizontally, 10px from top */
#container	{width:1000px;
		 margin:10px auto; padding:0px;
		 border:#018000 1px solid;}

  #header	{width:1000px; height:200px;
		 margin:0px; padding:0px;
		 color:#ffffff; font-size:16px; text-align:right;
		 background:#018000 url('../graphics/millercarbonlogo.gif') no-repeat 50px 0px;}
    #header a		{border:0px;}
    #header a:link	{color:#fdff80; text-decoration:none; font-weight:normal; border:none;}
    #header a:visited	{color:#fdff80; text-decoration:none; font-weight:normal; border:none;}
    #header a:hover	{color:#fdff80; text-decoration:underline; font-weight:normal; border:none;}
    #header a:active 	{color:#fdff80; text-decoration:underline; font-weight:normal; border:none;}

  #menu		{width:1000px; height:26px;
		 margin:0px; padding:0px;
		 /* border-bottom:#018000 3px solid; */
		 text-align:center;}

  #contentbox	{width:1000px; min-height:350px;
		 margin:0px; padding:10px 0px;
		 font-size:14px; text-align:left;
		 z-index:1;}
    #contentbox a		{border:0px;}
    #contentbox a:link		{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:visited	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:hover		{color:#018000; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:active 	{color:#018000; text-decoration:none; font-weight:bold; border:none;}

  #footer	{width:1000px; height:35px;
		 margin:0px 0px; padding:0px;
		 color:#000000; background-color:#ffffff;
		 font-size:13px; font-weight:bold; line-height:35px; text-align:left;
		 border-top:#018000 1px solid;
		 clear:both; overflow:hidden;}
    #footer div	{height:35px; margin:0px 10px; padding:0px;
		 float:left;}
    #footer a:link	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #footer a:visited	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #footer a:hover	{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}
    #footer a:active 	{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}


/* Navigation */
#navcontainer	{width:1000px; height:26px;
		 margin:0px auto; padding:0px;
		 font-size:16px; font-weight:bold; line-height:26px;
		 color:#cccccc; text-align:center;}

#navcontainer ul
		{list-style-type:none;
		 margin:0px; padding:0px;}

#navcontainer ul li
		{width:200px; height:22px;
		 margin:0px; padding:0px;
		 float:left;}

#navcontainer ul li a
		{margin:0px; padding:0px 3px;
		 color:#000000; background-color:#ffffff;
		 font-size:16px; font-weight:bold;
		 line-height:26px; text-decoration:none;
		 border-left:#ffffff 1px solid; border-right:#ffffff 1px solid; border-bottom:#ffffff 1px solid;
		 display:block;}

#navcontainer ul li a:hover
		{color:#018000; background-color:#ffffff;
		 border-left:#018000 1px solid; border-right:#018000 1px solid; border-bottom:#018000 1px solid;}

.clearall	{width:0px; height:0px; clear:both;}

   body#p1 #navcontainer li#m1 a,
   body#p2 #navcontainer li#m2 a,
   body#p3 #navcontainer li#m3 a,
   body#p4 #navcontainer li#m4 a,
   body#p5 #navcontainer li#m5 a,
   body#p6 #navcontainer li#m6 a,
   body#p7 #navcontainer li#m7 a,
   body#p8 #navcontainer li#m8 a
		{color:#ffffff; background:#018000;
		 border-left:#018000 1px solid; border-right:#018000 1px solid; border-bottom:#018000 1px solid;}



/* Contact form */
.form		{width:320px;
		 margin:15px 10px; padding:5px;
		 border:1px solid #000099;}
 .form div	{width:310px; height:25px;
		 margin:5px; padding:0px;}
 .label		{width:100px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field		{width:200px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field input	{width:194px; height:20px;
		 margin:0px; padding:2px;
		 border:1px solid #000000;
		 color:#ffffff; background-color:#cccccc;
		 font-weight:bold; text-align:left;}
 .field textarea{width:194px; height:100px;
		 margin:0px; padding:2px;
		 border:1px solid #000000;
		 color:#ffffff; background-color:#cccccc;
		 font-weight:bold; text-align:left; font-size:12px; font-family:Verdana, sans-serif;}
 .asterisk	{width:10px; height:22px;
		 margin:0px; padding:0px;
		 color:#ff0000; font-size:10px; font-weight:bold; text-align:right;
		 float:left; display:block;}
 .button	{color:#ffffff; background-color:#000099; border:1px solid #000000;}
 .error		{}

.clearboth	{width:0px; height:0px;
		 margin:0px; padding:0px;
		 clear:both;}


/* rounded boxes */
.roundedbox	{width:1000px; height:300px; margin:10px 0px; padding:0px;
		 background-image:url('../graphics/roundedbox.gif');
		 clear:both;}
  .rbleft	{width:270px; height:270px; margin:15px 15px;
  		 float:left; overflow:hidden;}
  .rbleft img	{margin:10px 2px 0px 0px; float:left;}
  .rbmid	{width:400px; height:270px; margin:15px 0px; padding:0px;
  		 float:left; overflow:hidden;}
  .rbright	{width:270px; height:270px; margin:15px 15px; padding:0px;
  		 float:left; overflow:hidden;}