/*BODY*/
        
        
        @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    /*vertical-align: baseline;*/
}

body {
    color: #333333;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
    font-size: 100%;
}



h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2F3440;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

.nav ul li a {
          font-size:0.8em;
          }

     

p {
   margin-bottom:1.71429em;
   }
   
strong, th {
   font-weight:bold;
   }

        
/*body {font: 13px "Lucida Grande", sans-serif !important; }*/
               
        
        
        /* HEADER COLORS */
	h1, h3, h5 {
		color: #342d7e;
                margin-bottom:1.09091em;
	}

	h2, h4, h6 {
		color: #578693;
                margin-bottom:1.2em;
	}
        
        
        h4 { margin-bottom:5px;
       }
       
        h1 {
            font-weight:bold;
            font-size:26px;
            }
            
        h2 {
            font-size:22px;
            }
            
        h3 {
            font-size:20px;
            }
            
            
        #page_21773 h2 {
               font-size:13px;
               font-weight:bold;
               color:#ffffff;
               background: #578693;
               width:170px;
               padding:3px 0px 2px 9px
        }

        


	/* ANCHOR COLORS */
	#content a, #content a:link, #content a:active {
		color: #342d7e;
	}
	
	#content a:hover, #content a:focus {
		color: #ffffff;
		background-color: #342d7e;
	}
	
	#content a:visited {
		color: ##6611CC;
	}
		
	
	/* BANNER */
	#banner {
		background: transparent url('/media/dundeewebsite/museum/assets/img/defaultBanner.jpg');
	}
	
	
	/* DEPARTMENT */
	#department {
		background: #342d7e;
	}
	
	#bannerSwitch {
		background-color: #578693;	
	}
	
	#bannerSwitch:hover {
		background-color: #ffffff;	
	}
	
	
	/* FIRST LEVEL NAVIGATION */
	#mainNav {
		background-color: #578693;	
	}
	
	#mainNav ul li a, #mainNav ul li a:link, #mainNav ul li a:active {
		color: #ffffff;
	}
	
	#mainNav ul li a:hover, #mainNav ul li a:focus {
		color: #578693;
		background-color: #ffffff;
	}
	
	/*#mainNav ul li a:visited {
		color: #;
	}*/
	
	
	#mainNav ul li span.currentbranch0 a {
    background-color: #FFFFFF;
    color: #578693;
    text-decoration: none;
}


	
	/* SECOND LEVEL NAVIGATION */
	#subNav {
		background-color: #00cc00;	
	}
	
	#subNav ul li a, #subNav ul li a:link, #subNav ul li a:active {
		color: #00cc00;
	}
	
	#subNav ul li a:hover, #subNav ul li a:focus {
		color: #ffffff;
		background-color: #00cc00;
	}
	
	/*#subNav ul li a:visited {
		color: #;
	}*/
	
	#subNav ul li span.currentbranch0 a {
		color: #00cc00;
		background-color: #ffffff;
	}
	
	
	/* LEFT PANEL */
	#page_21773 #left .leftpanel {
        	background:#ffffff;
                
        }
        #page_21773 #left {
        	border-right2: solid 1px #578693;
                padding-right2:10px;
                }
        
        #page_21773 #left .leftpanel ul li {
         	list-style-type:square;
                margin: 0.5em 0 0.3em 3em;
                font-weight:bold;
        }
        
	#left .leftpanel {
		background: #eeeeee;
	}
	#page_21773 #left .leftpanel h5 {
		color: #ffffff;
		background-color: #578693;
                font-size: 13px;
                font-weight:bold;
                width:170px;
	}
        
	#left .leftpanel h5 {
		color: #ffffff;
		background-color: #342d7e;
	}
	
	
	/* RIGHT PANEL */
	
        
        #page_21773 #right .rightpanel h5 {
        	background-color:#fff;
        	border-left2: solid 1px #578693;
                padding-left2:10px;
                }
        
	#right .rightpanel {
		background: #eeeeee;
	}
	
	#right .rightpanel h5 {
		color: #ffffff;
		background-color: #342d7e;
	}
        

#right #rightpanel_82779, #right #rightpanel_87849, #right #rightpanel_88981
	{
       
        background-color:#fff;
        border: solid 1px #a82322;
        padding:10px;
        border-bottom:12px solid #a82322;
}
#right #rightpanel_82779, #right #rightpanel_87849, #right #rightpanel_88981 .content ul li
        {
         margin-bottom:20px !important;  
        }
        

/*LISTS*/
#content ul {margin:0.5em 1em 1.5em 3em;}
	
        	
	/* TABLE COLORS */
	th {
		background-color:#342d7e;
                color:#fff;
                font-size:1.1em;
                padding-bottom:15px !important;
    		padding-top: 15px !important;
                
		}
       th, td {
              padding-bottom:0px;
              border: 2px solid #fff;
       }
       #td {background-color: #eee;}

.nobackground td {background:#fff; padding-bottom:10px;}
.nobackground td p {margin-bottom:0px;}
        
#images_3_col
		{
		width:450px;

		float:left;
                               margin-top:10px;
                               margin-left:10px;
		}


.images_3_col {
		width:100px;
		height:115px;
		float:left;
		padding:5px;
		margin-left:20px;
		margin-bottom:5px;
                                background-color:#eee;

                                text-align:center;
                }

	
	
	/*Homepage*/
	#lefthome {
	position:relative;
	float:left;
	width:220px;
	margin-right:10px;
	padding:10px;
	
}

#middlehome {
	position:relative;
	float:left;
	width:350px;
	border-left:thin #578693 solid;
	border-right:thin #578693 solid;
	margin-right:10px;
	margin-bottom:30px;
	padding:10px;
	padding-left:30px;
	min-height:750px;
}

