/*
green		#339900
cream		#ffcc99
yellow		#ffcc00
dark grey	#333333
grey		#666666
*/

body		{width:100%; height:100%;
		 margin:0px; padding:0px;
		 text-align:center;
		 background-color:#ffcc99;
		 overflow-y:scroll;}

body, tr, td, input, textarea, select, option
		{font:normal 13px arial,helvetica,sans-serif;
		 text-decoration:none; color:#333333;}

input, textarea, select, option
		{color:#ffcc99; background-color:#339900; font-weight:bold; border:1px solid #333333;}

/* div centred horizontally, 10px from top */
#container	{width:900px;
		 margin:10px auto; padding:0px;}

  #header	{width:900px; height:120px;
		 margin:0px; padding:0px;
		 text-align:left;
		 /* background-color:#339900; */
		 background-image:url('../graphics/header2.gif');
		 background-repeat:no-repeat;
		 border:1px solid #333333;}
    #header div	{height:120px; margin:0px; padding:0px;
		 float:left;}
    #header img	{border:none;}

  #menu		{width:900px; height:29px;
		 margin:0px; padding:0px;
		 text-align:center;}

  #contentbox	{width:900px; min-height:350px;
		 margin:0px; padding:0px;
		 font-size:13px; text-align:left;
		 z-index:1;}
    #contentbox a		{border:0px;}
    #contentbox a:link		{color:#339900; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:visited	{color:#339900; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:hover		{color:#ffcc00; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:active 	{color:#ffcc00; text-decoration:none; font-weight:bold; border:none;}

    .range	{width:150px; display:block; float:left;}
    .rate	{width:200px; display:block; float:left;}
    .clear	{width:0px; display:block; clear:left;}

  #footer	{width:900px; height:35px;
		 margin:0px 0px; padding:0px;
		 background-color:#339900;
		 font-size:13px; font-weight:bold; line-height:35px; text-align:left;
		 clear:both;
		 background-image:url('../graphics/footer2.gif');
		 background-repeat:no-repeat;
		 border:1px solid #000000;}
    #footer div	{height:35px; margin:0px; padding:0px;
		 float:left;}
    #footer img	{border:none;}
    #footer a:link	{color:#339900; text-decoration:none; font-weight:bold; border:none;}
    #footer a:visited	{color:#339900; text-decoration:none; font-weight:bold; border:none;}
    #footer a:hover	{color:#ffcc00; text-decoration:none; font-weight:bold; border:none;}
    #footer a:active 	{color:#ffcc00; text-decoration:none; font-weight:bold; border:none;}




/* Navigation */
#navcontainer	{width:900px; height:24px;
		 margin:5px auto 15px auto; padding:0px;}
/* width = n(147 + 2) + 1	(n = no. of menu buttons) */

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

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

#navcontainer ul li a
		{margin:0px; padding:0px 3px;
		 color:#000000; background-color:#339900;
		 font-size:16px; line-height:22px;
		 text-decoration:none;
		 border-color:#000000; border-style:solid; border-width: 2px 1px 2px 1px;
		 display: block;
		 text-align: center;}

#navcontainer ul li a:hover
		{background-color:#ffcc00; color:#000000;}

.clearall	{clear:both; height:0; line-height:0.0; font-size:0;}

   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:white; background:#666666;}













h1		{font-size:16px; font-weight:bold; margin:5px 30px; color:#339900;}
h2		{font-size:14px; font-weight:bold; margin:10px 10px 5px 10px; color:#339900;}
h3		{font-size:13px; font-weight:bold; margin:10px 10px 0px 10px; color:#339900;}

p		{margin:5px 10px 15px 10px;}

a		{border:0px;}
img		{display:block; border:1px solid black;}


/* Contact form */
.form		{width:400px; height:300px;
		 margin:15px 10px; padding:10px;
		 border:1px solid #333333;}
 .form div	{width:380px; height:25px;
		 margin:5px; padding:0px;}
 .label		{width:140px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field		{width:220px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field input	{width:214px; height:20px;
		 margin:0px; padding:2px;
		 border:1px solid #333333;
		 color:#ffcc99; background-color:#339900;
		 font-weight:bold; text-align:left;}
 .check		{width:220px;
		 margin:0px; padding:0px;
		 text-align:right;
		 float:left; display:block;}
 .check input	{width:15px; height:15px;
		 margin:0px; padding:0px;
		 background-color:#339900; border:none;}
 .field textarea{width:214px; height:100px;
		 margin:0px; padding:2px;
		 border:1px solid #333333;
		 color:#ffcc99; background-color:#339900;
		 font-weight:bold; text-align:left; font-size:12px; font-family:Verdana, sans-serif;}
 .asterisk	{width:20px; height:22px;
		 margin:0px; padding:0px;
		 color:#ffcc00;; font-size:10px; font-weight:bold; text-align:right;
		 float:left; display:block;}
 .error		{}

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

.directions	{width:400px; height:300px;
		 margin:15px 10px; padding:0px;
		 border:1px solid #cc9933;}