@charset "UTF-8";

/* Curved transparent boxes. http://www.schillmania.com/projects/dialog2/ */

@media screen, projection
{

.rounded .t,
.rounded .b {
 position: relative; /* Relative positioning allows child divs to be absolutely positioned relative to parent. */
 height: 7px; /* Necessary for IE6 to trigger hasLayout and prevent contained divs hanging to right. */
 overflow: hidden; /* Necessary for IE6 to give correct height. */
 margin: 0;
}
.rounded .tc,
.rounded .tl,
.rounded .tr,
.rounded .bc,
.rounded .bl,
.rounded .br {
 height: 7px;
}
.rounded .tl,
.rounded .tr,
.rounded .bl,
.rounded .br {
 background-repeat: no-repeat;
 position:absolute; /* Absolute positioning allows divs to sit side by side */
 left:0px;
 top:0px;
}
.rounded .tl,
.rounded .bl {
 background-position: top left;
 width: 7px;
}
.rounded .tr,
.rounded .br {
 background-position: top right;
 width: 100%;
}
.rounded .c {
 padding: 0px 7px 0px 7px;
}

/* Colours */

.rounded .tl {
 background-image: url('../../images/rounded/tl.jpg');
}
.rounded .tr {
 background-image: url('../../images/rounded/tr.jpg');
}
.rounded .tc,
.rounded .bc {
 background-image: url('../../images/rounded/c.jpg');
 background-repeat: repeat;
 margin-left: 7px;
 margin-right: 7px;
}
.rounded .bl {
 background-image: url('../../images/rounded/bl.jpg');
}
.rounded .br {
 background-image: url('../../images/rounded/br.jpg');
}
.rounded .c {
 background-image: url('../../images/rounded/c.jpg');
 border: 1px solid #fff; /* Since we have no top/bottom padding, border is necessary to prevent sidebar breaking apart. If we had top/bottom padding, it'd be necessary for IE6 to prevent peekaboo bug at top of content */
}

#col3 .rounded .tl,
#footer .rounded .tl {
 background-image: url('../../images/rounded/tl2.jpg');
}
#col3 .rounded .tr,
#footer .rounded .tr {
 background-image: url('../../images/rounded/tr2.jpg');
}
#col3 .rounded .tc,
#col3 .rounded .bc,
#footer .rounded .tc,
#footer .rounded .bc {
 background-image: url('../../images/rounded/c2.jpg');
}
#col3 .rounded .bl,
#footer .rounded .bl {
 background-image: url('../../images/rounded/bl2.jpg');
}
#col3 .rounded .br,
#footer .rounded .br {
 background-image: url('../../images/rounded/br2.jpg');
}
#col3 .rounded .c,
#footer .rounded .c {
 background-image: url('../../images/rounded/c2.jpg');
 border: 1px solid #eaeaff; /* Since we have no top/bottom padding, border is necessary to prevent sidebar breaking apart. If we had top/bottom padding, it'd be necessary for IE6 to prevent peekaboo bug at top of content */
}

} /* @media */