#righthome {
	position:relative;
	float:left;
	width:220px;
	margin-right:10px;
	padding:10px;
	text-align:center;
}

h2.home-stop  {
	display:block;
	color:#FFF;
	background-color:#578693;
	font-size:13px;
	padding-left:5px;
	font-weight:bold;
	width:170px;
}

h2.home2-stop  {
	display:block;
	color:#FFF;
	background-color:#578693;
	font-size:13px;
	padding-left:5px;
	font-weight:bold;
	width:250px;
}

ul.home  {
	color:#578693;
	/*float:left;*/
	/*position:relative;*/
	list-style-type:square;
}

p  {
	
}

.homeimage { 
	text-align:center;
	border:#578693 solid thin;
}

p.spacer {clear:both; margin-bottom:20px;}

p.caption {
	color:#808080;
        font-style:italic;
        margin-top: -5px;
        font-size:13px !important;
	}
        
p.ref {font-size: 11px !important;
	color:#100778;
        }
p > img {margin-bottom:-15px;}       
        
.nivoSliderImage {display:none;}
.nivoslider {margin-bottom:10px;}


#left-top {
	border: solid #ddd 1px;
	width2: 204px;
	padding: 8px;
	margin-bottom: 20px;
	border-bottom2:3px solid #898989;
        border-left:10px solid #ee5a18;
        background-color: #eeeeee;
        margin-left2:-20px;
        width:340px;
        float:left;
}

#right-top {
	border: solid #ddd 1px;
        padding: 8px;
	margin-bottom: 20px;
	border-bottom:3px solid #898989;
        border-left:10px solid #ee5a18;
        background-color: #eeeeee;
        
        
}

#tabsContainer ul li
	{
         list-style:none !important;
        }

blockquote {
	margin-left:23px;
        margin-right:100px;
        margin-bottom:10px;
        }
        
 /*GALLERY*/ 
/* resize images to a height of 110px */
		/*body{
			font-family: arial;
			font-size: 100%;
		}*/
		.gallery{
			width: 100%;
		}
		div.item {
			background: #fafafa;
			border: 1px solid #ddd;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			box-shadow: 2px 2px 2px #f9f9f9;	
			-moz-box-shadow: 2px 2px 2px #f9f9f9;
			-webkit-box-shadow: 1px 1px 3px #f0f0f0;
			color: #333;
			float: left;
			margin: 0.5em;
			padding: 1em;
			text-align:center;
			width: 180px;
			height: 180px;
		}
		div.item a img{
			background: #fff;
			border: 1px solid #eee;
			padding: 10px 20px;
		}
		/* landscape */
		div.item a img.ls{
			width: 75%;
			height: 50%;
		}
		/* portrait */
		div.item a img.pt{
			margin: 0 auto;
			height: 50%;
		}
		ul.meta{
			font-size: 0.875em;
			padding: 0;
			margin: 0.5em 0 0 0;
		}
		ul.meta li{
			color: #555;
			list-style: none !important;
			line-height: 1.5em;
		}
		ul.meta li.title{
			font-weight: bold;
		}
                 
                ul.meta li.artist{
			font-weight: italic;
		}
                ul.meta li.copyright{
			color:#342D7E;
		}
#CUSTOM


#selectionContainer { float: left; }

#selection, .collectionContent { float: left; border2: 1px solid red; }
#selection { width: 155px; margin-right: 35px; text-align: center; }
#selection a { display: block; padding: 10px 0; margin-bottom: 10px;  #background-color: #ddd; border:solid 1px #222;}
#selection a span { width: 122px; margin-top2: -30px; margin: 0 auto; margin-bottom2: 15px; display: block; }
#selection a:link span, #selection a:active span, #selection a:visited span { background-color: #333; color: #fff; padding: 2px 4px; font-size:12px;}
/*#selection a:hover span, #selection a:focus span { color: #333; background-color: #aaa; }
#selection a.active span { background-color: #f00; }*/
#selection a:hover, #selection a:focus { background-color: #444; }
#selection a.active { #background-color: #829390; }

.collectionContent { width: 645px; display: none; }
.collectionContent .content { float: left; width: 313px; border2: 1px solid red; margin-right: 19px; margin-bottom: 15px; text-align: center; }

.collectionContent h2, .collectionContent h3, .collectionContent p { word-wrap: break-word; }

.margin-none { margin: 0 !important; }

.clearleft { clear: left; }
.clearboth { clear: both; }
.collectionContent { display: block; }


/*homepage test*/
.box1 {	
	width:530px;
        background:#eee;
        border-bottom:#660111 solid 2px;
        }
        
.box-home {
	
	background: url(http://wcm-stage.dundee.ac.uk/media/dundeewebsite/assets960/img/overlayButton.png) #A1C5CA repeat-x scroll 0 0;
	width2: 180px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background2: #DB5182;/*D97271*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    overflow: visible;
    padding: 8px 19px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    width: 288px;
    margin-top:30px;
}

.box2 { width:200px;
	float:left;
        border:1px solid grey;
        }

#page_23206 .grid_9 
	{border2: solid 1px #578693;
         padding2:2px;
         margin-top: 10px;
         
        }
#page_23206 .grid_9 h3
	{background-color:#578693;
        color:#fff;
        padding:4px;}

/*A-Z HEADER*/
#az-head-container {font-size:14px;}

/*FOOTER*/
#footer #footerNav ul li, #footer
	{font-size:11px;}
/*NAV*/
#department p {margin-bottom:0;}

/*collections fix for temporary page load*/
div.link { display: none; }