/* CSS Document */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#c4ddf3; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }
  
 p.header 	{
  color:white;
  font-size: 1.5em; 
  font-weight:bold;
  text-decoration:none;
  border:0px;
 } 

/* for internet explorer */
* html body {
  padding:120px 0 50px 0; 
  }

#container {
  font-family:verdana, arial, sans-serif;
  font-size: 1.2em;
  position:fixed; 
  top:100px;
  left:0;
  bottom:100px; 
  right:0; 
  overflow:auto; 
  background:#c4ddf3;
  padding:0px 15px 0px 15px;
  text-align:center;
  z-index:1;
  clear:both;
  }
  
#container img.illus {
	float: left;
	margin: 1em;
}

#table	{
	border-bottom:solid 2px white;
	padding:5px 0px;
	margin:0px;
	} 

.months	{
	font-size:.75em;
	padding:0;
	margin:0;
	}
  
/*---------------------------------------------chunky borders*/
 
#chunkycontents {width:auto; height:100%; margin:10x; padding:0px 15px 0px 15px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 20px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#fff;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; 
border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:25px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; 
border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#6294ca; border-width:0 5px;}

.xb5 {margin:0 2px; background:#6294ca; border-width:0 4px;}
.xb6 {margin:0 2px; background:#6294ca; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#6294ca; border-width:0 3px; height:2px;} 

.xboxcontent {height:100%; display:block; background:#6294ca; border:3px solid #fff; border-width:0 3px;}

/*-----------------------------------------------chunky borders end*/

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100px; 
  overflow:hidden; 
  background: url(images/banner_small.jpg) repeat-x fixed top left;
  z-index:0;
  }
* html #header {height:120px;}

#title	{
	float:right;
	margin-bottom:0;
	padding-top:0;
	margin-top:30px;
	margin-left:-400px;
	padding-bottom:0;
	clear:both;
	height:50px;
	width:369px;
	z-index:10;
	top:0;
	text-decoration:none;
    border:0px;
}

#worm	{
	position: fixed;
	bottom: 0%;
	left: 5%;
	clear:both;
	height:100;
	width:375;
	z-index:11;
}

#aviron7	{
	position: fixed;
	bottom: 1%;
	right: 3%;
	font-style:italic;
	font-size:90%;
}

#footer {
	position:absolute;
	padding:0;
	margin:0;
	bottom:0;
	left:-3px;
	width:100%;
	height:100px;
	overflow:auto;
	background:url(images/footer.jpg) repeat-x fixed bottom left;
	z-index:3;
	clear:both;
	visibility: visible;





















	

  }
* html #footer {height:100px;}

/* end of bit that does the work */

h1 {font-size:4em; margin:0; padding:0;}

#header img {margin:10px 10px 0 10px;}

#container img {margin:10px;}

.news	{margin:5px;}

#absolute {
  position:absolute; 
  top:400px; 
  right:100px; 
  width:200px; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000;
  }

#matrix	{
	font-size: 90%;
}

#left {
  float:left; 
  background:#eee; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  width:50%;
  }

#right {
  float:right; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  }

a.cloudmenu, a.cloudmenu:visited {
  font-size:1.3em;
  text-decoration:none;
  color:#000;
  line-height:1.2em;
  }

a.cloudmenu:hover {
  color:#999; 
  text-decoration:none;
  }
  
a, a:visited {
  font-size:1.1em;
  text-decoration:none;
  border:0px;
  color:#ddd;
  }

a:hover {
  color:#fff; 
  text-decoration:none;
  border:0px;
  }  

a.header, a.header:visited 	{
  color:white;
  font-size: 1.5em; 
  font-weight:bold;
  text-decoration:none;
  border:0px;
  }  
  
a.header:hover	{
  border-bottom:2px dashed white;
  }

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	font-family: verdana, sans-serif;
	width:75px;
	height:42px;
	float:left;
	margin:0;
	font-size:10px;
	margin:20px 0 60px 0;
	position:relative;
	z-index:100;
	border:0px;
	left: 34px;
	top: 13px;

}

.menu ul {padding:0; margin:0; list-style-type:none;}

.menu ul li {float:left; width:130px;}

.menu ul li a, .menu ul li a:visited {display:block; width:101px; text-decoration:none; 
padding:0 0 0 5px; height:30px; line-height:25px; color:#000; 
}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0;}


.menu ul li:hover a,
.menu ul li a:hover {border-bottom: 2px dashed gray;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:700px; border-bottom: 0px dashed gray; }

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {border-bottom: 0px dashed gray; }

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; border-bottom: 0px dashed gray;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {background:transparent; display:block; border-bottom: 0px dashed gray; }

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {border-bottom: 2px dashed gray; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000;border-bottom: 0px dashed gray;}

.menu ul li:hover ul.right li {float:right;border-bottom: 0px dashed gray;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:transparent; color:#000; border-bottom: 0px dashed gray; height:95px;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {border-bottom: 2px dashed gray;}

/*----------------------------------------------MENU END*/
#header ul {
  clear:both; 
  text-align:center; 
  }

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#header ul li {
  display:inline; 
  color:#73a2bd;
  }



.strike {text-decoration:line-through;}
.lft {float:left;}
.rgt{float:right;}

.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}
.columnthree {text-align:justify; border:1px solid #fff;}
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}
.guestbooklink {
	text-decoration: blink;
}