html{ /*no gradient, better 2 background pics*/
	/*background:url('../images/grad1.png') top left repeat-x;*/}
body{ padding: 0; margin: 0; background: url('../images/swirl.png') top left no-repeat;
	/*background-color: #cc33cc;*/ color: #372110; 
	font : 75%/1.5 "Lucida Grande", Helvetica, "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	margin-top:80px;}
#main{ background:url('../images/swirl2.png') bottom right no-repeat;}

h1,h2,h3,h4,h5,h6 { font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight : normal;	}

img{border: none;}
#main {margin: 0 auto;width: 900px;height:670px;}

#logo {position: absolute; top:80px; width: 200px; height: 233px; z-index:89; 
	background:url('../images/banner.png') top center no-repeat; } 
#logo a {display: block; text-indent: -9999px; width: 200px; height: 233px;} 

#navbar {
	float:left;margin: 0 10px 10px 0;width: 200px;height: 450px;
	border: solid 3px #fff;background-color: #ff99ff; padding: 10px;
	border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;}

#navbar .firstNav {margin-top: 225px;}
#navbar .lastNav {padding-bottom: 30px; background:url('../images/ico_nav.png') bottom right no-repeat; }

/* NEW extra navbar */
#navbarSmall {position: absolute; margin-left: 500px;  }
#navbarSmall a, #navbarSmall span{color: #663366; text-decoration: none;font-size: 85%;}
#navbarSmall a:hover {color: #fff;}
#navbarSmall span.currPage {color: #fff;}
#navbarSmall li {float: left; padding: 0 8px; margin: 2px 0; list-style: none; 
	border-right: 1px solid #996699; }
#navbarSmall li.lastNav {border-right: none;}
#navbarSmall li.returnHome {border-right: none;margin-left: 180px;}


#navbar li{	padding: 8px; list-style: none; }
#navbar li a{ background-image:url('../images/li.png'); background-repeat:no-repeat;
	color: #fff; padding-left: 20px; text-decoration: none; font-size: 1.35em; }
#navbar li a:hover { background-image:url('../images/li_hover.png'); background-repeat:no-repeat;
	color: #cc33cc; text-decoration: underline;}
#content {	/*clear: left;*/ float:left; border: solid 3px #fff;background-color: #ff99ff;
	padding: 10px;width: 600px;
	border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
#content .scroll{	height: 450px; 	overflow: auto; 
	background:url('../images/swirl_bg2.png') bottom right no-repeat; }

#content, #navbar{box-shadow: 2px 2px 4px #cc33cc; 
	-webkit-box-shadow: 2px 2px 4px #cc33cc; -moz-box-shadow: 2px 2px 4px #cc33cc;}
#content ul { list-style: none; }
#content ul li { display: inline; }
/* cc33cc == rgba(204,51,204,.4) */
#content ul img {border: 5px solid rgba(204,51,204,.4) ; 
	border-radius: .3em;-webkit-border-radius: .3em; -moz-border-radius: .3em;}

/* thick border causes problems with IE ! 
#content ul a:hover img {border: 5px solid #fff; border-width: 5px; color: #fff; }
*/
.firstPhotos li a:hover {opacity: .5; }

#content ul a:hover { color: #fff; }
a:focus { outline: none; }


#about p {padding-bottom: 20px;}

#footer {float: right; margin-right: 50px;}
#footer a {text-decoration: none; color: #993399;}

.author {color:#000; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.moreLeft{background-image:url('../images/plus.png'); background-repeat:no-repeat; padding-left: 30px;}
.more{background-image:url('../images/plus.png'); background-repeat:no-repeat; padding: 0 30px;
 float:right;}
.lessLeft{background-image:url('../images/min.png'); background-repeat:no-repeat; padding-left: 30px;}
.less{background-image:url('../images/min.png'); background-repeat:no-repeat; padding: 0 30px;
 float:right;}

.firstPhotos {margin: 20px 40px; width: 500px;}
.firstPhotos li{margin: 10px; padding: 5px; }
.firstPhotos li img {border: 5px solid #ffccff} ;