/* Screen Only */

/* Body */
body {
margin:0px;
padding:0px;
color:#404040;
background-color:#FFFFFF;
font-family:"Lucinda Grande", Arial, Verdana, Geneva, sans-serif;
font-size:11px;
line-height:15px;
}


h1 {
font-family:"Lucinda Grande", Arial, Helvetica, sans-serif;
font-size:24px;
line-height:28px;
font-weight:bold;
padding: 0px 0px 7px 0px;
margin:0px;
}
h1.singleLine {
padding:0px;
line-height:20px;
}
h2 {
font-family:"Lucinda Grande", Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:normal;	
line-height:22px;
padding: 0px 0px 7px 0px;
margin:0px;
letter-spacing:1px;
}
h2.singleLine {
padding: 0px 0px 4px 0px;
}
h3 {
font-family:"Lucinda Grande", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;	
line-height:22px;
padding: 0px 0px 5px 0px;
margin:0px;
letter-spacing:1px;
}
h3.singleLine {
padding:0px;
line-height:14px;
}
h4 {
font-family:"Lucinda Grande", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
padding: 0px 0px 7px 0px;
margin:0px;
}
h4.singleLine {
padding:0px;
line-height:12px;
}
h5 {
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;	
line-height:15px;
padding:0px 0px 7px 0px;
margin:0px;
}
hr {
display: none;	
}
p {
padding: 0px 0px 7px 0px;
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
ol {
margin: 0px 0px 0px 10px; 
padding: 0px;
}
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}
li {
margin: 0px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 15px;
}
a {
color:#404040;
text-decoration:none;
}


/* Text */
.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:14px;
}
.noTextDecoration {
text-decoration: none;
}
.noBreak {
display:inline;
white-space:nowrap;
}
.border {
border:1px solid #C5BCAD;
}
.justify {
text-align:justify;
}
.noJustify {
text-align:left;
}
.alignRight {
text-align:right;
}
.alignCentre {
text-align:center;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.minHeight {
min-height:230px;
/* Min height for IE */
height:230px; 	
}
/* Override height for Mozilla */
html>body .minHeight { height:auto; }
.wordWrap {
word-wrap: break-word;
}


/* Form Elements */
.textField {
padding:1px 4px 1px 4px;
border:1px solid #6E6F71;
background-color:#FFFFFF;
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:11px;
line-height:15px;
}
.textBox {
padding:0px 4px 0px 4px;
border:1px solid #6E6F71;
background-color:#FFFFFF;
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:11px;
line-height:15px;
}
.select { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E6F71; 
border:1px #6E6F71 solid;  
background-color:#FFFFFF;
}
.checkbox {
line-height:11px;
}


/* Content */
#page {
float:left;
width:100%;
text-align:center;
}
#content {
position:relative;;
width:780px;
margin:0px auto;
}


/* Header */
#header {
float:left;
width:780px;
padding:20px 0px 20px 0px;
}
#logo {
float:right;
width:250px;
text-align:right;
}
#overview {
float:left;
width:430px;
padding:10px 0px 0px 0px;
text-align:left;
}


/* Footer */
#footer {
float:left;
width:780px;
padding:10px 0px 20px 0px;
text-align:left;
}
#footer a:hover {
text-decoration:underline;
}


/* Nav */

#nav {
float:left;
width:760px;
padding:7px 10px 7px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:9px;
color:#404040;
background-color:#CCCCCC;
text-align:left;
}
#nav a {
text-decoration:none;
color:#404040;
}
#navSpacer {
float:left;
width:780px;
height:10px;
font-size:10px;
line-height:10px;
}
.navItem {
width:1%;
line-height:11px;
}
.navSpace {
width:15%;
}


/* Carousel */
#carouselWrapper {
float:left;
width:780px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #CCCCCC;
}
#carousel {
float:left;
width:780px;
height:220px;
display:inline;
position:relative;
overflow:hidden;
}
#credit {
float:left;
width:780px;
padding:10px 0px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:9px;
color:#999999;
text-align:right;
border-bottom:1px solid #CCCCCC;
}


/* Breadcrumb Trail */
#breadcrumb {
float:left;
width:760px;
padding:6px 10px 6px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border-bottom:#CCCCCC solid 1px;
color:#D03937;
text-align:left;
}
#breadcrumb a {
color:#D03937;
}


