/*
	Design by Ling Chen
*/
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.pg-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(img/bg_main_withnav_reverse.jpg) top left repeat-y;}
.rightcolumn {display:inline /*Fix IE floating margin bug*/; float:right; width:200px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
position:relative;
}

.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(225,225,225) url(img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*header */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}


/********************/
/*  header */
/********************/
.logo {width:70px; height:70px; position:absolute; z-index:1; margin:6px 0 0 20px; background:url(img/gvsalogo1.jpg); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:28px 0 0 120px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*navigation menu*/
.menu {width:900px; height:40px; background:rgb(255,255,255) url(img/bg_head_breadcrumbs.jpg) repeat-y;}
.nav {float:left; width:900px; border:none; background:rgb(220,220,220) url(img/bg_head_bottom_nav.jpg) repeat-x; color:rgb(75,75,75); font-size:1.0em; font-size:130%;} /*Color navigation bar normal mode*/
.nav ul {list-style-type:none;}
.nav ul li {float:left; position:relative; z-index:1000; border-right:solid 1px rgb(175,175,175);}
.nav ul li ul {display:none; border:none;}
.nav ul li ul {margin-left:-30px; padding:0 30px 30px 30px; background:url(img/bg_head_bottom_nav_hover.gif) top center;} /*Sticky hover zones*/
.nav ul li a {float:left; display:block; height:3.1em; line-height:3.1em; margin-right:0px !important /*Non-IE6*/; margin-right:-4px /*IE6*/; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav ul li:hover {width:auto;}
.nav table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse; font-family:"trebuchet ms",arial,sans-serif;}

/*Non-IE6*/
.nav ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav ul li:hover ul {display:block; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6*/
.nav ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav ul li a:hover ul {display:block; position:absolute;z-index: 998; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.rightcolumn .toprightgap {width:200px; height:14px; margin:0; z-index:100; background:url(img/top-right-gap.jpg) repeat-y;}

.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:150%;}
.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;

}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}

.updatePic a {float:left;}

.column1-unit {width:640px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


.rightcolumn h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.rightcolumn h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.rightcolumn h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.rightcolumn h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.rightcolumn p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.rightcolumn p.cancellation {clear:both;margin:0 10px 10px 20px; color:rgb(232,25,25); line-height:1.6em; font-size=150%;font-weight:bold;}
.footer p {text-align: center;}
.page-container:after, .header:after,  .main:after, .rightcolumn:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after,  .column2-unit-right:after,  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.2em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
.clear-rightcolumn {clear:both; width:200px; height:0.2em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

#slider{
 margin-left:10px;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider li{ 
	width:550px;
	height:413px;
	overflow:hidden; 
	}	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:200px;
	}	
	
#nextBtn{ 
	left:570px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(slider/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(slider/btn_next.gif) no-repeat 0 0;	
	}