/* CSS Document */

* { margin: 0; padding: 0; }

/* Fixed Layout 2 start */

html {
	 height:100%; /* fix height to 100% for IE */
	 max-height:100%; /* fix height for other browsers */
	 border:0; /* remove borders */
	 font-family:verdana, arial, sans-serif; /* set default font */
	 font-size:80%; 
	 background:#b7cabd; 
	 /* hide overflow:hidden from IE5/Mac */
	 /* \*/
	 overflow:hidden; /*get rid of scroll bars in IE */
	 /* */
}

body {
	color: black; 
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	border:0; /* remove borders */
}

#content { 
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow:auto; /* add scroll bars as required */
	padding-left:200px; /* pad left to avoid navigation div if required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:3; /* allocate a suitable z-index */
}

#head {
	background:#b7cabd;
	background-image: url('graphics/head_stripe_bg.jpg');			/* my header */ 
	background-position: 0 1.5em; 
	background-repeat: repeat-x; 									/* end my header */  
	position:fixed; 
	margin:0; 
	top:0; 
	right:18px; 
	display:block; 
	width:100%; 
	height:180px; 
	font-size:4em; 
	z-index:5; 
	color:0;
}

#foot {
	position:fixed; 
	margin:0; 
	bottom:-1px; 
	right:18px; 
	display:block; 
	width:100%; 
	height:50px; 
	background:#b7cabd; 
	color:0; 
	text-align:center; 
	font-size:1em; 
	z-index:4;
}

#left {
	position:fixed; 
	left:0; 
	top:0; 
	height:100%; 
	width:200px;
	background:#7ea089; 
	font-size:1em; 
	color:#fff;
	z-index:4;
}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:180px;}

/* More meaningful names (not yet used */
#padhead {display:block; width:18px; height:100px; float:left;}
#padfoot {display:block; width:18px; height:50px; float:left;}
.padcont {display:block; height:200px;}

#content p {padding:5px;}

/* Fixed Layout 2 end */

/* Button definitions */

#gallery {width:150px; border:0; padding:25px; background:#7ea089; margin:0 auto;}
* html #gallery {width:202px; w\idth:150px;}
#gallery dt {border:1px solid #fff; border-color:#000 #cde #cde #000; text-align:center; background:#698572; padding:5px 0; margin:7px 0; font-weight:bold; color:#fff;}
#gallery dd {padding:0; margin:3px 0; text-align:center; background:#b7cabd;}
#gallery div, #gallery span {border:1px solid #000;}
#gallery .hh {padding:1px 0;}
#gallery span {display:block;}
#gallery .aa {border-color:#b7cabd #698572 #698572 #b7cabd;}
#gallery .bb {border-color:#698572 #93b09c #93b09c #637e6c;}
#gallery .cc {border-color:#5a7362 #a2baaa #a2bbaa #5c7564;}
#gallery .dd {border-color:#5a7362 #a2baaa #a2bbaa #5c7564;}
#gallery .ee {border-color:#6f8d79; padding:0 2px 0 0;}
* html #gallery .ee {padding:0;}
#gallery a, #gallery a:visited {display:block;width:100%; border:1px solid #000; color:#cc0033; text-decoration:none;}
#gallery .ff {border-color:#d1ddd5 #5f6962 #5f6962 #d0ddd4;}
#gallery .gg {border-color:#c9d7cd #7c8980 #7c8980 #c8d6dd;}
#gallery .hh {border-color:#c0d0c5 #9aaa9f #9aaa9f #bfd0c5;}
#gallery a:hover {background:#a2baaa; color:#000;}
#gallery a:hover .ff {display:block;border-color:#5f6962 #d0ddd4 #d1ddd5 #5f6962;}
#gallery a:hover .gg {display:block;border-color:#7c8980 #c8d6dd #c9d7cd #7c8980;}
#gallery a:hover .hh {display:block;border-color:#9aaa9f #bfd0c5 #c0d0c5 #9aaa9f; padding:2px 0 0 0;}
#gallery b {display:block;width:100%; border:1px solid #000; background:#a2baaa; color:#000; font-weight:normal; text-decoration:none;}
#gallery b .ff {display:block;border-color:#5f6962 #d0ddd4 #d1ddd5 #5f6962;}
#gallery b .gg {display:block;border-color:#7c8980 #c8d6dd #c9d7cd #7c8980;}
#gallery b .hh {display:block;border-color:#9aaa9f #bfd0c5 #c0d0c5 #9aaa9f; padding:2px 0 0 0;}

