/* CSS Document */
body{
background-image:url(images/cloudbg.jpg);
background-position:top;
background-attachment:fixed;
background-color:#FFFFFF;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

.gallerycontainer{
height: 600px;
text-align:center;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid black;
border-style:inset;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width: 100%;
height: auto;
text-align: center;
vertical-align:middle;
background-color: lightyellow;
padding: 5px;
left: 0px;
top: -500px;
border: 1px 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: -20px;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.gallery {
   position: relative;
   top: 0px; /* 25 pixels from the top of the <div> tag. */
   left: 0px; /* 350 pixels from the left of the <div> tag. */
   height: 520px; /* in this case, we get rid of the overflow setting, because the height of the iframe is increased by itself.*/
   width: 620px;
   text-align:center;
   vertical-align: middle;
   border:0px;
}

.note	{
	font-size:12px;
	color:#666;
}

a img {
	text-decoration:none;
}

a:link {
	border-bottom: 1px solid red;
	text-decoration: underline;
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a:visited {
	border-bottom: 1px solid red;
	text-decoration: underline;
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	}

a:active {
	border-bottom: 1px solid red;
	text-decoration: underline;
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	}

a:hover {
	border-bottom: 3px solid red;
	text-decoration: none;
	color: #FF0000;
	font-family:Arial, Helvetica, sans-serif;
	}

.links1 a:link {
	border-bottom: 0px solid red;
	text-decoration: none;
	color: #0033CC;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	}	
	
.links1 a:visited {
	border-bottom: 0px solid red;
	text-decoration: none;
	color: #0033CC;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	}
	
.links1 a:active {
	border-bottom: 0px solid red;
	text-decoration: none;
	color: #0033CC;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	}		

.links1 a:hover {
	border-bottom: 3px solid red;
	text-decoration: none;
	color: #FFFFFF;
	}

.links2 a:link {
	border-bottom: 0px solid red;
	text-decoration: none;
	color: #0033CC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	}	

.links2 a:visited {
	border-bottom: 0px solid red;
	text-decoration: none;
	color: #0033CC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	}

.links2 a:active {
	border-bottom: 1px solid red;
	text-decoration: underline;
	color: #0033CC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	}

.links2 a:hover {
	border-bottom: 3px solid red;
	text-decoration: none;
	color: #FFFFFF;
	}

.links3 a:link {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	border: 0px;
	}
	
.links3 a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	border: 0px;
	}
	
.links3 a:active {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	font-variant: small-caps;
	border: 0px;
	}	

.links3 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border: 0px;
	}

h1 {
	font-size:35px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFF;
	width:12em;
	text-align:left;
	margin-left:2px;
	margin-top:0;
	padding-left:4px;
	padding-bottom:0;
	padding-top:0;
	}

h3 {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	text-align:left;
	margin-left:2px;
	padding-left:8px;
	padding-bottom:0;
	font-variant:small-caps;
	font-stretch:wider;
	}

p 	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;	
	padding-left:20px;
	padding-right:20px;
	line-height:108%;
	letter-spacing:-1px;
	text-align:justify;
	}

ul 	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;	
	padding-left:20px;
	padding-right:20px;
	line-height:108%;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:justify;
	}
	
form { margin-bottom: 0 ; }
	
.q 	{
	font-size:60px;
	position:relative;
	color:#ccc;
	}
	
.qleft {
	font-size:60px;
	position:relative;
	color:#ccc;
	margin-left:-10px;
	float:left;
	top:-20px;
	}

.qright {
	font-size:60px;
	position:relative;
	color:#ccc;
	margin-right:-10px;
	float:right;
	top:-45px;
	}
	
.quotebox {
	width:475px;
	text-align:justify;
	}
	
.maintable {
	background:url(images/site_10.jpg);
	background-color:#FFFFFF;
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-align:justify;
	}		
	
.style2 {
	color: #CCCCCC;
	font-size: 24px;
}

.imgstyle {
	border-style:solid;
	border-width:thick;
	border-color:#0099CC;
	}