/* Localized */
/* GENERAL STYLES */
html,body { min-height: 100%; margin-bottom: 1px;}
body {
	
	margin: 0; padding: 0;
	background-color: #FFFFFF;
	background-attachment: fixed;
	font: 9pt Arial;
	}


/* ************************** Layout ***************************** */

div.container { width: 990px; margin: auto; position: relative;  }

div.left-column-wrapper { position: absolute; left: 0; top: 0 }
div.left-column { width: 225px; position: absolute; top: 42px; padding: 0 0 0 5px; }
div.left-column ul { width: 204px; margin: 20px 0 30px 0px; padding: 0 0 20px 0; list-style: none; border-bottom: 1px solid #1D8CD8; display: block;}
div.left-column ul li { margin-bottom: 2px; } 
div.left-column ul li a:link,
div.left-column ul li a:active,
div.left-column ul li a:visited,
div.left-column ul li a:hover { font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none; }
div.left-column ul li a:hover { color: #1D8CD8}

div.left-column p.blog { color:#333333;}
div.left-column p.blog a{ color: #000000; font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 15px; font-weight: normal; display: block; }

div.content { width: 524px; margin: 167px 0 0 243px; float: left; }
div.content h1 { margin: 0 10px 10px 0; padding-top: 0; color: #000000;} 
div.content h2 { margin: 0 0 10px 0; padding-top: 0; font: 19pt Arial; font-weight: bold; font-weight: normal; color: #000000; float: left;}
div.content h5 { margin: 0 0 10px 0; padding-top: 0; font: 13pt Arial; font-weight: normal; color: #000000;}

div.right-column { width: 157px; padding: 179px 0 0 0; margin: 0; float: right; }

div.right-column div.submenu { width: 157px; margin: 0 0 25px 0; font: 10pt Arial; font-weight: bold; color: #1D8CD8;  }
div.right-column div.submenu ul { width: 157px; margin: 13px 0 0 0; padding: 0; list-style: none; }
div.right-column div.submenu ul li { margin-bottom: 15px; } 
div.right-column div.submenu ul li a:link,
div.right-column div.submenu ul li a:active,
div.right-column div.submenu ul li a:visited,
div.right-column div.submenu ul li a:hover { font: 10pt Arial; color: #000000; text-decoration: none; }
div.right-column div.submenu ul li a:hover { color: #797879}

div.right-column div.submenu-hotspots { margin-top: 32px }
div.right-column div.submenu-hotspots p {margin: 0; padding: 0 0 14px 0; font: 10pt Arial; font-weight: bold; color: #1D8CD8;}
div.right-column div.submenu-hotspots div { margin-bottom: 15px }
div.right-column div.submenu-hotspots div a { font: 10pt Arial; font-weight: bold; color: #000000; text-decoration: none; }
div.right-column div.submenu-hotspots div img { margin-top: 3px }

div.right-column div.side-hotspots {margin-top: 32px }
div.right-column div.side-hotspots p {margin: 0; padding: 0 0 14px 0; font: 10pt Arial; font-weight: bold; color: #1D8CD8;}
div.right-column div.side-hotspots div { margin-bottom: 15px }
div.right-column div.side-hotspots div a { font: 10pt Arial; font-weight: bold; color: #000000; text-decoration: none; }
div.right-column div.side-hotspots div img { margin-top: 3px }

div.footer { width: 756px; margin: 20px auto; padding: 0 0 0 254px; position: relative;  }
div.footer p { font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 13px; color: #6b6b6b; font-weight: normal; }
div.footer a { font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 13px; color: #1D8CD8; text-decoration:none; font-weight: normal; }
div.footer div { position: absolute; top: 0; right: 10px; width: 28px; display: none;}

/* ************************** Homepage ***************************** */

div.home { width: 746px; margin: 0; padding: 43px 0 0 244px;}
div.home h1 { font: 21pt Arial; font-weight: 900; color: #000000; float: none; margin-bottom: 5px !important; } 

div.home div.home-animation { width: 746px; height: 256px; margin: 119px 0px 35px 0px }
div.home div.hotspots { width: 746px;}
div.home div.hotspots div.hotspot { width: 170px; margin-right: 22px; float: left; }
div.home div.hotspots div.hotspot p { margin: 0 0 5px 0; padding: 0;  line-height: 13pt; text-align: left; line-height: normal  }
div.home div.hotspots div.hotspot p a { font: 10pt Arial; font-weight: bold; color: #797979; text-decoration: none; letter-spacing: -0.5px; line-height: normal; }
div.home div.hotspots div.hotspot p a span {font: 11pt Arial; font-weight: bold; color: #363634; text-decoration: none; margin-top: 3px; letter-spacing: -1px; }

div.home div.welcome { width: 351px; margin-top: 27px; float: left; }
div.home div.latest-news { width: 351px; margin: 27px 0 0 0;  float: right; }

div.home div.latest-news div { margin-bottom: 20px; }
div.home div.latest-news div p.date { margin: 0; font: 9pt Arial; font-weight: bold; color: #1D8CD8; }
div.home div.latest-news div p.title { margin: 0 0 5px 0; font: 9pt Arial; font-weight: bold; color: #363636 }
div.home div.latest-news div p.intro { margin: 0; font: 9pt Arial; color: #363636 }
div.home div.latest-news div p.intro a {font: 8pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}

/* ************************** News ***************************** */

div.news-container { margin:0; padding:0; }
div.news-container div { margin-bottom: 40px; }
div.news-container div p.date { margin: 0; font: 9pt Arial; font-weight: bold; color: #1D8CD8; }
div.news-container div p.title { margin: 0 0 0 0; font: 11pt Arial; font-weight: bold; color: #363636 }
div.news-container div div.image { margin: 0 0 5px 0}
div.news-container div div.image p { margin: 0 0 5px 0; font-size: 8pt; float: right }
div.news-container div div.intro { margin: 0 0 5px 0; font: 9pt Arial; color: #363636 }
div.news-container div a {font: 8pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}

/* ************************** Work for Us ***************************** */

div.work-container { margin-top: 30px; }
div.work-container div { margin-bottom: 40px; }
div.work-container div p.title { margin: 0; font: 9pt Arial; font-weight: bold; color: #363636 }
div.work-container div p.date { margin: 0 0 5px 0; font: 9pt Arial; font-weight: bold; color: #1D8CD8; }
div.work-container div div.description { margin: 0 0 5px 0; font: 9pt Arial; color: #363636 }
div.work-container div div.description p.download { margin: 5px 0 0 0; padding: 0; }
div.work-container div a {font: 9pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}

/* ************************** Press ***************************** */

div.press-container { margin-top: 30px; }
div.press-container div { margin-bottom: 30px; }
div.press-container div p.title { margin: 0 0 3px 0; font: 10pt Arial; font-weight: bold; color: #363636 }
div.press-container div p.date { margin: 0 0 5px 0; font: 9pt Arial; font-weight: bold; color: #1D8CD8; }
div.press-container div div.description { margin: 0 0 10px 0; font: 9pt Arial; color: #363636 }
div.press-container div div.description p.download { margin: 5px 0 0 0; padding: 0; }
div.press-container div a {font: 8pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}

/* ************************** Gallery ***************************** */

div.gallery { width: 524px; margin-top: 20px; }
div.gallery div { width: 96px; height: 64px; overflow: hidden; margin: 0 11px 11px 0; float: left }

div.gallery-big { width: 524px; margin-top: 10px; clear:both; }
div.gallery-big div { width: 167px; height: 111px; overflow: hidden; margin: 0 11px 11px 0; float: left }

div.gallery-collection { width: 524px; margin-top: 10px; clear:both; }
div.gallery-collection div { width: 167px; margin: 0 11px 11px 0; float: left }

/* ************************** Sponsorships ***************************** */

span.sponsorship-date { font-size: 9pt }

/* ************************** Project Space ***************************** */

span.exhibition-date { font-size: 9pt; font-weight: bold  }
span.read-more {font: 8pt Arial; font-weight: bold; color: #1D8CD8;}

div.exhibition-info { margin-bottom: 10px; }
div.exhibition-info p.heading1 { font: 14pt Arial; font-weight: bold; color: #1D8CD8; margin: 10px 0 3px 0; padding: 0; clear:both;  }
div.exhibition-info p.heading1b { font: 14pt Arial; font-weight: bold; color: #1D8CD8; margin: 1px 0 3px 0; padding: 0; clear:both;   }

/* ************************** Contact ***************************** */

div.contact-form { width: 310px; margin: 20px 10px 0 0; float: left; }
div.contact-form label { display: block; margin: 0 0 5px 0; float: left; clear:both }
div.contact-form div { width: 220px;  margin: 0 0 5px 0; float: left }
div.contact-form input { width: 210px; padding: 3px; font: 9pt Arial}
div.contact-form select { width: 217px; padding: 3px; font: 9pt Arial}
div.contact-form textarea { width: 210px; height: 180px; padding: 3px;  font: 9pt Arial }
div.contact-form input,
div.contact-form select,
div.contact-form textarea { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

.cartercontactform-td-name{ padding-right: 10px }
.cartercontactform-td-value { display: block; width: 235px; padding: 0 0 10px 0; }
.cartercontactform-validator-note { margin-top: 10px; }
.cartercontactform-button-submit { padding: 0; width: 80px !important; float: right; margin-right: 18px;}


div.googlemap { margin: 26px 0 0 0; width: 204px; float: left; }

/* ************************** Glossary ***************************** */

div.glossary-container { }
div.glossary-container div.column { width: 49%; float: left; }
div.glossary-container div.item { margin: 0 0 20px 0; }
div.glossary-container div.item h1 { font: 11pt Arial; font-weight: bold; font-weight: 900; color: #000000; float: none;  }
div.glossary-container div.item p { clear:both; }
div.glossary-container div.item a.anchor { visibility: hidden; }

/* ************************** Generic ***************************** */

div.heroimage { margin: 0 0 10px 0; }
div.heroimage p { margin: 5px 0 5px 0; font-size: 8pt; float: right }

div.clear { clear: both; margin:0; padding: 0; height: 1px; overflow: hidden; }

h1.heading1 { font: 14pt Arial; font-weight: bold; color: #000000; margin: 10px 0 3px 0; padding: 0; clear:both; float: none; }
h1.heading1b { font: 14pt Arial; font-weight: bold; color: #000000; margin: 1px 0 10px 0; padding: 0;  clear:both; float: none;}
p.heading2 { font: 10pt Arial; font-weight: bold; color: #000000; margin: 0 0 20px 0; padding: 0; text-align: left;  }
p.heading3 { font: 10pt Arial; font-weight: bold; color: #000000; margin: 0 0 15px 0; padding: 0; text-align: left; }

a.red-link {font: 8pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}

a:link,
a:visited,
a:active, 
a:hover {font: 9pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}
a:hover { color: #000000 }

a.glossary-link:link,
a.glossary-link:visited,
a.glossary-link:active, 
a.glossary-link:hover {font: 9pt Arial; font-weight: bold; color: #000000; text-decoration: none;}
a.glossary-link:hover { color: #1D8CD8}

a.bigger-link:link,
a.bigger-link:visited,
a.bigger-link:active, 
a.bigger-link:hover {font: 9pt Arial; font-weight: bold; color: #1D8CD8; text-decoration: none;}
a.bigger-link:hover { color: #000000 }

img { border: 0 }
a { outline: none;}

img.pad-right { margin: 0 10px 10px 0 }
img.pad-left { margin: 0 0 10px 10px }

p.replaced { margin: 0px 0px 0px 0px; }

p.title a{ color:#000000 !important; text-decoration: none !important; font-size: 13px !important; }
p.title a:hover{ text-decoration: underline !important; }


/* EDITOR PROPERTIES */
h3 {
font: 13pt Arial;
font-weight: bold; 
color: #000000;
float: none;
margin: 20px 0 0 0;
padding: 0;
}

pad-right {
margin: 0 10px 10px 0;
}

pad-left {
margin: 0 0 10px 10px;
}

h4 {
font: 12pt Arial;
font-weight: bold; 
color: #000000;
float: none;
margin: 20px 0 0 0;
padding: 0;
}