/* CSS Document */

.skipLink {display:none}

html, body{
	margin-top:0;
	padding:5px;
	background-color: #E1FFFE;
	min-height:101%;
}

body{
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-align: justify;
	word-spacing: -0.8px;
	line-height: 14px; 
}

.contentCell
{
font: 12px Verdana,Arial,Helvetica,sans-serif;
color:#333;
padding-top:5px;
padding-left: 10px;
background-color: #fff;

}


.myBox
{
	font: 12px Verdana,Arial,Helvetica,sans-serif;
    margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 5px;
	border: 1px solid #333;
    color: #333;
    width: 944px;
    background-color: #fff;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */

}

#box{width: 18em;padding: 20px;margin:0 auto;
    background:#E6E6E6;color:#000}


p{margin:5px 26px 10px 17px}
a:link{color: #3399FF; text-decoration:none; font-weight:bold}
a:visited{color: #3399FF; text-decoration:none; font-weight:bold}
a:hover{color: #008000; text-decoration:none; font-weight:bold}

h1{font-size: 120%;color: #333; margin:20px 0 15px 16px}
h2{font-size: 120%;color: #333; margin:10px 0 15px 18px}
h3{font-size: 100%;color: #333; margin:0 0 10px 0}

div#copy{color: #333;}
div#copy a:link{color: #3399FF; text-decoration:underline; font-weight:normal}
div#copy a:visited{color: #3399FF; text-decoration:underline; font-weight:normal}
div#copy a:hover{color: #008000; text-decoration:underline; font-weight:normal}
div#copy p{
font: 10px verdana, sans-serif;
font-weight:normal;
margin: 0;
}


#MainTable
{
background:#fff;
border:solid #ddd 0px;

}

#Banner_new
{
padding:0 0 0 25px;
margin-bottom:10px;
background-color: #fff;
}

#Menu
{
padding:0 0 0 25px;
background-color: #fff;
}

#Webform

{
margin-left:7px;
font-weight:normal;
}

#Submit

{
margin-left:214px;

}

#Slide
{
padding:10px 10px 0 2px;
}

.bullet
{
padding:0 7px 1px 0;

}

.gallery
{
margin-left:20px;
padding:0 0 0 0;
}

.places
{
color:#6A5ACD;
font-weight:bold;
}

#summary_table
{
margin-left:12px;

}

.GPS
{
font-weight:bold;
color: #FF9933;	
}

#table_textpic
{
padding:0 0 0 10px;
}

.align_right {
float:right;
cursor: pointer; 
cursor: hand;
}

.align_left {
float:left;
cursor: pointer; 
cursor: hand;
}

/*entire image viewing area - if change background, also change all other same color code in this div class*/
#gallery {
width:874px;
height:450px;
padding:7px; 
margin-left:7px; 
border:1px solid #333; 
background: #fff; 
position:relative; }

/*default large image area - make sure width is the same as the larger viewable images*/
#gallery b.default {position:absolute; left:10px; top:8px; width:600px; height:450px; text-align:center; border:2px solid #FFFAF0;}

/*IMPORTANT - this is the larger image shown on hover*/
#gallery ul li a:hover b {position:absolute; left:-631px; top:1px; width:600px; height:450px; text-align:center; background:#fff; z-index:20;}

/*larger image produced after clicking*/
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-631px; top:0; width:600px; height:450px; text-align:center; background:#fff; z-index:10;}

/*larger main image produced after mouseover*/
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:2px solid #FFFAF0;}


#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#333; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; width:350px; margin:0 auto;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#333 #333 #333 #333; background:#333;}


#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #fff; border-color:#333 #333 #333 #333;}

/*border around large image - disabled*/
/*#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}*/

/*descriptive text format*/
#gallery b.default span {display:block; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; width:700px; margin:0 auto;}

/*width position of right side thumbnail area*/
#gallery ul {list-style:none; padding:0; margin:0; width:240px; position:relative; float:right;}

/*position of thumbnails*/
#gallery ul li {display:inline; width:70px; height:70px; float:left; margin:4px 10px 8px 0;}

/*thumbnail container cell size and formating*/
#gallery ul li a {display:block; width:70px; height:70px;}

#gallery ul li a span {display:none;}

/*thumbnail image size*/
#gallery ul li a img {display:block; width:70px; height:70px; border:2px solid #333;}

/*thumbnail on hover*/
#gallery ul li a:hover { background-image:  url(images/logo_sm.jpg);
}

#gallery ul li a:hover span {display:block; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; width:350px; margin:0 auto;}

