BODY {
  font-family: Georgia, serif;
  font-size: 12px;
  color: #3a383a;
  padding: 0;
  margin: 0;
}

/* development help 

div { border: 1px dashed #000; }*/

/* //////////////*/

/* site structure */

#siteShadow {
  position: absolute;
  width: 990px;
  height: 1000px;
  background: #000;
  height: 1130px;
  
}

#fixcenter {
  position: relative;
  width: 1041px;
  margin:0 auto;
  text-align: center;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
}

#container {
  width: 978px;
  margin:0 auto;
  text-align: center;
}

#header {
  width: 978px;
  height: 140px;
  border-bottom: 1px dotted #CCC;
  clear:both;
}

#topNav {
  float: right;
  height: 44px;
  line-height: 44px;
  margin-bottom: 6px;
  text-align: right;
}

#leftColumn {
  width: 168px;
  float: left;
}

#contentArea {
  width: 978px;
  float: left;
  margin-top: 8px;
}

#content {
  width: 978px;
  float: right;
  color: #4F4E4F;
}

#footer {
  width: 978px;
  height: 50px;
  float: left;
  background: #000;
}

#bottomNav {
  margin-top: 9px;
  height: 31px;
  line-height: 31px;
  float: right;
}

#facebook, #twitter{ float: left; position: relative; top: 2px; }

/* site wide styling */

a {
  color: #010002;
}

h1 {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
  font-weight: lighter;
}

h2 {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
  font-weight: lighter;
}

h3 {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
  font-weight: lighter;
}

h4 {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
  font-weight: lighter;
}

h5 {
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 5px 0;
  font-weight: lighter;
}

.blackBac {
  background: #000;
  color: #fff;
  padding: 0px 3px 1px 3px;
  margin-top: 1px;
 }

.whiteBacDotted {
  background: #fff;
  color: #000;
  padding: 2px 4px 2px 4px;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
 }

.whiteBac {
  background: #fff;
  color: #000;
  padding: 0 4px 0 4px;
  font-size: 13px;
 }

.pinkBac {
  background: #fcdfeb;
  color: #000;
  padding: 0 4px 0 4px;
  font-size: 13px;
 }

 b {
 color: #000;
 }

 #hr {
  float: left;
  width: 100%;
  height: 1px;
  margin: 6px 0 6px 0;
  border-bottom: 1px dotted #CCC;
}

 .hr {
  float: left;
  width: 100%;
  height: 1px;
  margin: 6px 0 6px 0;
  border-bottom: 1px dotted #CCC;
}

/* header styling */

#header img {
  float: left;
  margin: 6px 0 5px 0;
}

#header #topLeft {
  float: left;
  width: 120px;
  margin-top: 10px;
}

#header #logo {
  margin-right: 8px;
}

#header #bannerTop {
  margin-top: 14px;
}

#header p {
  float: left;
  margin: 0;
}

#topNav {
 padding-left: 2px;
}

#topNav a {
  height: 43px;
  line-height: 43px;
  display: block;
  float: left;
  padding: 0 11px 0 11px;
  background: url(images/topSpacer.jpg) no-repeat top right;
  margin: 0;
  text-align: left;
  color: #010002;
  text-decoration: none;
}

#topNav #last {
  margin-right: 0px;
}

#topNav a:hover {
  text-decoration: underline;
}

#topText {
  float: left;
  margin: 0;
  height: 43px;
  line-height: 43px;
  color: #debbc0;
  font-size: 16px;
  letter-spacing: -1px;
}

#topLinks {
  background: #fcdfeb;
  width: 100%;
  text-align: left;
  z-index:1000;
}

#topLinks ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:1000;
}
 
#topLinks a {
  display: block;
  margin-right: 12px;
  margin-left: 12px;
  color: #010002;
  text-decoration: none;
  z-index:1000;
}

#topLinks a:hover {
  text-decoration: underline;
}
 
#topLinks li { /* all list items */
	float: left;
	line-height: 33px;

}
 
#topLinks li ul { /* second-level lists */
	position: absolute;
    background: #fcdfeb;
	width: 220px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topLinks li ul li {
  min-width: 100px;
	line-height: 23px;
}
 
#topLinks li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* left col styling */

