/* Colour-Specific Styles for the Ballet */
@import "layout.css";
@import "common.css";
@import "menu.css";

h3 {
color:#000066;
}
#header {
background-image: url(../template/brand-blue_01.gif);
}

#rightbar,#leftbar {
background-color:#99CCFF;
}

#curtain {
background-image: url(../template/brand-blue_02.gif);
background-repeat: no-repeat;
}

#titlespace {
background-image:url(../template/blue-bg.jpg);
background-color:#000000;
background-align:right;
background-repeat: repeat-x;
background-position: right;
}

#menuonespace {
background-color:#000066;
}

#mnu-1 {
background-color:#336699;
}

#menutwospace {
background-color:#336699;
}

#bottomstripe {
height:0.3em;
background-color:#000066;
margin:0em;
padding:0em;
}

.themecolour {
color: #000066;
}

#medialauncher {
font-size:smaller;
border-top: 1px solid #000066;
border-right: 1px solid #000066;
color: #000066;
background-color: #99CCFF;
float:right;
padding:0.1em;
}

/* for the announcements of the front page */
li.announcement {
border-right:1px solid #000066;
}

.rightannouncements a, .headlines a {
color:#000066;
}

h4 {
font-weight:bold;
font-size:1.1em;
margin:0em 0em 1.5em 0em;
padding:0em;
}

/* these .headlines styles are only in bluecolor.css. 
In other areas of the site .headlines behave differently, (as per common.css) */

.headlines img {
margin:0.2em 0.2em 0em 0em;
float:left;
}
.headlines li {
font-size:1em;
padding-left:0em;
}
.headlines {
margin-bottom:1em;
}
/* for IE */
.announcement a:link {
border:0em none;
}
.announcement a:hover {
text-decoration:none;
border:0em none;
}
/* for others */
.announcement a:link h4 {
text-decoration:underline;
}
.announcement a:hover h4 {
text-decoration:none;
border:0em none;
}

/* announcetitle is placed here instead of above the last comment so that the
font-size:smaller; will work */
li.announcetitle {
background-color:#99CCFF;
font-size:smaller;
border-top:1px solid #000066;
border-right:1px solid #000066;
color:#000066;
text-align:right;
}

/*end .headline and .announcement code unique to bluecolour.css */

#next {
float:right;
}
#last {
float:left;
}