body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#fff;
    /* background-image: url(../img/HAG_bottom.jpeg); */
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    text-align:left !important;
}

#wrapper {
    font-size:12px !important;
    line-height:15px !important;
}

/* links */

#wrapper a, #wrapper a:hover,
#fancybox-content a, #fancybox-content a:hover {
    font-style:italic;
    text-decoration:none;
    font-weight:bold;
}

#wrapper a, #wrapper a:hover {
	color: white;
}


a.external {
    display:inline-block;
    background:url(../img/new_window_icon.png)  center right no-repeat;
    padding-right:20px;
}

a.external.light {
    background:url(../img/new_window_icon_white.png)  center right no-repeat;
}

.smallbox a {
    border-bottom:1px solid transparent;
}
.smallbox a:hover {
    border-bottom:1px dashed #fff;
}

/* standard formatting */

h1 {
    font-size:60px;
}

h2 {
    font-size:30px;
    line-height:1.1em;
    padding:8px;
}

p {
    padding: 8px 20px;
}

.smallbox p {
    padding: 2px 8px;
}

header {
    background-image: url("../img/header_img.jpg");
    color:#fff;
}

header h1 {
    display:none;
}

.fineprint {
	font-size: 8px;
}

/* nav and menu */

div#navigation {
    background-image:url("../img/browse_panel_bg.png");
    color:#fff;
}

div#navigation ul {
    list-style:none;
}

div#navigation h2 {
    font-size:16px !important;
    color:  #ffcd00;
}

menu {
    background-image: url("../img/browse_button.png");
    background-repeat:no-repeat;
    color:#fff;
    cursor: pointer;
    padding:0;
    margin:0;
    font-size:12px !important;
}

a#nav_button:hover {
    border-bottom:none;
}

menu a {
    color:#fff !important;
    font-style:italic;
    font-weight:bold;
}

menu a:hover {
    text-decoration:none;
    border-bottom:1px dashed #fff;
    margin-top:-1px;
}

menu #navigation a:after {
    content:url("../img/link_arrow.png");
    padding-left:5px;
}

/* boxes */

.largebox {
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
}

.smallbox {
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#fff;
}

.smallbox h2 {
    font-size:18px;
}

.rollover {
    display:none;
    -moz-border-radius: 0 5px;
    border-radius: 0 0 5px 5px;
}

.rollover a {
    color:#fff;
}

/* colours */

.boxcolor1 {
    background-color:#00a8a6;
}

.boxcolor1 .rollover,
.boxcolor1 .share_panel,
.boxcolor1 .social.over {
    background-color:#009593;
}

.boxcolor2 {
    background-color:#ffcd00;
}

.boxcolor2 .rollover,
.boxcolor2 .share_panel,
.boxcolor2 .social.over {
    background-color:#d5ab00;    
}

.boxcolor3 {
    background-color:#37a2cc;
}

.boxcolor3 .rollover,
.boxcolor3 .share_panel,
.boxcolor3 .social.over {
    background-color:#2f8fb5;
}

.boxcolor4 {
    background-color:#fa9627;
}

.boxcolor4 .rollover,
.boxcolor4 .share_panel,
.boxcolor4 .social.over {
    background-color:#de8421;
}

.boxcolor5 {
    background-color:#de92c1;
}

.boxcolor5 .rollover,
.boxcolor5 .share_panel,
.boxcolor5 .social.over {
    background-color:#c580ab;
}

.boxcolor6 {
    background-color:#3368b9;
}

.boxcolor6 .rollover,
.boxcolor6 .share_panel,
.boxcolor6 .social.over {
    background-color:#0045a7;
}

.boxcolor7 {
	background-color:#ffd77d;
}

.boxcolor8 {
	background-color:#71cfeb;
}

.boxcolor8 .rollover,
.boxcolor8 .share_panel,
.boxcolor8 .social.over {
    background-color:#63b5cd;
}

.boxcolor9 {
	background-color:#ffcd00;
}

.boxcolor9 .rollover,
.boxcolor9 .share_panel,
.boxcolor9 .social.over {
    background-color:#dbb30b;
}

/* sharing panel */

div.social {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

div.share_panel {
    font-weight:bold;
    display:none;    
    -moz-border-radius: 5px;
    border-radius: 5px 5px 0 5px;
}

.share_panel span {
    cursor:pointer;
}

.share_panel a {
    color:#fff;
    font-style: normal;
}

span.facebook,
span.twitter {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.boxcolor1 .share_panel span.over {
    background-color: #006968;
}

.boxcolor2 .share_panel span.over {
    background-color: #bd9a0a;
}

.boxcolor3 .share_panel span.over {
    background-color: #146585;
}

.boxcolor4 .share_panel span.over {
    background-color: #c4731a;
}

.boxcolor5 .share_panel span.over {
    background-color: #9a4b7c;
}

.boxcolor6 .share_panel span.over {
    background-color: #02317a;
}

.boxcolor8 .share_panel span.over {
    background-color: #5ba6bc;
}

.boxcolor9 .share_panel span.over {
    background-color: #f4d140;
}


/* intro copy box */
#intro_copy h2,
#intro_copy p {
	font-size: 16px;
	margin-right:60px;
	letter-spacing: 1px;
	line-height:18px;
}

#intro_copy h2 {
	word-spacing: 1px;
}


/* sections */

section {
    border: 0;
}

a.popup_button {
    color:#fff;
    font-style: italic;
    font-weight:bold;
    border-bottom:1px solid transparent;
}

a.popup_button:hover {
    border-bottom:1px dashed #fff;
}

.more_link {
    cursor:pointer;
    font-style:italic;
    font-weight:bold;
}

/* popups */

.popup_wrap {
    display:none;    
}

.popup a {
    font-weight:bold;
    color:#000;
    border-bottom:1px dashed rgba(255,255,255,0);
}

.popup a:hover {
    border-bottom:1px dashed #000;
}

/* fancybox overlays */

.fancybox-title-over {
    -moz-border-radius: 5px;
    border-radius: 5px;    
    font-size:18px !important;
    font-weight:bold !important;
}

#fancybox-content {
    font-size:12px !important;
    line-height:15px !important;
}

#fancybox-content h3 {
    margin:0;
    padding:0;
}

.popup_title {
	color : #fff;
	font-weight: bold;
	line-height:18px !important;
}

/* videos */
.video_preview_button a:after {
    content:url("../img/link_arrow_dark.png");
    padding-left:5px;
}

.video_preview_button.selected a:after,
.more_link:after,
.popup_button:after {
    content:url("../img/link_arrow.png");
    padding-left:5px;
}

.video_preview_button.selected {
    background-color:#657284;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* sultan */

.sul_item.nohover a, .sul_item.nohover a:hover {
	border:0 !important;
}

div.sul_copy h2 {
	font-size: 16px;
	margin-left: 10px;
	color: #00a8a6;
	padding-top: 0;
	padding-bottom: 0;
}


/* catalogue */

.cat_item a, .cat_item a:hover {
	border:0 !important;
}

div.cat_copy h2 {
	font-size: 16px;
	margin-left: 10px;
	color: #dd91c0;
	padding-top: 0;
	padding-bottom: 0;
}