#leftColumn img {
  float: left;
  margin-bottom: 20px;
}

/* content area styling */

#main {
  width: 660px;
  float: left;
  text-align: left;
}

#wrapBox {
  margin-right: 18px;
  float: left;
  text-align: left;
  border: 1px dotted #CCC;
}

#topstoryBox {
  position: relative;
  width: 232px;
  margin-right: 10px;
  float: left;
  text-align: left;
  height: 232px;
  border: 1px dotted #CCC;
}

#topstoryBox .whiteBac {
  position: absolute;
  top: 164px;
  left: 0px;
  width: 120px;
  z-index:20;

}

.topstoryBox {
  position: relative;
  width: 232px;
  margin-right: 10px;
  float: left;
  text-align: left;
  height: 232px;
  border: 1px dotted #CCC;
  overflow: hidden;
}

.topstoryBox .whiteBac {
  position: absolute;
  top: 164px;
  left: 0px;
  width: 120px;
  z-index:20;

}


#featureBox {
  width: 150px;
  margin: 0 13px 10px 0;
  float: left;
  text-align: left;
  height: 150px;
  border: 1px dotted #CCC;
}

#featureBox p {
  float: left;
  margin: 0;
}

#featureTxt {
  color: #000;
  float: left;
  margin: 0 0 10px 0;
}

.featureBox {
  width: 150px;
  margin: 0 13px 10px 0;
  float: left;
  text-align: left;
  height: 150px;
  border: 1px dotted #CCC;
}

.featureBox p {
  float: left;
  margin: 0;
}

.featureTxt {
  color: #000;
  float: left;
  margin: 0 0 10px 0;
}

#newsBox {
  width: 299px;
  margin: 0 13px 10px 0;
  float: left;
  text-align: left;
  height: 298px;
  border: 1px dotted #CCC;
}

#newsBox p {
  float: left;
  margin: 0;
}

.newsBox {
  font-size: 14px;
  text-align: left;
clear: left;
}

.newsBox h3 {
  color: #525252;
  font-size: 16px;
  border: 0px;
  width: 80%;
}

.newsBox h3 a {
  color: #525252;
}

.newsBox p {
  color: #010002;
  margin: 0 0 6px 0;
  width: 80%;
}

.newsBox .thumb{
  border: 1px dotted #CCC;
  margin-right: 10px;
  float: left;
}

#newsTxt {
  color: #000;
  float: left;
  margin: 0 0 10px 0;
}

#blog {
  float: left;
 }

#holderBox {
  float: left;
  text-align: left;
}

.holderBox {
  float: left;
  text-align: left;
}

#contentBox {
  float: left;
  text-align: left;
  width: 48%;
}

#contentBox p {
  margin: 0;
  padding: 0;
}

.contentBox {
  float: left;
  text-align: left;
  width: 48%;
}

.contentBox p {
  margin: 0;
  padding: 0;
}

#testimonialBox {
  float: left;
  text-align: left;
  width: 48%;
  height: 160px;
}

#content a {

  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

.whatson span {
  font-family: Georgia, serif;
  font-size: 12px;
}


/* forms styling */

#contactForm {
  padding: 15px;
  background: #000;
  color: #fff;
  width: 272px;
}

#contactForm #text {
  width: 262px;
  margin: 10px 0px 10px 0px;
}

#contactForm #textarea {
  width: 262px;
  height: 166px;
  margin: 10px 0px 10px 0px;
}

#contactForm #textareaAns {
  width: 262px;
  height: 109px;
  margin: 10px 0px 10px 0px;
}

#contactForm #submit {
  border: 0px;
  background: transparent;
  color: #fff;
  float: right;
}

#subscribeForm {
  padding: 15px 0 15px 15px;
  margin-left: 15px;
  float: left;
  background: #000;
  color: #fff;
  width: 400px;
}

#subscribeForm #text {
  width: 262px;
  margin: 10px 0px 10px 0px;
}

#subscribeForm #textarea {
  width: 262px;
  height: 166px;
  margin: 10px 0px 10px 0px;
}

#subscribeForm #textareaAdd {
  width: 380px;
  height: 67px;
  margin: 10px 0px 10px 0px;
}

