/***************************************************
SHAMROCK 033/001
***************************************************/
body {
background-color: #aaaa77;
}

div.center h1
{
background: #fff url(/ireland/091/033001-misc01.jpg) no-repeat;
padding: 40px 40px 0 40px;
margin: 5px 5px 10px 7px;
text-align: center;
vertical-align: middle;
display: block;
border: none;
/*line-height: 1.1em;*/
height: 90px;
}

div.center h1 a#cont{
color: #000;
}

div.center h1 a#cont span.normal-small-font{
font-weight: normal;
font-size: 0.75em;
/*line-height: 1em;*/
}

/*div.center h2 {
border: 1px solid #ccc;
padding: 5px 0 5px 10px;
margin-left: 7px;
margin-right: 7px;
}*/

h2.border-heading  {
border: 1px solid #ccc;
padding: 5px 0 5px 10px;
margin-left: 7px;
margin-right: 7px;
}


/************* LEFT MENU **************/
/*.left {overflow: visible;}*/

ul.nav {
background-color: #fff;
color: #000;
border-bottom: 1px solid #ccc;
}

ul.nav li {
width: 148px;
background-color: #cccc99;
border-bottom: none;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-bottom: 0;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 7px 10px 7px 10px;
}

ul.nav li a.menulink:hover {
background-color: #666633;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
width: 130px;
}

ul.nav li span.on-state {
background-color: #666633;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
width: 130px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #666633;
color: #fff;
margin: 0;
padding: 7px 10px 7px 10px;
width: 130px;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3 {
margin: 0;
padding: 5px 0 8px 10px;
background-color: #cccc99;
border: none;
}

/* Forcing to not have the borders for any child elements */
ul.nav3 * {
border: none !important;
}

ul.nav3 li {
margin: 0;
padding: 1px 0 0 0;
border: none;
background-color: #cccc99;
}

ul.nav3 li span.on-state {
padding: 7px 3px 7px 5px;
margin: 0px;
background-color: #666633;
color: #fff;
width: 125px;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #666633;
color: #fff;
padding: 7px 3px 7px 5px;
margin: 0; 
width: 125px;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
margin:  0;
padding: 7px 3px 7px 5px;
text-decoration: none;
background-color: #cccc99;
}

ul.nav3 li a.menulink:hover {
background-color: #666633;
margin: 0;
padding: 7px 3px 7px 5px;
color: #fff;
width: 125px;
}

/* styles for the link at the bottom of the left nav | style pour le lien au bout de la navigation de la gauche */

div#procontainer a.menulink{
padding: 5px 10px;
width: 128px;
}

div#procontainer a.menulink:hover{
padding: 5px 10px;
width: 128px;
}


/*************RIGHT SIDE IMAGE ***************/
div.right-navigation-image {
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
color: #000;
}

div.image-container{
width: 193px;
margin: 0 auto;
padding: 0;
border: 1px solid #ccc;
}

div.image-container p{
font-size: 0.85em;
padding: 0;
margin: 2px 0 10px 5px;
}

/* GALLERY CLASSES FOR THE MAIN PAGES */ 

div.left-img-wrapper
{
float: left;
width: auto;
margin-bottom: 0;
}

div.right-img-wrapper
{
float: right;
width: auto;
margin-bottom: 0;
}

div.left-img-frame
{
width: 180px;
margin: 10px;
padding: 10px 10px 10px 0;
border: 1px solid #000;
display: table;
}

div.right-img-frame
{
width: 180px;
margin: 10px;
padding: 10px 0 10px 10px;
border: 1px solid #000;
display: table;
}

div.img-source-right 
{
width: auto;
float: right;
text-align: center;
margin-left: 5px;
}

div.img-source-left 
{
width: auto;
float: left;
text-align: center;
margin-right: 8px;
}

div.img-source-right p.source, div.img-source-left p.source
{
font-size: 0.85em;
margin: 0 0 5px 0;
padding: 0;
}

div.left-img-frame p.caption, div.right-img-frame p.caption
{
font-size: 0.85em;
padding: 0 5px 0 5px;
}



/* GALLERY CLASSES FOR THE MAIN GALLERY PAGE - 033001-3000-x.html*/ 

div.main-gallery-wrapper
{
width: 95.5%;
margin: 10px auto;
padding: 0;
/*border: 1px solid #ccc;*/
display: table;
}

div.main-gallery-wrapper h3
{
font-weight: bold;
font-size: 0.85em;
text-align: left;
padding: 0;
height: 30px; /* set height because the title are of different lengths so without the height the alignment won't be good */
}

