/***************************************************************************************
* BODY ELEMENTS
***************************************************************************************/

body 
{
	
	background: #c7b299;
	
	font-family: "微軟正黑體", "Microsoft JhengHei",  Tahoma , Verdana , Arial , sans-serif;
	font-size:14px;
	alignment-adjust:ideographic;
	text-align:justify;
	
	
}

div  
{
	
}
hr  
{
	
}
img  
{
	
}
a  
{
	color:#1AB6F8;
	text-decoration: none;
}

/***************************************************************************************
* HEADINGS
***************************************************************************************/

/* All Headings */
h1, h2, h3, h4, h5, h6  
{
	font-weight: bold;
	border-bottom: 2px solid;
	
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
	padding: 0 10px;
	margin-bottom:-3px;
}
/* Individual Headings */
h1  
{
	font-size: 28px;
	margin-bottom:10px;
}
h2  
{
	font-size: 24px;
	margin-bottom:5px;
	padding:0 3px;
	border:none;
	
}
h3  
{
	
}
h4  
{
	
}
h5  
{
	
}
h6  
{
	
}

/***************************************************************************************
* PARAGRAPHS
***************************************************************************************/

/* First Paragraph */
p  
{
	font-size: 16px;
}

/* Seccond Paragraph */
abbr  
{
	
}
b  
{
	font-weight: bold;
}

/* Blockquote */
blockquote  
{
	
}
cite  
{
	
}

/* Third Paragraph */
dfn  
{
	
}
del  
{
	
}
em  
{
	
}
i  
{
	
}
strong  
{
	font-weight: bold;
	
}
ins  
{
	
}
small  
{
	
}

/* Quote */
q  
{
	
}

/* Fourth Paragraph */
sub  
{
	
}
sup  
{
	
}

/***************************************************************************************
* LISTS
***************************************************************************************/

/* All Lists */
dl, ol, ul  
{
	
}

/* Definition Lists */
dl  
{
	
}
dt  
{
	
}
dd  
{
	
}

/* Ordered Lists */
ol  
{
	
}
ol li  
{
	
}

/* Unordered Lists */
ul  
{
	
}
ul li  
{
	
}

/***************************************************************************************
* FORMS
***************************************************************************************/

form  
{
	
}
fieldset  
{
	
}
legend  
{
	
}
label  
{
	
}

/* Inputs */
input  
{
	
}
textarea  
{
	
}

/* Other */
select  
{
	
}
optgroup  
{
	
}

/***************************************************************************************
* TABLES
***************************************************************************************/

table  
{
	
}

table img
{
	float: right;
}

caption  
{
	
}
tr  
{
}

/* Head */
thead  
{
	
}
th  
{
	background: #1a1a1a;
	padding: 10px;
	
	color: #fff;
	
	font-size: 18px;
}

/* Body */
tbody  
{
	
}
td  
{
	padding: 10px;
	
	border-bottom: 5px solid #fff;
	background: #e6e6e6;
	font-size: 16px;
	line-height:normal;
	


}

/* Foot */
tfoot  
{
	
}

/***************************************************************************************
* OTHER
***************************************************************************************/

address  
{
	
}
code  
{
	
}
samp  
{
	
}
pre  
{
	
}

kbd  
{
	
}
var  
{
	
}


/*------------------------------
	Colors
------------------------------*/

.color-blue
{
	color: #0071bc;
}

.color-blue-deep
{
	color: #2e3192;
}

.color-pink
{
	color: #ed1e79;
}

.color-green
{
	color:#149617;

}

.color-green2
{
	color: #00a99d;
}

.color-purple
{
 color: #9e005d;
}


.color-purple2
{
 color: #93278f;
}

.color-member
{
 color: #534741;
}

.color-social
{
 color: #009245;
}
.color-publishing
{
 color: #3fa9f5;
}
.color-finance
{
 color: #f7931e;
}
.color-headquarter
{
 color: #ed1e79;
}
.color-travel
{
 color: #0071bc;
}
.color-welfare
{
 color: #00a99d;
}
.color-entertainment
{
 color: #662d91;
}

.color-chorus
{
 color: #9e005d;
}


.color-member-bg
{
 background: #534741 !important;
}