#subscribeForm #submit {
  border: 0px;
  height: 39px;
  width: 104px;
  background: url(images/paypalButton.jpg) no-repeat;
  color: #fff;
  float: right;
}

/* end forms styling */

/* footer styling */

#copyright {
  width: 976px;
  float: left;
  text-align: right;
 }

#footer #topLeft {
  float: left;
  width: 120px;
}

#footer p {
  float: left;
  margin: 0;
}

#footer img {
  float: left;
  margin: 14px 0 0px 5px;
  border: 0px;
}

#bottomNav a {
  float: left;
  display: block;
  border-left: 1px dotted #fff;
  padding: 0 10px 0 10px;
  text-align: left;
  color: #FFF;
  text-decoration: none;
}

#bottomNav p {
  float: right;
  margin: 0;
}

div.date { 
	margin:5px 0;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

#newsletter_box { 
	background:#000;
	padding:1px 21px 21px 21px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
}

#newsletter_box input[type="text"] { 
	background:#fff;
	border:1px solid #fff;
	width:250px;	
}

#newsletter_box input[type="submit"] { 
	background:#000;
	border:1px solid #000;
	color:#fff;
	float:right;
	margin:10px 0 0 0;
	padding:0;
}

#newsletter_box label { 
	display:block;
	margin:20px 0 17px;
}

.clear { clear:both; } 


.whatsonBox {
  float: left;
  margin: 0 4px 0 0;
  width: 150px;
  color: #3a383a;
}

.whatsonBox b {
  color: #3a383a;
}

.whatsonBox a {
  color: #000;
}


.whatsonBox p {
  margin: 0 0 5px 0;
}


/* article mod LM */

.articleLeft {
  float: left;
  width: 316px;
  margin-right: 8px;
  font-size: 12px;
}

.articleLeft script {
  margin-bottom: 10px;
}

.articleRight {
  float: left;
  width: 316px;
  font-size: 12px;
}


/* end article mod LM */
h1 { 
		clear:both;
}

/* artwork approval - 22 Mar 2011 */

table.view { border-collapse:collapse; margin:1px 0 1.25em 0; width:50.5em; clear:both; }
table.view th,table.view td { border:#E4E4E4 1px solid;; padding:0.5em; }
table.view th { background:#FAFAFA; }
table.view tr td { color:#AAA; }
table.view tr td.withicon { background:url(cms/images/bullet_red.gif) no-repeat 50% 50%; }
table.view tr.published td { color:#000; }
table.view tr.published td.withicon { background:url(cms/images/bullet_green.gif) no-repeat 50% 50%; }

table.info th{ text-align: right; }
textarea{
  font-family: Georgia, serif;
  font-size: 12px;
  color: #3a383a;
}

/* flipbook navigation - 30 Mar 2011 */

div.flipbookSelect{ float: left; }
div.flipbookSelect div.image{ height: 233px; overflow: hidden; }
div.flipbookSelect p{ color: #000; font-size: 0.8em; }

/* competition entry - 19 Apr 2011 */

#competition_entry fieldset{ padding: 10px 0; width: 500px; }
#competition_entry label{
  width: 130px; line-height: 23px;
  text-align: right;
  margin: 0 6px 6px 0;
  display: block; 
  float: left; clear: left;
}
#competition_entry .text, #competition_entry select{
  width: 300px; line-height: 23px; height: 23px;
  margin-bottom: 4px;
  padding: 0 5px;
  border: solid 1px silver;
  font-family: Georgia, serif;
  font-size: 12px;
  color: #3a383a;
}
#competition_entry textarea.text{ height: 120px; }
#competition_entry .button{
  border: solid 1px #f7c9dc;
  background-color: #FCDFEB;
  padding: 3px 15px;
}

p.awardtitle { 
	font-family: Georgia, serif; font-size:18px; font-weight:bold;
	margin-top:0;
	padding-top:0;
}

.nomination { 
	border-top:1px dotted #6d6d6d;
	padding:11px 0;
}

.nomination label { 
	float:left;
	display:block;
	width:132px;
}

.nomination select { 
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6d6d6d;	
	padding:5px;
}

.nomination input.text { 
	width:308px;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #6d6d6d;
	margin-bottom:2px;
}