/* Stripe */
#stripe {
padding:0px 0px 10px 0px;
float:left;
width:780px;
height:23px;
}
#homepageImage {
float:left;
width:760px;
padding:10px 0px 10px 0px;
/*border-bottom:#CCCCCC solid 1px;
color:#D03937;*/
}
.homepageWrapper {
float:left;
width:335px;
}
.homepageDivider { 
float:left;
width:335px;
border-top:solid 1px #CCCCCC;
padding:10px 0 0px 0;
}


/* Layout */
#body {
padding:10px 0px 10px 0px;
float:left;
width:780px;
background-image:url(/Images/Common/Background.gif);
background-position:bottom left;
background-repeat:no-repeat;
border-bottom:#CCCCCC solid 1px;
min-height:300px;
/* Min height for IE */
height:300px;
}
/* Override height for Mozilla */
html>body #body {
height:auto;
}
.leftColumn {
float:right;
width:540px;
text-align:left;
}
.rightColumn {
float:right;
width:200px;
text-align:left;
}
.homepageColumn {
float:left;
width:335px;
text-align:left;
padding-left:240px;
}
.newsColumn {
float:right;
width:165px;
text-align:left;
}
.redColumn {
float:right;
width:143px;
text-align:left;
padding:6px 10px 3px 10px;
border:#D03937 solid 1px;
color:#B3B3B3;
/*background-color:#D03937;*/
}
.imagesColumn {
float:left;
width:200px;
text-align:left;
}
#title {
float:left;
width:780px;
text-align:left;
padding:10px 0px 0px 0px;
}


/* Artwork */
.artwork {
width:200px;
height:200px;
float:left;
}
.artworkDescription {
width:300px;
float:left;
padding-left:20px;
}
.thumbnail {
width:128px;
float:left;
padding-right:10px;
}
.thumbnailNarrow {
width:127px;
float:left;
padding-right:10px;
}
.thumbnailWrapper {
width:540px;
float:left;
padding-top:10px;
}


/* Press */
.pressColumn {
float:left;
width:390px;
text-align:left;
padding-left:20px;
}
.pressImage {
float:left;
width:130px;
text-align:left;
}


/* Highlight Classes */
/*.link {
background-color:#D03937;
color:#FFFFFF;
padding:0px 2px 0px 2px;
}*/
.link {
text-decoration:overline;
color:#D03937;
}
a.link:hover {
text-decoration:underline;
color:#D03937;
}
/*
.primaryLink {
background-color:#D03937;
color:#FFFFFF;
padding:0px 3px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;	
line-height:22px;
margin:0px 0px 6px 0px;;
letter-spacing:1px;
}
*/
.primaryLink {
color:#D03937;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;	
line-height:22px;
margin:0px 0px 4px 0px;;
letter-spacing:1px;
text-decoration:overline;
}
a.primaryLink:hover {
text-decoration:underline;
color:#D03937;
}
.redLink {
background-color:#FFFFFF;
color:#D03937;
padding:0px 2px 0px 2px;
}
.greyLink {
text-decoration:overline;
color:#B3B3B3;
}


/* Dividers */
.divider { 
float:left;
width:780px;
height:1px;
line-height:1px;
font-size:1px; 
color:#CCCCCC;
background-color:#CCCCCC;
padding:0px;
margin:10px 0px 10px 0px;
display:inline;
}
.paragraphDivider { 
float:left;
width:540px;
height:1px;
line-height:1px;
font-size:1px;
color:#CCCCCC;
background-color:#CCCCCC;
padding:0px;
margin:3px 0px 10px 0px;
display:inline;
}
.borderDivider { 
float:left;
width:540px;
border-top:solid 1px #CCCCCC;
padding:10px 0 3px 0;
}
.divBorder {
border-top:#CCCCCC solid 1px;
}


/* Modifiers */
.padding {
padding-bottom:5px;
}
.noPadding {
padding:0px;
}
.lessPadding {
padding-bottom:3px;
}
.paddingTop {
padding-top:10px;
}
.paddingTopBottom {
padding:10px 0px 10px 0px;
}
.noPaddingBottom {
padding-bottom:0px !important;
}
.noMargin {
margin:0px;
}
.noMarginBottom {
margin-bottom:0px;
}
.image {
padding:5px 0px 0px 0px;
}


/* Wrappers */
.wrapper {
float:left;
width:780px;
}
.leftWrapper {
float:left;
width:540px;
}

/* Colours */
.black  {
color:#404040;
}
.grey  {
color:#999999;
}
.red {
color:#D03937;
}