.color-social-bg
{
 background: #009245 !important;
}
.color-publishing-bg
{
 background: #3fa9f5 !important;
}
.color-finance-bg
{
 background: #f7931e !important;
}
.color-headquarter-bg
{
 background: #ed1e79 !important;
}
.color-travel-bg
{
 background: #0071bc !important;
}
.color-welfare-bg
{
 background: #00a99d !important;
}
.color-entertainment-bg
{
 background: #662d91 !important;
}

.color-chorus-bg
{
 background: #9e005d !important;
}










/*------------------------------
	Layout Structure
------------------------------*/

#wrapper
{
	width: 980px;
	margin:auto;
	
	background:#ffffff;
}

#container
{
	float: left;
	width: 980px;
	background:#ffffff;
}

#header
{
	
}

#logo
{
	float:left;
	width: 200px;
	padding: 5px 10px;
}


#contact
{
	float:right;
}

#contact span
{
	display: block;
	padding: 5px 10px;
}


#main-menu
{
	clear: both;
	width: 100%;
	float:left;
	position: relative;
	
	
	background: #8cc63f; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYzYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDliMTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #8cc63f 0%, #009b18 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cc63f), color-stop(100%,#009b18)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #8cc63f 0%,#009b18 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #8cc63f 0%,#009b18 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #8cc63f 0%,#009b18 100%); /* IE10+ */

background: linear-gradient(to bottom,  #8cc63f 0%,#009b18 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc63f', endColorstr='#009b18',GradientType=0 ); /* IE6-8 */

	
}

#main-menu a
{
	color: #fff;
	text-decoration: none;
}

#main-menu a:hover, #main-menu a.selected
{
	color: #333;
	text-decoration: none;
	background:#FCEE2C;
	padding: 0 18px;
	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	
	background: #fcee21; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWUyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmIwM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fcee21 0%, #fbb03b 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcee21), color-stop(100%,#fbb03b)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fcee21 0%,#fbb03b 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee21', endColorstr='#fbb03b',GradientType=0 ); /* IE6-8 */


}

#main-menu ul
{
	float: left;
	margin: 10px;
	
	
}

#main-menu ul li
{
	float: left;
	width: 130px;
	
	font-size: 18px;
	text-align:center;
	
	border-right: 1px solid #333;
}

#main-menu ul li:first-child
{
}


#main-menu ul li:last-child
{
	border:none;
}



#main-menu ul li div
{
	width: 200px;
	position: absolute;
	z-index:99;
	margin:0;
	padding:10px 0;


}

#main-menu ul li div ul
{
	
	padding: 0px 15px;
	margin: 0;
	background: #1c8e83;
	background: rgba(28,142,131,0.80);

}
#main-menu ul li div ul li
{
	width: 100%;
	margin:auto;
	padding: 10px 0;
	border: none;
	border-bottom: 1px dashed #fff;
	text-align:left;

}

#main-menu ul li div ul li:last-child
{
	border: none;
}

#main-menu ul li div ul li a:hover
{
	background: none;
	color: #fcee21;
}



#main-menu ul li div { display: none; }
#main-menu ul li:hover div { display: block; }



#slider
{
	clear:both;
	border-bottom: #8cc63f 3px solid;
	background:#f2f2f2;
}

#content-region
{
	padding: 10px 15px;
}

#message-bar
{
	width:100%;
	float:left;
	margin: 10px 0;

}

#message-bar ul
{
	
}

#message-bar ul li
{
	float:left;
	margin-right: 10px;
}


#date-n-time span
{
	display:block;
	float:right;
	padding:8px 5px;
	color: #42210b;
	font-size: 20px;
}

#font-selector
{
	float: right;
}

#font-selector ul li
{
	
	font-weight:bold;
	
	background:#f2f2f2;
}

#font-selector ul li:hover, #font-selector ul li.selected
{
	background: #39b54a;
	color: #fff;
}

#font-selector ul li.small
{
	
	width: 12px;
	height: 12px;
	
	padding:9px;
	
	font-size:12px;
  text-align: center;
  cursor: pointer;

}

#font-selector ul li.middle
{
	width: 16px;
	height: 16px;
	
	padding:7px;

	font-size:16px;
}

#font-selector ul li.large
{
	width: 20px;
	height: 20px;
	
	padding:5px;
	font-size:20px;
  text-align: center;
  
  cursor: pointer;
}


#content
{
	float: left;
	width: 600px;
	min-height:360px;
	
}

#content.full-width
{
	width: 950px;
	padding-bottom:30px;
}

#content.full-width p
{
	padding: 10px;
	
	font-size: 18px;
	line-height:22px;
}

#content.full-width h2
{
	margin-bottom: 0px;
}

#home-department-section
{
	
	margin: 10px 0px;
}

#home-department-section ul
{
	float: left;
	margin-bottom: 20px;
}

#home-department-section ul li
{
	float: left;
	padding: 10px 25px;
}

#home-department-section ul li img
{
}


#home-volunteer-section
{
	clear: left;
	margin: 10px 0px;
}

#home-volunteer-section h1
{
	margin-bottom: 0;
}

#home-volunteer-section ul
{
	margin-bottom: 10px;

	float:left;
	background: #f2f2f2;
}

#home-volunteer-section ul li
{
	float: left;
	padding: 10px 25px;
}

#home-volunteer-section ul li img
{
}


#sidebar
{
	float:right;
	width: 330px;
	margin: 0 20px;
	margin-right: 0;
	
}

#sidebar h1
{
	padding: 5px 0;
	color: #fff;
}

#sidebar p
{
	padding: 10px;
}

#sidebar-news-section, #sidebar-event-featured-section, #sidebar-event-review-section
{
	width: 330px;
	clear: both;
	float: left;
	margin-bottom: 10px;
	
	font-size: 16px;
	
	background:#ECECEC;
	border-bottom: #333 1px solid;
}

#sidebar-news-section a, #sidebar-event-featured-section a, #sidebar-event-review-section a
{color:#000040;}
#sidebar-news-section a:hover, #sidebar-event-featured-section a:hover, #sidebar-event-review-section a:hover
{color:#0000E1;}
#sidebar-news-section
{
	
	margin-bottom: 10px;
	height: 350px;          // before 2017-07-12: was 172px
	background:#ECECEC;
	border-bottom: #333 1px solid;overflow:hidden;
}


#sidebar-news-section h1
{
	
	background: #7ac943;
}

#sidebar-news-section div
{
	padding: 5px 15px;
}


#sidebar-event-featured-section
{
	
}


#sidebar-event-featured-section h1
{
	background: #00a99d;
}

#sidebar-event-review-section h1
{
	background: #ff931e;
}

#sidebar-event-featured-section ul, #sidebar-event-review-section ul
{
	clear: both;
	float: left;
	width: 300px;
	margin: 0 10px;
	border-bottom: dotted #555 1px;
	
}


#sidebar-event-featured-section ul li, #sidebar-event-review-section ul li
{
	float: left;
	padding: 5px 10px;
	
}

#sidebar-event-featured-section ul li img, #sidebar-event-review-section ul li img
{
	padding: 3px;
	background: #fff;
-webkit-box-shadow: 0px 0px 3px 1px rgba(71,71,71,.8);
-moz-box-shadow: 0px 0px 3px 1px rgba(71,71,71,.8);
box-shadow: 0px 0px 3px 1px rgba(71,71,71,.8);

}

#sidebar-event-featured-section div.btn-more, #sidebar-event-review-section div.btn-more
{
	float: right;
	margin: 10px;
}


#sidebar-event-review-section
{
	
}

.date
{
	

}

.title
{
	font-size: 22px;
}

.btn-more
{
	text-align: right;
}

#footer
{
	width: 950px;
	float:left;
	clear:both;
	padding: 15px;
	background: #333333; 
	font-size: 13px;
	color: #fff;
}


#footer a
{
}

#footer a:hover
{
	color: #fcee21;
}

#footer ul{
}


#footer ul li.copyright
{
	float: left;
}


#footer ul li.credit
{
	float: right;
}




/*
	Department Page Style

*/

ul.event-item
{
	clear:both;
	float: left;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
  
}

ul.event-item li.event-date
{
	width: 200px;
	padding: 10px;
	background: #39b54a;
	color: #fff;
}

ul.event-item li.event-title
{
	font-size: 24px;
	padding: 10px 0;
	font-weight: bold;
  margin-bottom: 10px;
}
ul.event-item li.event-detail
{
	float: left;
	font-size: 18px;
	padding: 10px;
	background:#f2f2f2;
  width: 930px;
}

ul.event-item li.event-detail .photo
{
	float: left;
	padding:8px;
	margin:0 10px;
	margin-right:20px;
	background: #fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);
-moz-box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);
box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);
}

