body.mceContentBody { 
	background: #000000; 
	font-family: Verdana, Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	color: #FFFFFF;
}


/* CLASS STYLES */

/* A */

/* B */

/* C */

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}

#credit {
      color: #333333;
}

/* D */

#displaywindow { width: 100%; border-collapse: collapse; background-color: #9E0709; color: #FFFFFF; font-size: 20px;}
#displaywindowleft { }
#displaywindowright { text-align: right; padding-right: 10px; }
#displaywindowprint { margin-right: 10px; }
#displaywindowclose {}
#displaywindowcontent {}

/* E */

.EventSummaryDiv { width: 29%; float: left; background-color: #FF0; border: 1px solid #000; padding:20px; cursor: pointer;}
.EventSummaryDiv h1 { font-size: 20px;}
.EventSummaryDiv h2 {font-size: 14px; }
.EventSummaryDiv p {font-size: 10px; }
.EventSummaryThumbnail { 
     float:right; 
     max-width:150px;
     height: auto;
     max-height:100px;
     width: auto;
}

.EventCategory {
        text-align: center;
	font-size: 20px;
	font-weight: normal;
        padding:20px;
}
.EventCalendarTable {
	width: 100%;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	vertical-align: top;
}
.EventSelectMonthRow {
        background-color: #FFCC00;
}
.EventMonthSelect {
       cursor: pointer;
}
.EventPreviousMonth {
	cursor: pointer;
	background-image: url(/admin/images/slideshow_arrow_previous.gif);
	background-repeat: no-repeat;
	background-color: #666;
	background-position: center center;
}
.EventCurrentMonth {
	color: #FFF;
	background-color: #666;

}
.EventNextMonth  {
	cursor: pointer;
	background-image: url(/admin/images/slideshow_arrow_next.gif);
	background-repeat: no-repeat;
	background-color: #666;
	background-position: center center;
}
.EventSMTWTFS {
	color: #FFF;
	background-color: #CCC;
	width: 14%;
}
.EventCalendarToday {
	width: 14%;
	background-color: #FFF;
}
.EventCalendarToday A  {
}
.EventMonthDays {
	background-color: #FFC;
}
.EventCalendarOtherDays {
	/* lead in and lead out days from previous/next month */
	width: 14%;
	background-color: #FF0000;
}
.EventCalendarWeekend {
	width: 15%;
	background-color: #393;
}
.EventCalendarWeekend A {
}
.EventCalendarTable A  {
}
.EventCalendarTable A:hover {
}
.Event {
	border-top:#999 1px solid;
	margin-top:0px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}
.EventListThumbnail {
	float:left;
	padding-right: 10px;
}
.EventThumbnail {
}

/* F */

fieldset {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.formmandatory {
    color: #FF0000;
	font-size:16px;
	line-height:10px;
	}
.formmandatory:after {
	content: "#";
	}
.formmandatorytitle:after {
	content: " required fields";
	}
.formtable {
	}
.formleftcol, .formrightcol {
    margin-top: 10px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 10px;
	}
.formleftcol {
	font-weight: normal;
	font-style: italic;
        text-align:right;
}
.formrightcol {
}
.formitem {
	font-weight: bold;
	font-style: italic;
	margin: 10px 0px 5px 0px;
}
.formfield {
	margin: 0px 0px 0px 40px;
}
.formnotestart {
}
.formnote {
	color: #009933;
	margin: 20px 0px 5px 0px;
}
#formcheckcodeleft {
	float: left;
}
#formcheckcoderight { 
	float: left;
	margin: 0px 0px 0px 35px;
}
#formsubmit {
	clear:both;
	margin: 60px 0px 0px 40px;	
}

.forumfieldset {
	font-style: normal;
	font-size: 16px;
}
.forumpostee {
	color: #FF0000;
	font-style: italic;
}
.forumreply {
	color: #0B3F10 ;
	font-style: italic;
}
.forumdate {
	color: #B17608;
	font-style: italic;
}
.forumreplyreply {
	margin-left: 50px !important;
	font-size: 14px;
}

.forumnewmessage {
        border-radius: 2px;
        color: #FFFF00;
        background-color: #FF0000;
        padding: 2px;
        font-size: 10px;
}

/* G */

/* H */

#homeleft  {
       float:left;
       width: 40%;
}

#homeright {
      float: left;
      width: 400px;
}
h1, h2, h3, h4, h5, h6 {
      color: #cccccc;
  	 }

h1 {
      font-size: 30px;
      font-weight: Normal;
}
h2 {
      font-size: 26px;
      font-weight: Normal;
}
h3 {
      font-size: 22px;
      font-weight: Normal;
}
h4 {
      font-size: 18px;
      font-weight: Bold;
}
h5 {
      font-size: 18px;
      font-weight: Normal;
}
h6 {  
      font-size: 16px; 
      font-weight: Normal;
}

/* I */

img {
	border: 0px;
}

.image_left_pad_10_right {
	float: left;
	padding-right: 10px;
}

.image_right_pad_10_left {
	float: right;
	padding-left: 10px;
}

input[type="text"] {
	color: #000000;
	vertical-align: middle;
	border: 1px #993300 solid;
	border-radius: 3px;
	height: 30px;
	background-color: #F5F4F4;
}


input[type="text"]:hover {
	background-color: #FFFFFF;
}

input[type="button"], input[type="submit"]  {
	color: #000000;
	font-style: normal;
	font-size: 18px;
	padding: 20px;
	border-radius: 2px;
	background-color: #FFCC00;
}

