body {
               
                margin-left:0px;
		text-align: center;
		margin:0; padding:0;
		font:11pt/1.5 sans-serif;
		
		}

html { 
        margin-left:0px;
        padding: 0px;
		text-align: center;
}

      .bluetext {    color: blue;
                  font-size: large;
                }
      
      .greytext{ color: #c0c0c0;
                   font-size: large;
                }

	.floatright {
				float:right;
				}
		
	#main1 {
		width: 800px;
		margin:0; padding:0;
		background: none;
		}
	#main2 {
		margin:0; padding:0;
		background: none;
		}
	#left {
		height: 282px;
		float:left;
		width:198px;
		margin:0; padding:0;
		background: darkblue;
		font-size:80%;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #666666;
		border-top-color: #666666;
		border-top-width: 1px;
		}
		
	
.bambo {
		height: 300px;
		width:198px;
		float: left;
		margin:0; padding:0;
		background: transparent;
		font-size:80%;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #666666;
		border-top-color: #666666;
		border-top-width: 1px;
		}

	
		
	#right {
		float:right;
		width:200px;
		margin:0; padding:0;
		background:transparent;
		font-size:80%
		}
	#middle {
		margin:0 100px;
		background: blue;
		font-size:80%;
		text-align: center;
		
		}
	.column-in {
		margin:0; padding:0.5em 1em; font:green;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	
	
	
	.copy { text-align:center; font-size:80% }


p {
	color: gray;
	text-align: left;
	 margin-left:10px;
         padding: 0px;
	 font:10pt/1.5 sans-serif;
}

a{color:black; text-decoration: none;}
a:hover{color:gray}
a.link1:link { color: black; text-decoration: none }
a.link1:active { color: black; text-decoration: underline }
a.link1:visited { color: black; text-decoration: none }
a.link1:hover { color: black; text-decoration: underline }



img {
	
	border:none;
}

/* Header */

#header1 {
	
	height: 25px;
	width: 800px;
	padding: 0px 0px 2px 0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	background: #FFFFFF url('../images/greybluegrad.gif') repeat-x;

}
div.figure h1 {
  text-align: center;
  font-style: italic;
  font-size: larger;
  text-indent: 0;
  font-weight: normal;
 color: black;
 text-decoration: none;
 height: auto; 
 width: auto;
 float: none;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px; 
 position: relative; left: 0pt; Top: 0pt 
}

.header3 {
	
	height: 200px;
	width: 800px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left:0px;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:0px;
	
	
}

#header p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:small;
	color: black;
}



/* Logo */

#logo {
	float: left;
	width: 800px;
	margin-left:10px;
	
}
#logo h1 {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	float: none;
	padding: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 3em;
	color: blue;
        background:#FFFFFF;

}





/* Menu */


#wrapper { 
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
width: 800px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding: 0px;
text-align: left;
height: auto; 
}

#container { 
float: left;
color: #333;
clear: both;
width: 800px;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;

border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
border-top-color: #666666;
border-top-width: 1px;
padding: 0px;
margin: 0px; 
margin-left: 10px;
} 



#navigation { 
font-size: 12px;
color: #333333;
height: 25px;
width: auto;
padding: 0px;
margin: 0px; 
} 

#minorNav { 
margin: 0px;
padding: 0px;
list-style-type: none 
}
#minorNav li { 
float: left;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px; 
}
#minorNav li a { 
margin: 0px;
background-attachment: scroll;
background-image: url('../images/tabs_2.png');
background-repeat: no-repeat;
background-position:  
               right 0px;
font-weight: normal;
color: #666666;
text-decoration: none;
height: auto;
width: auto;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px 
}
#minorNav li a:hover { 
text-decoration: none;
color: #CCCCCC; 
}

#minorNav { 
margin: 0px;
padding: 0px;
list-style-type: none 
}
#minorNav li { 
float: left;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px; 
}




#minorNavPic { 
margin: 20px 10px 0px 0px;
padding: 0px;
list-style-type: none 
}

#minorNavPic li { 
float: left;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px; 
}




#minorNavPic li a { 
margin: 0px;
background-attachment: scroll;

background-repeat: no-repeat;
background-position:  
               right 0px;
font-weight: normal;
color: #666666;
text-decoration: none;
height: auto;
width: auto;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px 
}
#minorNavPic li a:hover { 
text-decoration: none;
color: #CCCCCC; 
}



#mainNav { 
margin: 0px;
padding: 0px;
list-style-type: none 
}

#mainNav li { 
float: left;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px; 
}

#mainNav li a { 
margin: 0px;
background-attachment: scroll;
background-image: url('../images/tabs_2.png');
background-repeat: no-repeat;
background-position:  
               right 0px;
font-weight: normal;
color: #666666;
text-decoration: none;
height: auto;
width: auto;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px 
}

#mainNav li a:hover { 
text-decoration: none;
color: #CCCCCC; 
}

#mainNav li a span { 
background-attachment: scroll;
background-image: url('../images/tabs_2.png');
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
padding-top: 6px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 30px;
height: 19px;
width: auto;
float: left;
cursor: pointer;
cursor: hand;
margin: 0px 
}

#mainNav li a.active { 
background-attachment: scroll;
background-image: url('../images/tabs_2.png');
background-repeat: no-repeat;
background-position: right -47px 
}

#mainNav li a.active span { 
background-attachment: scroll;
background-image: url('../images/tabs_2.png');
background-repeat: no-repeat;
background-position: 0px -47px 
}

#mainNav li a.active:hover { 
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
cursor: hand; 
} 

#menu1 {
	
	margin-left:5px;
	margin-top:0px;
	margin-bottom:2px;
	margin-right:0px;
	background: darkblue;
        width: 800px;
	height: 18px;
}



h1, h2, h3, h4, h5, h6 {
	color: blue;
	margin-left:0px;
    padding: 0px;
    position: relative; top: 10px; left: 0px;
}


/* Content */

#content {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0 0 0;

}

/* Column One */

#colOne {
	float: left;
	width: 500px;
}

#colOne h2 {
	margin-top: 0;
	font-size: 2.2em;
}

#colOne p, #colOne ul, #colOne ol {
	line-height: 160%;
}

#colOne .credits {
	margin-bottom: 0px;
	padding: 5px 0 0px 8px;
	border-bottom: 1px solid #2C2C2C;
}


#textfield1 {
}

#submit1 {
}

/* Footer */

#footer {
	float:left;
	clear: both;
	width: 800px;
	height: 50px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:small;
}

td.headerNavigation 
{
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
background-color: #bbc3d3;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #ffffff;
font-weight: bold;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
height: 400;
width: 400;
}
.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 0px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -140;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 50;
height: 400;
width: 400;
}



