/* 
Style Sheet For mme.com.au (Ver 3.0)
ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. pictures
	6. forms
Notes	background-color: #000278; 
*/

/* --------- 1. defaults  --------- */
body {margin: 0; padding: 0; font-family: verdana, helvetica, arial, sans-serif; font-size: 62.5%; background-color: #fff;}	/* clear defaults and set base font size of 10px */ 
		
/*  --------- 2. structure  --------- */
#container {top: 0px; left: 0px; width: 100%;  background: #fff; position: absolute; visibility: visible; z-index: 1;}
#main {top: 1%; left: 10%;  width: 80%; min-width: 1000px; max-width: 1500px; background-color: #fff; position: relative; visibility: visible; z-index: 2;}
#header {height: 10em; width: 100%; margin: 1.0em 0 1.0em 0; padding: 2em 0 1.9em ; background-color: #236426; position: relative; visibility: visible; z-index: 3;}
#navigation {height: 2em; padding: 0.5em 0 0 0;  width: 100%; background-color: #236426; position: relative; visibility: visible; z-index: 5;}
#maintext {float: left;  width: 100%; background-color: #fff; padding: 10px 0; border: 0; position: relative; visibility: visible; z-index: 4;}
#leftcol {float: left;  width:39%; background-color: #fff; position: relative; visibility: visible; z-index: 4;}	   
#centrecol {display: table-cell; width:31%; background-color: #fff; position: relative; visibility: visible; z-index: 4;}
#rightcol {float: right;  width: 59%; background-color: #fff; position: relative; visibility: visible; z-index: 4;}
#gallery{float: right; width:42%; padding: 10px 0px 20px 20px;}
#footer {clear: both; height: 10.0em; width: 100%; margin: 2em 0 0 0; background-color: #236426; position: relative; visibility: visible; z-index: 5;}

#mmciHQ {top: 10px; left: 10px; position: absolute; visibility: visible; z-index: 3; margin: 0px 0px 0px 0px;}
#outsideActs {top: 500px; left: 10px; height: 450px; width: 660px; position: absolute; visibility: visible; z-index: 3; margin: 0px 0px 0px 0px;}
#clubAbout {top: 875px; left: 10px; position: absolute; visibility: visible; z-index: 3; margin: 0px 0px 0px 0px;}
#galleries {top: 875px; left: 240px; position: absolute; visibility: visible; z-index: 3; margin: 0px 0px 0px 0px;}
#links {top: 875px; left: 470px; position: absolute; visibility: visible; z-index: 3;  margin:0px 0px 0px 0px;}
#contact {top: 875px; left: 700px; position: absolute; visibility: visible; z-index: 3;  margin: 0px 0px 0px 0px;}
#wrc {background-color: #eeeeee; height: 90px; left: 260px; position: absolute; top: 10px; visibility: visible; width: 510px; z-index: 4;}
#meccanoSign {top: 10px; left: 160px; height: 160px; width: 600px; position: absolute; visibility: visible; z-index: 3;}
#flyerPic {top: 170px; left: 123px; position: absolute; visibility: visible; z-index: 3; padding-left: 50px;}
#flyerText {background-color: #fff;top: 700px; left: 160px; height: 300px; width: 600px; position: absolute; visibility: visible; z-index: 3;}

/* ---------- 3. links and navigation ---------- */

a, a.link, a.visited, a.hover {text-decoration: none; color: #fff;}
#navigation ul {padding: .2em 0; margin: 0px; list-style-type: none; background-color: #236426; color: #fff; width: 100%; font-family: verdana, helvetica, arial, sans-serif; font-size: 1.2em; text-align: left;}
#navigation li {display: inline; }
#navigation li a {text-decoration: none; background-color: #236426; font-weight: bold; color: #fff; padding: .2em 1em; border-right: 1px solid #fff;}
#navigation li a:hover {background-color: #fff; color: #236426;}   
li {text-decoration: none; }
		
/* ---------- 4. fonts ---------- */
h1, h2, h3, h4, h5, h6  {background-color: #fff; color: #236426; margin: 0; text-align: left; padding: 0; border: 0; font-family: verdana, helvetica, arial, sans-serif; }  
h1 {font-size: 2.0em; margin: 0 1em;}	/* 20px */
h2 {font-size: 1.8em; margin: 0 0 0 2.2em;}	/* 18px*/
h3 {font-size: 1.6em; margin: 2.2em;}	/* 16px */
h4 {font-size: 1.4em; margin: 2.2em;}	/* 14px */
h5 {font-size: 1.2em; margin: 2.2em;}	/* 12px */
h6 {font-size: 1.1em; margin: 2.2em;}	/* 10px */
h1.header {background-color: #236426; color: #fff;  margin: 0 0.25em; font-size: 2.4em; font-weight: bold; padding: 0.25em 0;}
h2.footer {background-color: #236426; color: #fff;  font-weight: bold;}
p {font-size: 1.2em; margin: 0; padding: 0; border: 0; font-family: verdana, helvetica, arial, sans-serif; }  /* 10px */
p.body {background-color: #fff; color: #236426; margin: 0 0 0 2.2em; padding: 0.5em 1.5em 0.5em 1.5em;}
p.footer {background-color: #236426; color: #fff; text-decoration: none; margin: 15px;  text-align: right; font-weight: bold; padding: 2.0em 0.5em 0 0;}
p.table {background-color: #fff; color: #236426; margin: 0 0 0 0.5em; padding: 0 0.5em 0 0.5em;}
p.boldlist {font-weight: bold; font-family: verdana, helvetica, arial, sans-serif; color: #000278; text-align: left; margin-left: 20px; margin-right: 20px; margin-top: 0; margin-bottom: 0; padding:0.12em 0 0.12em;} 

/* ---------- 5. pictures ---------- */

div.pic {background: white; border-color: white; border: 1px solid; float: left; height: 130px; margin: 3px 3px; padding: 7px; width: 130px}
div.pic img {border-color: white; border: 1px solid}
div.ls img {height: 96px; margin: 16px 0px; width: 128px}
div.pt img {height: 128px; margin: 0px 16px; width: 96px}
div.pic ul {display: none}
#clubpix {margin: 5px; padding: 20px}	  

/* ---------- 6. forms ---------- */

#contact-form label {float:left; width: 20%; font-size: 90%; margin-left: 1.2em;}

#contact-form div {clear:left; margin: 0.4em 0 0.6em 0;}

#contact-form fieldset {border: 1px solid #8fa707;}

#contact-form legend {color: #8fa707;}

#contact-form fieldset label {margin-left: 0.4em;}

#contact-form .txt {width: 70%; border: 1px solid #8fa707;}

#contact-form textarea.txt {color: #475400; width: 77%;}

#contact-form .btn { border: 2px solid #8fa707; background-color: #546300; color: #fff; padding: 0.4em;}

#contact-form div.submit {text-align: center;}