/*
fuchsia       = d8307b
yellow        = def811
darker green  = 006401
darkest green = 004900
mid green     = 028801 used for text
light green   = 1abb15
mustard       = aabb13
*/
html { height:100%; max-height:100%; padding:0; margin:0; border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow:hidden; 
	/* */ 
	}
/***** NB html.fixedrectangle variant has to be declared in the page as cannot declare a class directly for "html" *****/

body { height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;
	background:white; /* body bg */
	}
body.fixedrectangle { overflow:auto; 
	}
	
body img { border:0 }
	
body, td { font-family:Arial, sans-serif; font-weight:bold; font-size:15px; color:#028801;
	}

a { color:#d8307b; text-decoration:none; }
a:hover { text-decoration:underline; }

ul { margin-left:0; }
* html ul { margin-left:20px; }

#content { display:block; overflow:auto; position:absolute;	z-index:3;
	top:109px; /* header + pagemargin + border-top */
	bottom:66px; /* footer + bottomshadow + bottompagemargin */ /* taken off 97 : was 163 */
	width:729px;
	margin-left:-364px; 
	left:50%; 
	background:white;
	border-left:1px solid #aaaaaa;  
	}
#content.fixedrectangle { overflow:hidden; margin-top:15px;
	height:345px;
	}

* html #content { bottom:0; height:100%; width:729px;
	top:25px;  /* pagemargin */
	border-top:96px solid white; 
	border-bottom:91px solid white; /* footer + bottomshadow + toppagemargin + bottompagemargin */ /* taken off 97 : was 188 */
	}
* html #content.fixedrectangle { margin-top:97px;
	border-top:0; border-bottom:0;
	height:331px;
	}
	
#rightshadow { position:absolute; z-index:3;
	top:25px; /* pagemargin */
	bottom:10px; /* bottompagemargin */ 
	width:7px;  /* rightshadow */  
	margin-left:365px;  /* +sitewidth/2 + border-left */
	left:50%; 
	background:url(http://www.plant-theatre.com/graphics/shadowright.gif);
	}
#rightshadow img {
	vertical-align:top;;
	}
#rightshadow.fixedrectangle {
	height:451px; bottom:auto;
	}

* html #rightshadow { height:100%;
	top:25px;  /* toppagemargin */
	bottom:10px;  /* bottompagemargin */ 
	}

#head { position:absolute; left:50%; z-index:5;
	margin-left:-364px; /* -sitewidth/2 */
	top:25px; /* pagemargin */
	width:678px; min-width:678px; /* sitewidth - 2x padding */
	height:48px; /* header + border-top - padding */ 
    border-left:1px solid #aaaaaa; 
	border-top:1px solid #aaaaaa;
	padding:25px;
	}
* html #head { width:729px; min-width:729px; }
			
#foot {
	position:absolute; bottom:0; left:50%; z-index:5;
	margin-left:-364px; 
	width:736px; /* sitewidth + rightshadow */  
	min-width:736px; /* sitewidth + rightshadow */  
	height:56px; /* footer + bottomshadow */                                                 /* taken off 97 : was 153 */
	background:url(http://www.plant-theatre.com/graphics/shadowbottom.gif); background-position:bottom; background-repeat:no-repeat;
	border-bottom:10px solid white; /* bottompagemargin */
	}
#foot.fixedrectangle { top:451px; bottom:auto; 
	height:43px; /* footer + bottomshadow */  
	}

* html #foot { bottom:0; 
	width:736px; /* sitewidth + rightshadow */
	}
* html #foot.fixedrectangle { top:453px;
	}
	
#menuhome { position:absolute; left:50%; z-index:6; 
    border-left:0;padding-left:25px;
	margin-left:-364px; 
	top:322px; line-height:22px;font-size:16px; color:#d8307b;
	}
	
#menuhome a { font-size:16px; color:#028801; text-decoration:none; }
#menuhome a:hover { color:#d8307b; } 


#menu { text-align:center;
	border-left:1px solid #aaaaaa; 
	width:728px;
	font-size:16px; color:#d8307b; 
	}
* html #menu { position:absolute;bottom:33px; }

#menu a { font-size:16px; color:#028801; text-decoration:none; }
#menu a:hover { color:#d8307b; } 

#menu a.modellink:hover { text-decoration:underline; } 

.ourmodelslink a { color:#028801; text-decoration:none; }
.ourmodelslink a:hover { text-decoration:underline; }

#ourmodelsphotolink { width:161px;position:absolute;text-align:center;padding:0 1px 1px 0; }
* html #ourmodelsphotolink { margin-top:12px;	}

#boilerplate { float:right; padding:21px 32px 0 0; font-size:10px; color:#666666; white-space:nowrap; }
* html #boilerplate { padding-top:32px }

#boilerplate a{ color:#666666; text-decoration:none; }
#boilerplate a:hover{ color:#d8307b; text-decoration:underline; }
#boilerplate .selected { color:#d8307b; font-weight:bold; }

.paratitle { color:#d8307b; }

.online-form {
	background-color: #fafff9;
	border: solid 1px #028801;
	padding: 5px;
	margin: 0px;
	width: 327px;
}
.online-title {
    color: #028801;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.online-legend {
	font-size: 10px;
}
.online-input {
	font-size: 10px;
    border: solid 1px solid #028801;
	background-color: #FFFFFF;
	height: 16px;
    width: 315px;
}
.online-textarea {
    font-family:Arial, sans-serif;
    width: 315px;
	font-size: 10px;
    border: solid 1px solid #028801;
	background-color: #FFFFFF;
	height: 30px;
}
* html .online-textarea { height:40px; }

.online-button {
    color: #d8307b;
	font-size: 10px;
	height: 16px;
    width: 60px;
}

.colorname { text-align:center; font-size:12px; }

ul { margin-top:0; margin-bottom:0; }