input[type="button"]:hover, input[type="submit"]:hover  {
	background-color: #FF3300;
        color: #FFFFFF;
}

/* J */

/* K */

/* L */

/* M */

/* N */


.none {}


/* O */

/* P */

p, table, form, fieldset, ul, li {
	font-size: 16px;
	line-height:18px;
	margin:10px 0px 10px 0px;
	color: #FFFFFF;
}

/* Q */

/* R */

.roundedbox {
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #EDE2c6;
      padding:10px;
      margin-bottom: 10px;
      
}

/* S */

.shaddowbox {
	 /* box-shadow: h-shadow v-shadow blur spread color inset; */
    -moz-box-shadow:    3px 3px 3px 0px #ccc;
    -webkit-box-shadow: 3px 3px 3px 0px #ccc;
    box-shadow:         3px 3px 3px 0px #ccc;
}

.slideShowImage {
	height: 100px;
	width: auto;
}

.searchfind {
      margin-top: 10px;
     float: left;
}
.searchsubmit {
      margin-top: 10px;
      margin-left: 10px;
      float: left;
}

.searchfilters {
}

.searchalpha {
}


/* T */

.textbox   {
	color: #000000;
	vertical-align: middle;
	border: 1px #993300 solid;
	border-radius: 2px;
	height: 30px;
	background-color: #F5F4F4;
}
.textblock  {
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border: 1px #993300 solid;
	background-color: #F5F4F4;
}

textarea:hover {
	background-color: #FFFFFF;
}

#table1 {
    font-size:20px;
    width:100%;
    border-collapse:collapse;
	margin: 20px 0px 20px 0px;
}
#table1 td, #table1 th {
       border:1px solid #FFFFFF;
       padding:3px 7px 2px 7px;
	   vertical-align:top;
}
#table1 th {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #666;
	color: #ffffff;
	font-weight: bold;
}
#table1 th A {
	color:#ffffff;
}
#table1 tr:nth-child(odd) {
	background-color: #333333;
}
#table1 tr:nth-child(even) {
	background-color: #666666;
}
#table1 tr:hover, #table1 td:hover, #table1 tr:hover p{
	background-color: #F9FF8E;
        color: #666666;
}
#topRow {
	padding: 20px;
	height: 130px;
	background-image: url(images/World.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #000;
}

/* U */

#upcomingexhibitions {
       width: 100%;
       text-align:center;
       padding: 20px;
       border: 2px solid #FFCC00;
       height:400px;
}

/* V */

/* W */

/* X */

/* Y */

/* Z */


/* =================== for mobiles devices ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 600px) { 

body {
	font-size: 20px;
	}

/* A - MOBILE STYLE */
/* B - MOBILE STYLE */
/* C - MOBILE STYLE */
.calendarIcon {
	height:40px;
	width:auto;
}
.CalendarTable {
	width:100%;
	font-size: 20px;
	height: 100%;
}
.CalendarTable TD {
	/*padding: 10px;*/
}
.CalendarSelect {
	font-size: 20px;
}

/* D - MOBILE STYLE */
/* E - MOBILE STYLE */
/* F - MOBILE STYLE */
.formleftcol, .formrightcol {
       float: none !Important;
       width:100% !Important;
       text-align:left;
}
/* G - MOBILE STYLE */
/* H - MOBILE STYLE */

#homeleft  {
       float:none;
       width: 100%;
}

#homeright {
      float: none;
      width: 100%;
}

#homeright img {
     width:100%;
     height: auto;
}

h1 {
	font-size: 40px;
	line-height: 40px;
}
h2 {
	font-size: 30px;
	line-height: 30px;
}
h3 {
	font-size: 25px;
	line-height: 25px;
}
h4 {
	font-family: "proxima-nova-alt-ext-cond";
	font-size: 25px;
	color: #990033
}
h5 {
	font-size: 20px;
	color: #990033
}
h6 {  
	font-size: 20px; 
	color: #990033
}

/* I - MOBILE STYLE */

input[type="button"], input[type="submit"]  {
	font-size: 18px;
	padding: 6px;
}

input[type=radio], input[type=checkbox] 
{ 
width:30px; 
height:30px; 
margin:10px;
}
/* J - MOBILE STYLE */
/* K - MOBILE STYLE */
/* L - MOBILE STYLE */
/* M - MOBILE STYLE */

/* N - MOBILE STYLE */

#navbar {
		display: none;
}

/* O - MOBILE STYLE */
/* P - MOBILE STYLE */

p {
	line-height:20px;
}

/* Q - MOBILE STYLE */
/* R - MOBILE STYLE */
/* S - MOBILE STYLE */
/* T - MOBILE STYLE */
.textbox, .textblock, input[type="text"] {
	width: 90% !Important;
}

/* U - MOBILE STYLE */
/* V - MOBILE STYLE */
/* W - MOBILE STYLE */
/* X - MOBILE STYLE */
/* Y - MOBILE STYLE */
/* Z - MOBILE STYLE */


}

/* ======= SPECIAL BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE ====== */

.example-right {
  position:relative;
  padding: 15px 15px 10px ; /* T R B L */
  margin:0;
  color:#fff;
  background:#FF9966; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FF9966), to(#FF6600));
  background:-moz-linear-gradient(#FF9966, #FF6600);
  background:-o-linear-gradient(#FF9966, #FF6600);
  background:linear-gradient(#FF9966, #FF6600);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* Creates the Triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #FF6600;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}