ul.event-item li.event-detail .btn-more
{
	float: right;
	margin-top: 30px;
}
ul.event-item li.event-detail .title
{
	padding-bottom:12px;
	font-weight:bold;
  display:block;
}

/*
	Volunteer Form
*/

#contact-form
{
	clear:both;
	float:left;
	margin: 10px 0;
}

label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;height: 55px;
	text-align: right; font-size: 20px; color: #333; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	clear: right;width: 560px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #e5e5e5;
	border:none;
	
	font-size:18px;

}

textarea {
	width:700px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #e5e5e5;
	clear:both;
	border:none;
	font-size:18px;

 
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	
input:focus, textarea:focus {
	background: #b3ef54;
	font-size:18px;
}

input[type=submit] {
	width: 125px; height: 39px; float:left;  margin-left: 120px;
	cursor: pointer;
	
	background:url(../images/btn-send.png) no-repeat center center;
	text-indent: -9999px;
	
}



/*------------------------------------
	Library menu
------------------------------------*/
#library-menu
{
	clear: both;
	width: 100%;
	float:left;
	position: relative;
	
	margin-bottom: 20px;
	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	
background: #de6695; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlNjY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzI3OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #de6695 0%, #93278f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de6695), color-stop(100%,#93278f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #de6695 0%,#93278f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #de6695 0%,#93278f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #de6695 0%,#93278f 100%); /* IE10+ */

background: linear-gradient(to bottom,  #de6695 0%,#93278f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de6695', endColorstr='#93278f',GradientType=0 ); /* IE6-8 */

	
}

#library-menu a
{
	color: #fff;
	text-decoration: none;
}

#library a:hover, #library-menu a.selected
{
	color:#42210b;
	text-decoration: none;
	background:#FCEE2C;
	padding: 0 18px;
	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	
	background: #fcee21; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWUyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmIwM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fcee21 0%, #fbb03b 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcee21), color-stop(100%,#fbb03b)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fcee21 0%,#fbb03b 100%); /* IE10+ */

background: linear-gradient(to bottom,  #fcee21 0%,#fbb03b 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee21', endColorstr='#fbb03b',GradientType=0 ); /* IE6-8 */


}

#library-menu ul
{
	float: left;
	margin: 10px;
	
	
}

#library-menu ul li
{
	float: left;
	padding: 0 10px;
	
	font-size: 18px;
	text-align:center;
	
	
}

#library-menu ul li:first-child
{
}


#library-menu ul li:last-child
{
	border:none;
}



#library-menu ul li div
{
	width: 200px;
	position: absolute;
	z-index:99;
	margin:0;
	padding:10px 0;


}

#library-menu ul li div ul
{
	
	padding: 0px 15px;
	margin: 0;
	background: #1c8e83;
	background: rgba(28,142,131,0.80);

}
#library-menu ul li div ul li
{
	width: 100%;
	margin:auto;
	padding: 10px 0;
	border: none;
	border-bottom: 1px dashed #fff;
	text-align:left;

}

#library-menu ul li div ul li:last-child
{
	border: none;
}

#library-menu ul li div ul li a:hover
{
	background: none;
	color: #fcee21;
}



#library-menu ul li div { display: none; }
#library-menu ul li:hover div { display: block; }


.photo-group
{
	width: 430px;
	float: left;
}

.photo-group span
{
	padding: 20px;
	display:block;
	text-align:center;
	font-size:18px;
}


.photo-group .photo 
{
		float: left;
		width: 400px;
	padding:8px;
	margin:10px;
	
	background: #fff;
-webkit-box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);
-moz-box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);
box-shadow: 0px 0px 5px 1px rgba(71,71,71,.8);

}
/* pages_navigation */
#page {
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	word-spacing: 10px;
}