div.main-gallery-sec-left, div.main-gallery-sec-right, div.main-gallery-center
{
padding: 5px 0 15px 7px;
/*text-align: center;*/
}

div.main-gallery-sec-left
{
width: 119px;
float: left;
margin-right: 4px;
}

div.main-gallery-center
{
width: 120px;
float: left;
}

div.main-gallery-sec-right
{
width: 118px;
float: right;
}

div.main-gallery-sec-left img, div.main-gallery-sec-right img, div.main-gallery-center img
{
margin-top: 5px;
margin-bottom: 5px;
}

/*div.main-gallery-center
{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}*/

div.main-gallery-sec-left p.source-caption, div.main-gallery-sec-right p.source-caption, div.main-gallery-center p.source-caption
{
font-size: 0.85em;
padding: 0 10px 0 0;
text-align: left;
}

/* Create a border for seperating the galery sections 
div.set-top-border
{
clear: left;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
display: table;
}
*/
/* Create a div for seperating the galery sections */
div.seperator-top
{
clear: left;
width: 100%;
margin: 0;
padding: 0;
display: table;
/*border-top: 1px dotted #000;*/
}



/* GALLERY CLASSES FOR THE GALLERY PAGES FROM 033001-3002-x.html to 033001-3008-x.html */ 

div.gallery-main-wrapper
{
width: 98%;
margin: 1em auto 0 auto;
padding: 0;
display: table;
}


div.gallery-img-right-frame-left, div.gallery-img-right-frame-center, div.gallery-img-right-frame-right,
div.gallery-img-left-frame-left, div.gallery-img-left-frame-center, div.gallery-img-left-frame-right
{
float: left;
width: 175px;
height: 165px;
border: 1px solid #000;
display: table;
}

div.gallery-img-right-frame-left
{
margin: 0 10px 0 0;
padding: 10px 10px 10px 0;
}

div.gallery-img-right-frame-center
{
margin: 0 10px 0 0;
padding: 10px 10px 10px 0;
}

div.gallery-img-right-frame-right
{
margin: 0;
padding: 10px 10px 10px 0;
}

div.gallery-img-left-frame-left
{
margin: 0 10px 0 0;
padding: 10px 0 10px 10px;
}

div.gallery-img-left-frame-center
{
margin: 0 10px 0 0;
padding: 10px 0 10px 10px;
}

div.gallery-img-left-frame-right
{
margin: 0;
padding: 10px 0 10px 10px;
}

div.gallery-img-right-frame-left p.caption, div.gallery-img-right-frame-center p.caption, div.gallery-img-right-frame-right p.caption,
div.gallery-img-left-frame-left p.caption, div.gallery-img-left-frame-center p.caption, div.gallery-img-left-frame-right p.caption
{
font-size: 0.85em;
padding: 0 5px 0 5px;
}

div.set-height180 {height: 180px;}

/* LIST Classes */

.center ul li, ol li {
margin-bottom: 0.35em;
line-height: 1.1em;
}

/*CLASSES FOR IMAGE DISPLAY PAGE*/

.genapp_image_display_container {
   width: 565px;
   display: table;
   padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid purple; */ 
}

.genapp_image_display_label {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    width: 565px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid silver;  */   
}

.genapp_image_display_page_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 565px;
	display: table;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}

/*END OF CLASSES FOR IMAGE DISPLAY PAGE*/

/* table class */

table.music-gallery
{
padding-left: 0 !important;
margin: 1em 0 1em 1.2em;
font-size: 0.85em;
}

table.music-gallery th, table.music-gallery td
{
text-align: left;
vertical-align: top;
}

table.music-gallery{
line-height: 1.2em;
}

table.music-gallery th
{
white-space: nowrap;
}

span.music {
color: #990033;
font-weight: bold;
}

p.lightGreyParagraph
{
clear: left;
background-color: #ccc;
color: #000;
margin: 1em 0.5em 1em 1em;
padding: 5px;
}

p.lightGreyParagraph a, p.lightGreyParagraph a:link, p.lightGreyParagraph a:visited, p.lightGreyParagraph a:hover, p.lightGreyParagraph a:active
{
color: #000;
}

/* Class for Symposium sponsors link and images alignment */

div.symp-sponsors {
width: auto;
margin: 1em 0;
padding: 0;
}

div.symp-sponsors img{
vertical-align: middle;
margin-left: 1em;
}

/* Empty Clear Space */

div.clear-space {
width: 100%;
clear: left;
display: block;
}