@charset "UTF-8";
/* CSS Document */

 /* For general iPad layouts */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
 
        #topline {
            height: 175px;
            width:100%;
            
            position:relative;
            font-family: 'Conv_dinproregular', sans-serif;
            background-color: white;
    
            }

    body{background: none; background-color:white; width: 1024px;}    


}*/

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
    
        
        #topwrap {position:relative; width:90%!important; background-color:white;}

        body{background: none; background-color:white; width:1024px!important;}
        
 
        #logolive a {background:url(../images/LogoLive@2x.png)!important; background-size:250px;}

        /*#topline .flag, .date h2, .patronage, .patronage h4 {margin-right:30px;}*/
/* Retina-specific stuff here */
}





a#cotmlogo{
    background:url(../images/cotmlogo.png);position:relative;width:133px; height:155px;display:block;float:left;background-position:0 0;}

#logolive a {background:url(../images/LogoLive.png); position:relative;width:250px; height:71px;display:block;float:left;background-position:0 0;
}

#logolive {position:absolute;width:250px; height:71px; margin-left:-125px; padding-left: 50%;padding-top:50px;
}


a {
    text-decoration:none;
    color:#000;
}

#topwrap {position:relative; width:100%; background-color:white;}



#topline {
    height: 175px;
    width:85%;
    margin:0 auto;
    min-width:1024px; 
     
    position:relative;
    font-family: 'Conv_dinproregular', sans-serif;
    
}



#topline .flag p span.active a {
	color:#cb081c;
}
#topline .flag p a:hover {
	color:#cb081c;
}

#topline .flag {
	position:absolute;
	right:20px;
}

#topline .date h2 {
font-family: 'Conv_dinproregular', sans-serif;
position: absolute;
right: 20px;
font-size: 22px;
text-transform: uppercase;
top: 40px;
}

#topline .patronage {
position: absolute;
right: 20px;
font-size: 12px;
text-transform: uppercase;
top: 81px;
}

#topline .patronage h4 {
    text-align: right;
    font-weight:normal;
    margin:0px;
    padding-top:20px;
   
}
.red {
color: 
#cb081c;
}


/* MENU */


#topmenu_wrapp {
position: relative;
z-index: 20;
width: 100%;

background-color: #fff;
}

#menu_top {
	position:relative;
	width:960px;
	margin:0 auto;
    font-family: 'Conv_dinproregular', sans-serif;
    
    padding-top:20px;
    background-color: white;
    
   
}

ul {padding:0px; margin: 0px;}
ul, ul li{list-style: none; }
ul.text {margin-bottom: 1em; line-height: 1.5em;}
.text-center {text-align: center;}

ul.dropdown {
position: relative;
z-index: 100;
font-size: 15px;
text-transform: uppercase;
}
ul.dropdown li {
float: left;
zoom: 1;
padding: 3px 3px 3px 4px;
}
ul.dropdown li:last-child a {
border-right: none;
}
ul.dropdown ul {
width: 190px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
background-color: 
#fff;
}  
/* DROPDOWN MENU */

#menu_top ul									{ list-style: none; z-index:10000;
									}
ul.dropdown                         { position: relative; z-index:1000; font-size:14px; text-transform:uppercase}
ul.dropdown li                      { float: left; zoom: 1; padding:3px 3px 3px 4px;}
ul.dropdown a:hover		            {  }
ul.dropdown a:active                {  }
ul.dropdown li a                    { display: block; padding: 2px;
									}
ul.dropdown li a:hover 				{ color:#CB081C; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {  position: relative; }
/* LEVEL TWO */
ul.dropdown ul 						{ width:190px;visibility: hidden; position: absolute; top: 100%; left: 0; background-color:#fff;}
ul.dropdown ul li 					{ font-weight: normal; float: none; }
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }
/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/*titles*/

#gtitlewrap { position:relative; width:100%; background-color:#fff; padding-top:20px;}
#GalTitle {
    position:relative;
	width:960px;
	margin:0 auto;
    font-family: 'Conv_dinproregular', sans-serif;
    border-top:1px solid #eee;
    padding:10px 0px;
    
    text-align:center;
    background-color:#fff;
}

    #indexg {font-size:0.7em; color:#ddd;}
    #GalTitle a:hover {color:red;}


#GalTitle h1 {
text-align: center;
font-size: 24px;
font-weight: normal;

}

#GalTitle p {
margin:5px 0px !important;
padding:0px 150px;;    
text-align: center;
font-size: 0.8em;
color: #777;
margin: 0;
}

#courtesy{position:relativere;width:500px;margin:0 auto; text-align:center; background: #cb081c; padding:20px; margin-top:20px;}
#courtesy h1, #courtesy h2, #courtesy p{font-family:'Conv_dinproregular', sans-serif;text-transform:uppercase; color: White; font-weight:normal!important;}
#courtesy p {color:#333; margin-top:-10px;}

.enf { color: #000;}
/* adding wookmark styles*/

#main p {font-family: 'Conv_dinproregular', sans-serif; font-size: 0.9em !important; }

#fblike {margin:0px 0px 2px 0px ;z-index:3;}
#fbcont {position:relative; height:30px;border-left:1px solid #dedede; border-right:1px solid #dedede; padding-left:5px;}
.temphide {display:none!important; visibility:hidden!important;}