/* START MAIN SITE CONTROLS
--------------------------
*/

.title, h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color : #275AB5;
	align : center;
	text-decoration:none;
	padding-top: 10px;
}

.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color : #ffffff
}

p,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000
}
/* END MAIN SITE CONTROLS
--------------------------
*/



/* START MAIN SITE LINKS
--------------------------
*/

a:link {
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color: #FFFFFF;

}
a:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
		color: #FFFFFF;
}
a:hover {
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color: #275AB5;
}




/* END MAIN SITE LINKS
--------------------------
*/


/*MENU CSS*/
/* General configuration CSS */
#menu ul li ul{
  display:none;	/* Needed to display ok in Opera */
}

#menu{
		visibility:hidden;
	
}
#menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
}
#menu li{
		list-style-type:none;	/* No bullets */
}
#menu a{

		margin:0px;
		padding:0px; 
}





/* End general configuration CSS */
/* Cosmetic */

/***********************************************************************
CSS - MENU BLOCKS
General rules for all menu blocks (group of sub items)
***********************************************************************/
#menu ul{
	border:1px solid #000;
	background-color:#FFF;
	padding:1px;

   
	

}

#menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	background-color:#000;
	overflow:visible;
		

}
#menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	background-color: #000;
  color: #FFF;
  	
}




/***********************************************************************
CSS - MENU ITEMS
Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#menu a{
	color: #FFF;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	font-size: 18px;
}

#menu{
	visibility:hidden;
    height:27px;

}


/* Main menu items	*/

#menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
}
#menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#FFF;
	border:1px solid #000;
}
#menu .currentDepth1 a{
	font-weight:bold;
}
#menu .currentDepth1over a{	/* Text rules */
	color:#000;
	font-weight:bold;
}

/* Sub menu depth 1 */
#menu .currentDepth2{
	padding-right:2px;
}
#menu .currentDepth2over{
	padding-right:2px;
	background-color:#FFF;
}
#menu .currentDepth2over a{	/* Text rules */
	color:#000;
}
/* Sub menu depth 2 */
#menu .currentDepth3{
	padding-right:2px;
	border:1px solid #FFF;
}
#menu .currentDepth3over{
	padding-right:2px;
	background-color:#EDE3EB;
	border:1px solid #000;
}
/* Sub menu depth 3 */
#menu .currentDepth4{
	padding-right:2px;
	border:1px solid #FFF;
}
#menu .currentDepth4over{
	padding-right:2px;
	background-color:#EBEDE3;
	border:1px solid #000;
}


/* Gallery */

div#gallery-breadcrumbs ul {
	list-style:none;
	clear:left;
	padding:0;
}

div#gallery-breadcrumbs ul li {
	float:left;
	padding-right:7px;
	font-size:13px;
}

.galleries h1 {
	padding-top:0;
}

div#gallery-list ul {
		display:block;
		margin:0;
		padding:0;
}

div#gallery-list ul li {
	float:left;
	width:50%;
		display:block;
		margin:0;
}

div#gallery-list ul li div {
		padding:6px 0;
}

div#gallery-list ul li span.actions {
		float:right;
}

div#gallery-list ul li em {
		color:#ccc;
}


div#gallery-list ul li a.toggle,
div#gallery-list ul li span.no-children {
	display:none;
}

div#gallery-thumbs {
	width:500px;
	margin:auto;
}

div#gallery-thumbs ul {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
}

div#gallery-thumbs ul li {
		position:relative;
		float:left;
		width:32%;
		margin:0.5%;
}

div#gallery-thumbs ul li.first {
		clear:left;
}


div#gallery-thumbs ul li img {
		max-width: 90%;
		padding: 5%;
		max-height: 100px;
		margin: auto;
		display: block;
}

/* START Button Controls 
--------------------------
*/
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: #4CAF50; 
    color: white; 
    border: 2px solid #4CAF50;
	border-radius:8px;
}

.button1:hover {
    background-color: white;
    color: black;
}

.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: #f44336; 
    color: white; 
    border: 2px solid #f44336;
	border-radius:8px;
}

.button3:hover {
    background-color: white;
    color: black;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}


/* END Button Controls 
--------------------------
*/