/* CSS Document */
html {
		margin: 0; 
		padding: 0;
		}
body {
		/*background: url(../images/swirls.gif) repeat;*/
		background: #ffff66;
		font-family: Verdana, Arial, sans-serif; 
		color: black; 
		margin: 0; 
		padding: 0; 
		text-align: center;
		}

#wrapper {
		background: url(../images/gradientbar.gif) repeat-y;
		width: 750px; 
		margin: 0px auto; 
		padding: 0;
		text-align: left;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px; 
		line-height: 140%; 
		}
		
#main {
		padding-top:12px;
		padding-bottom: 12px;
		}		
		
		
		
		
#header {
		margin: 0pt;
		background: url(../images/flaglogo.gif) no-repeat;
		height: 188px;
		}
		
#header2 {
		
		
		background: url(../images/secondbanner.gif) no-repeat;
		height: 96px;
		position: absolute; 
		top: 12px; 
		left: 300px; 
		width: 307px; 
		}		
		
		
#footer {
		
		
		
		padding: 15px;
		font-family: garamond, palatino, serif;
		font-weight:bold;
		font-size:1em;
		color:#800000;
		}


#copyright {
		
		
		font-family: garamond, palatino, serif;
		font-weight:bold;
		font-size:.8em;
		color:#800000;
		}		






table {margin-left:50px;
		padding:24px;}
		td {padding:24px;}	
		
		
#LIFTtable table {margin-left:20px;
		}
		
		td{border-top:3px solid #036; border-left:4px dotted #ffff00; padding:6px;}


	
						
ul {margin-left:60px;}
dl {padding-left:50px;}
dt {font-weight:bold; border-top:1px #ccc dotted;}
dd {margin-bottom:15px;}






h1 {
		font: bold italic 250% garamond, palatino, serif; 
		color:#CC0000;
		margin-left: 48px;
		padding: 0;
		} 
		
h2 {
		margin-left: 48px; 
		padding: 0; 
		font: bold 175% garamond, palatino, serif; color: #800000;
		}

h3 {
		margin-left: 48px; 
		padding: 0; 
		font: bold italic 175% garamond, palatino, serif; color:#000066;
		}


h4 {
		margin-left: 48px; 
		padding: 0; 
		font: bold italic 150% garamond, palatino, serif; color:#000066;
		}
p {
		margin-top: 0; 
		margin-right: 48px; 
		
		margin-bottom: 12px;
		margin-left: 48px; 
		}
		
a:link {color: #800000; text-decoration: none;}
a:visited {color: #2d4b08; text-decoration: none;}
a:hover {text-decoration: underline;}		
		

 /*new for nav*/
 
#nav ul {
margin-left:24px;
margin-top: 100px;
	padding-bottom:12px;
list-style-type: none;
font-size: .85em;
font-family: arial, impact, sans-serif;
font-weight: bold;
line-height: 1.3em;
text-align:center;
}

#nav li {
display: block;
float:left;
width:85px;

}

#nav a {
text-decoration: none;

}

#nav a:hover, li:hover{
  color:#fff;
  background:#333300; 
  }

/*end of new for nav*/






/*sn gallery*/
#container {position:relative; width:575px; height:800px; border:none; margin:0 auto;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:70px; height:110px; float:left; margin:3px; z-index:50;}
a.slidea {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slideb {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos2-tn.jpg);}
a.slidec {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/empanadas1-tn.jpg);}
a.slided {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/empanadas-tn.jpg);}
a.slidee {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/mcthanksgiving1-tn.jpg);}
a.slidef {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/FIESTA1-tn.jpg);}
a.slideg {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/FIESTA-tn.jpg);}
a.slideh {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/halloween-tn.jpg);}
a.slidei {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/FIESTA3-tn.jpg);}
a.slidej {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/world1-tn.jpg);}

/*a.slidek {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slidel {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slidem {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.sliden {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slideo {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slidep {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slideq {background:url(http://www.uncg.edu/student.groups/salsa/images/Fall08/cumpleanos-tn.jpg);}
a.slider {background:url(http://www.healingground.org/images/spring-greens-tn.jpg);}
a.slides {background:url(http://www.healingground.org/images/labyrinth-garden-tn.jpg);}
a.slidet {background:url(http://www.healingground.org/images/studio-pond-tn.jpg);}
a.slideu {background:url(http://www.healingground.org/images/studio-arbor-tn.jpg);}
a.slidev {background:url(http://www.healingground.org/images/labyrinth-arbor-tn.jpg);}
a.slidew {background:url(http://www.healingground.org/images/labyrinth-walkers-tn.jpg);}
a.slidex {background:url(http://www.healingground.org/images/labyrinth-arborCU-tn.jpg);}
a.slidey {background:url(http://www.healingground.org/images/millie-tn.jpg);}
a.slidez {background:url(http://www.healingground.org/images/canoe-tn.jpg);}
a.slideaa {background:url(http://www.healingground.org/images/frog-tn.jpg);}
a.slidebb {background:url(http://www.healingground.org/images/lettuce-tn.jpg);}
a.slidecc {background:url(http://www.healingground.org/images/lake-fall-tn.jpg);}
a.slidedd {background:url(http://www.healingground.org/images/labyrinth-fall-tn.jpg);}
a.slideee {background:url(http://www.healingground.org/images/harp-tn.jpg);}
a.slideff {background:url(http://www.healingground.org/images/water-garden-tn.jpg);}*/








a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#efedec;z-index:100;}
.slidek {display:block; position:absolute; width:575px; top:240px; left:5px; padding:0; border:none;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:602px; height:600px; top:300px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec; z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:602px; height:600px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec; z-index:50;}


/*end of sn gallery*/