/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Patua+One);
@import url(http://fonts.googleapis.com/css?family=Habibi);
*{margin:0;padding:0;}


/* General */
body {
	background: #FFFFFF url(images/top-b.jpg) top center repeat-x;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2em;
	text-align: center;
	margin: 0 auto;
    padding: 0;
	}



#wrap {width:100%;} 

img { border: 0; margin: 0; padding: 0; vertical-align: bottom;}
a:link { color: #333333; text-decoration: none; } 
a:visited { color: #333333; text-decoration: none;}
a:hover { color: #6666666; text-decoration: underline;}
h1 { font: 14px Arial, Helvetica, sans-serif; color: #AD8714; text-decoration: none; margin-bottom: 5px;} 
h2 { font: 12px Arial, Helvetica, sans-serif; color: #A38630; margin: 8px 0 5px 0; }
h3 { font: 16px Verdana, Arial, Helvetica, sans-serif; color: #A38630; margin-bottom: 5px;}

.liner { font: 12px Arial, Helvetica, sans-serif; color: #666666; margin: 19px 0 4px 0; padding-bottom: 2px; border-bottom: 1px solid #AD8714; border-top: 1px solid #AD8714;}
.reader { width: 160px; margin: 10px 0; }
.gold2 { font: 12px Arial, Helvetica, sans-serif; color: #A38630; margin: 8px 0 5px 0; }
#main {
width: 950px;
margin: 0 auto;
padding:0;
text-align: center;
display: table;
}

#para{ width: 950px; margin: 0 auto; text-align: center; display: block; font: 12px Arial, Helvetica, sans-serif; color:#666666; }
#para2{ width: 720px; margin: 0 auto; text-align: center; font: 12px Arial, Helvetica, sans-serif; color:#666666;}
#para3 { width: 825px; margin: 0 auto; text-align: center; display: block; font: 12px Arial, Helvetica, sans-serif; color:#666666;}
.leftpanel { width: 300px; float: left; display: inline; margin: 10px 20px 20px 0; text-align: left; background: #FFFFFF url(images/n-bg.jpg) top center no-repeat; }
.flpanel { width: 300px; margin-top: 10px; float: left; display: inline; text-align: left; background: #FFFFFF url(images/n-bg.jpg) top center no-repeat;}
#rightpanel { width: 400px; float: right; display: inline; margin-top: 40px; text-align: left; }
#para4 { width: 700px; margin-left: 220px; text-align: center;  display:table; font: 12px Arial, Helvetica, sans-serif; color:#666666; padding-bottom: 20px;}
#para-about { background: url(images/about-bg.jpg) left bottom no-repeat; width: 950px; text-align: left; margin: 0 auto; }

#left225 { width: 225px; float: left; display: inline; margin-top: 40px; text-align: left; padding-bottom: 15px;  }
#left300 { width: 300px; float: left; display: inline; margin: 0px; text-align: left; padding-bottom: 15px;  }

#right300 { width: 300px; height: 450px; float: right; display: inline; margin: 0; text-align: left; padding: 0; background: #E1DAC8 url(images/side-index.jpg) top right repeat-y;}
#right600 { width: 600px; float: right; display: inline; margin: 62px auto 20px auto; text-align: left; }
#right450  { width: 450px; float: right; display: inline; margin-top: 74px; text-align: left; }
#left450  { width: 450px; float: left; display: inline; margin-top: 40px; text-align: left; }
.e-art{ width: 590px; float: right; background: url(images/e-artbg.jpg) center bottom repeat-x; padding-bottom: 20px; margin: 0 0 35px 0;}

.picborder { background: url(images/pic-bg1.jpg) top center repeat-x; padding: 10px; margin: 10px 10px 10px 25px; }
.leftblock { background-color: #FFFFFF; padding: 10px 0; margin: 25px 0 0 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; font: 11px Arial, Helvetica, sans-serif; }

.leftbl { background-color: #FFFFFF; padding: 10px 0; margin: 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; font: 11px Arial, Helvetica, sans-serif; }
.leftcls { background: url(images/n-bg2.jpg) bottom center no-repeat; width: 300px; height: 25px; }
.righter { float: right; display: inline; }
.lefter { float: left; display: inline; margin-right: 10px; }
.left-index { float: left; display: inline; }
.bottom { margin-top: 300px; margin-right: 5px; text-align:right;}
.borderize { border-top: 5px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 5px; display: block;}

.nostyle { list-style: none; text-align:left; font: 11px Arial, Helvetica, sans-serif; display: table; margin: 0 5px; }
.nostyle ul{ list-style: none; }
.nostyle li { margin: 5px 0; border-bottom: 1px solid #C6B996; list-style: none; padding: 5px 0 8px 0; display: block; line-height:14px;  }


.nostyle li a:link { color: #8D7529; text-decoration: none; }
.nostyle li a:visited { color: #8D7529; text-decoration: none; }
.nostyle li a:hover { color: #A38630; text-decoration: underline; }

ul.dlink { margin: 10px 0 0 0; width: 250px;}
ul.dlink li{ border: none; padding:0; margin: 2px 3px 0 0; float: left; display: inline; text-align: center;}


.borderad { margin: 0; padding: 0 10px;}

.marginb5 { margin-bottom: 5px; } .margint5 { margin:5px 0; } .marginb20 {  margin-bottom: 20px; display: block; }
.margin15 { margin: 15px 30px; display: table; } .margint40 { margin-top: 40px; margin-bottom: 5px; }
.margin15 p { margin-bottom: 5px; }
.img-l { float: left; display: inline; border: 2px solid #CCCCCC; padding: 1px; margin-right: 15px; }
.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0;}


#para img { vertical-align: bottom; }

#header {

margin:0 auto;
width: 960px;
height: 160px; 
padding: 0;}

#logo-t { float: left; display: inline; margin-top: 30px; }

#menu {background: url(images/menu-b.gif) top center no-repeat; margin-top: 40px; float: right; display: inline; width: 690px; height: 30px; text-align: left; line-height: 1; }

#menu ul { list-style: none; text-align: left; margin: 7px 5px 0px 33px; line-height: 1; display: block;}

#menu li { display: inline; margin-right: 25px; float: left;}

#menu li a:link img { border-bottom: 2px solid #FFFFFF;}
#menu li a:visited img { border-bottom: 2px solid #FFFFFF;}
#menu li a:hover img{ border-bottom: 2px solid #DBDBDB; }

#footer { background: url(images/footer-b.jpg) center top repeat-x; clear: both; width: 100%; min-width: 960px;  text-align: center; display: table; color: #666666; }
#footerwrap { width: 960px; margin:0 auto;}
#footerlinks { margin-top: 71px; margin-bottom: 20px; font: 11px Arial, Helvetica, sans-serif; }
#footerlinks ul { text-decoration: none; }
#footerlinks li {display: inline;}
#footer p { margin: 20px 0 10px 0;}
#footerlinks a{ margin-right: 5px; margin-left: 5px; }
#footerlinks a:link { color: #666666; text-decoration: none;} 
#footerlinks a:visited { color: #666666; text-decoration: none;}
#footerlinks a:hover { color: #6666666; text-decoration: underline;}
#footerlinks p img { vertical-align: middle;}
.ftext { clear: both;}
.ftext img { vertical-align: middle;}
.contact-r ul {text-align: left; margin-left: 240px; padding: 0; display: block; }
.contact-r li {list-style: none; display: block; width: 200px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC;}
.generic-s ul { text-align: left; padding: 0; display: block; }
.generic-s li { list-style: none;  padding: 0; display: block; width: 200px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC;}
.generic-s li ul { list-style: none; font: 11px Arial, Helvetica, sans-serif;}
.generic-s li ul li {border: none; margin: 2px 0; }
.edit-h{border-bottom: 5px solid #CCCCCC;}

.vrt-bt { vertical-align: bottom; }
#image-ch-wrap { margin: 0; padding: 30px 0 0 30px; }
#image-changer  { width: 320px; height: 370px; overflow: hidden; }
#image-changer  li{list-style: none; text-align: left;} 

#audio-wrap { margin: 0; padding: 6px 0 0 30px; }
#audio-bar { width: 320px; height: 20px; background: #CCCCCC; } 

.inner-1 { padding: 10px 10px 0 30px; }
.gallery-prime { width: 720px; padding-bottom: 30px; }
.gallery-preview { width: 720px; margin-left: 30px; }
#gallery-meta { text-align: right; }
#gallery-meta h2 { font: 16px Verdana, Arial, Helvetica, sans-serif; margin: 16px 0 20px 30px; border-bottom: 1px solid #CCC; padding-bottom: 12px; }

.gallery-list { margin: 16px 0; overflow: hidden; }
.gallery-list li { list-style: none; float: left; margin-right: 20px; } 
.gallery-list li.last { margin-right: 0; }

.image-desc ul { margin-left: 20px; margin-top: 12px; }

/* home */	
.home-wide { background: none; }
.home-wide #header { height: 120px; }
.home-wide #para { width: 100%; }
.index { background: #E1E0E0; }
.home-wide #audio-bar { width: 320px; height: 24px; background: #FFF; } 
.home-wide #footer { background: none; clear: both; width: 100%; min-width: 960px;  text-align: center; display: table; color: #666666; }
.home-wide #footerlinks { margin-top: 30px;  }
/* home update - 020312 */
#home-featured-links { margin: 24px 24px 24px 36px; }
#home-featured-links ul { list-style: none; margin: 12px 4px; }
#home-featured-links ul li { background: url(images/list-dot-2.png) 0 3px no-repeat; padding-left: 18px; margin-bottom: .75em; line-height: 14px; font: 12px 'Habibi', serif, cursive; }
#home-featured-links h1 { font: 18px 'Patua One', cursive; color: #333; }

#container { width: 720px; margin: 24px 0; overflow: hidden;  }
.item {  margin: 5px; padding: 5px; float: left; background: #333; overflow: hidden; }
.item img { display: block; }
.item img.top { margin-bottom: 8px; }
.item h2 { font: 18px 'Patua One', cursive; color: #FFF; }
#container a:link, #container a:visited { color: #FFF; }
#container a:hover { color: #FF0; text-decoration: none; }
#container .col1 { width: 220px; }
#container .col2 { width: 460px; }
#container .col3 { width: 720px; }

#container .textright { float: right; text-align: left; width:220px; }
#container .collection-links { margin: 12px; }
#container .collection-links ul { list-style: none; margin: 12px 4px; }
#container .collection-links ul li { background: url(images/list-dot-3.png) 0 3px no-repeat; padding-left: 18px; margin-bottom: .75em; line-height: 14px; font: 12px 'Habibi', serif, cursive; }
.floatLeft { float: left; display: inline; }