/* Button definitions end */

/* Header elements */
#pen {position:absolute; top:-30px; left:118px}
#lead {position:absolute; top:55px; left:240px; letter-spacing:1px; font-size:12px; font-family:verdana, arial, sans-serif; color:#cc0033}
#text {position:absolute; top:85px; left:250px; z-index:5;}

/* Menu */

.menu {clear:both; margin-bottom:4em; position:absolute; top:137px; left:450px; letter-spacing:1px; font-size:12px; font-family:verdana, arial, sans-serif; color:#000}
.menu dt {display:none;}
.menu .aa {width:8px; height:17px; background:url('graphics/tagL.gif'); background-position:0 171px; float:left; padding:2px 0 2px 0; border-top:1px solid #698572;}
.menu .bb {height:17px; background:url('graphics/tagM.gif'); background-position:0 171px; float:left; padding:2px 0 2px 0; border-top:1px solid #698572; text-align:center;}
.menu .cc {width:8px; height:17px; background:url('graphics/tagR.gif'); background-position:0 171px; float:left; padding:2px 0 2px 0; border-top:1px solid #698572;}

.menu a, .menu a:visited {color:#000; text-decoration:none; font-size:1em; cursor:pointer;}
.menu a:hover {color:#000; background:#fff;}
.menu a:hover span {background-position:left bottom; border-top:1px solid #7ea089;}

/* Menu end */

#homebody {background: #b7cabd; background-image: url('graphics/index_stripe_bg.gif'); background-position: 0 13.75em; background-repeat: repeat-x; color: black; padding:0; border:0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0}
#homepen {position:relative; top:0px; left:90px}
#homelead {position:relative; top:-270px; left:270px; letter-spacing:1px; font-size:12px; font-family:verdana, arial, sans-serif; color:#cc0033}
#hometext {position:relative; top:-240px; left:250px; z-index:5;}

.copy {
  width: 700px; 
  margin: 0 auto 0 auto; 
  text-align: center; 
  letter-spacing: 1px; 
  font-size: 12px; 
  font-family: verdana, arial, sans-serif; 
  color: #000
  }

.foot-holder {
  margin: 15px 0;
  padding: 10px 0;
  }
  
#wordsleft {float:left; top:100px; left:150px; min-height:200px; width:150px; background:#d1ded6; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; min-height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsrelative {position:relative; top:10px; left:30px; background:#d1ded6; border:1px solid #000; margin:5px; padding:5px; width:350px;}
#mainhead {width:500px; border:1px solid #000; padding:20px; background:#a2bbaa; margin-left:20px; margin-right:20px; text-align:center;}
.inhead {font-size:13px; font-weight:bold;}
.smallhead {font-size: 11px; font-weight:bold;}
.smalltext {font-size: 80%;}
.smallmidtext {font-size: 80%; text-align:center;}
.picleft {float:left; top:100px; left:150px; min-height:100px; min-width:100px; background:#7ea089; border:1px solid #000; margin:5px; padding:5px;}
.picright {float:right; top:100px; right:150px; min-height:100px; min-width:100px; background:#7ea089; border:1px solid #000; margin:5px; padding:5px;}
.picmid {text-align:center; vertical-align:middle; width:550px; background:#7ea089; border:1px solid #000; margin:5px; padding:5px;}

.squarelist {position:relative; min-width:100px; width:70%; max-width:90%;}
.squarelist li {margin-left:5em;}
.squarelist ul {list-style-type: square; list-style-position: outside;}

.blanklist {position:relative; min-width:100px; width:70%; max-width:90%;}
.blanklist li {margin-left:5em;}
.blanklist ul {list-style-type: none; list-style-position: outside;}

.nextpara {clear:both;}
.midpara {text-align:center; margin-left:auto; margin-right:auto;}

.textbox {
	width:400px; 
	border:1px solid #000;
	margin-left:200px;
	margin-right:20px; 
	padding:10px;
	background:#b7cabd; 
	color:0; 
	text-align:center; 
	font-size:1em; 
}

.quotebox {
	width:auto;
	float:left;
	clear:right;
	border:1px solid #000;
	margin-left:40px;
	margin-right:40px; 
	padding:10px;
	background:#d1ddd5; 
	color:0; 
	text-align:center; 
	font-size:1em;
	font-style:italic; 
}