@import url("reset.css");
@import url("structure.css");
@import url("nav.css");
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/


[href^="http://"]:not([href*="firstmagazine.com"]):not(.BannerLink)::after {
 content: "\2197";
}

#skip {
	width: 0;
	height: 0;
	overflow: hidden;
}

.clear-all {
	clear: both;
	height: auto;
}
.hr {
	background-image: url("../images/structure/hr_dottedline.gif");
	background-repeat:repeat-x;
	height: 1px;
	border: 0px;
	clear: both;
	margin-top:10px;
	margin-bottom:10px;
}
hr {
	display: none;
}
#right .hr {
	background-image: none;
}

/* -----------------------------------------------------------*/
/* ---------->>> IMAGE and PHOTO ALIGNMENTS ETC <<<-----------*/
/* -----------------------------------------------------------*/


.imgright, .imgleft, .eventimg {
	border: 2px solid #CCC;
}
.imgborderlessright, .imgborderlessleft {
	padding: 5px;
}
.imgright, .imgborderlessright {
	float: right;
	margin: 0 0 15px 15px;
}
.imgleft, .imgborderlessleft {
	float: left;
	margin: 0 15px 15px 0;
}
.eventimg {
	float: right;
	margin: 0 0 15px 30px;
}
.imgcaption {
	font-size:9px;
}
/* END OF IMAGE ALIGNMENTS --------------------*/

#page-header {
	margin: 0;
	height:74px;
	background:url("../images/structure/logobar_queensaward.gif") no-repeat;
}

#page-text ul li, ol li ul, #twocolumnpage-text ul li, ol li ul {
	list-style: bullet;
	margin: 0 0px 0px 15px;
}
#page-wrapper {
	padding: 0;
	margin-bottom:30px;
	overflow: hidden;
}
/* #page-wrapper h1 {
    width: 729px;
    margin: 0 auto;
} */

#page-titlebar {
	background:url("../images/structure/titlebar_gradient.gif") repeat-x #dbdada;
	height:24px;
	padding:10px;
	border-top:solid 1px #FFF;
}
#page-titlebar h1 {
	margin:0;
	padding-left:5px;
	font-size:18px;
}
#page-body {
	font-size: 1.2em;
	overflow: hidden;
	padding:25px 0px 30px 40px;
	line-height:1.6em;
}
*html #page-body {
	float:left;
}
#page-body p {
	margin-bottom: 1.4em;
}
*html #page-body p {
	margin-bottom: 1.4em;
}
#page-body ul {
	margin-left:20px;
}
#page-body .heading, #left-column .heading {
	font-size: 1.5em;
	margin-bottom:20px;
}
/* --------------------------------------------*/
/* ---------->>> HOMEPAGE STYLES <<<-----------*/
/* --------------------------------------------*/

/* COLUMNS ------------------------------------*/
#left-column {
	width: 300px;
	float: left;
	margin: 15px 30px 0px 0px;
}
* html #left-column {
	margin: 15px 30px 0px 0px;
	width: 300px;
	float: left;
}
#left-column p a {
	text-decoration:none;
}

#homeintrotext p strong,
#eventstext p,
#publishingpanel .text,
#homeawardstext p,
#homeawardstext a
{
	line-height:16px;
} 

.homepublishtitle, .homepublishtitle a, .hometitle, .hometitle a {
	border-bottom:1px solid #d5d4d4;
	padding-bottom:2px;
	color:#484848;
	font-size:18px;
	text-decoration:none;
}
.hometitle, .hometitle a {
	margin-bottom:12px;
}
#homeintrotext, #homeawardstext {
	margin-bottom:16px;
}
#partnerbanner
{
  height:85px;
  background:#f0f0f0;
  margin-bottom:20px;
  margin-top:5px;
}
#left-column h2 {
	margin-bottom: 10px;
}
#left-column p {
	font-size:1em;
	margin-bottom: 10px;
	line-height: 18px;
}
#right-column {
	width: 595px;
	float: left;
	margin: 15px 0px 0px 0px;
}
 8html #right-column {
 width: 595px;
 float: left;
 margin: 15px 0px 0px 0px;
}
#right-column .heading {
	margin: 15px 0px 10px 20px;
	color:#656b6b;
	font-size:1em;
	font-weight:bold;
	font-variant:small-caps;
}
#publishingpanel {
	height:270px;
	margin-top:3px;
	margin-bottom:12px;
}
#publishingpanel .visual {
	height:240px;
	width:360px;
	float:left;
}
#publishingpanel .text {
	overflow:hidden;
	margin-left:20px;
	padding-top:10px;
	width:210px;
	float:left;
	height:220px;
}
#publishingpanel .text .title, a.title {
	padding:0;
	margin-bottom:20px;
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#484848;
}
#publishingpanel .text p {
	padding:0;
	margin:0;
	margin-bottom:20px;
	font-size:10px;
	color: #000;
	font-weight:normal;
}
#publishingpanel #toolbar {
	height:22px;
	clear:both;
	display:block;
	border:1px solid #d0d0d0;
	border-right:none;
}
#publishingpanel #toolbar ul {
	padding:0;
	margin:0;
	list-style-type: none;
	float:left;
}
/* Set up the list items */
#publishingpanel #toolbar li {
	list-style-type: none;
	float:left;
}
#publishingpanel #toolbar a:link, #publishingpanel #toolbar a:visited {
	display: block;
	border-right: 1px solid #d0d0d0;
	border-left: solid #FFF 1px;
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	color: #484848;
	/* line-height:10px; */
    padding: 5px 26px 7px 26px;
	background:repeat-x #CCCCCC url("../images/structure/footer_bg.gif");
}
#publishingpanel #toolbar a:active, #publishingpanel #toolbar a:hover {
	color:#666666;
	/* background: url("../images/structure/menu_hoverbg.gif") repeat-y; */
	background:#c9c8c8;
}
/* ---------->>> ITEMS RELATED TO DISPLAY OF HIGHLIGHT PANEL CONTENT <<<-----------*/

a.showreports {
	position:relative; /*this is the key*/
	z-index:24;
}
a.showreports:hover {
	z-index:25;
}
a.showreports .reportcontent {
	display: none
}
a.showreports:hover .reportcontent { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-242px;
	left:-159px;
	width:560px;
}
*html a.showreports:hover .reportcontent { /*for IE6*/
	top:-242px;
	left:-185px;
	width:560px;
}
#publishingpanel .reportcontent {
	margin:0;
	padding:0;
}
a.showspecial {
	position:relative; /*this is the key*/
	z-index:24;
}
a.showspecial:hover {
	z-index:25;
}
a.showspecial .specialcontent {
	display: none
}
a.showspecial:hover .specialcontent { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-242px;
	left:-314px;
	width:560px;
}
*html a.showspecial:hover .specialcontent { /*for IE6*/
	top:-242px;
	left:-340px;
	width:560px;
}
#publishingpanel .specialcontent {
	margin:0;
	padding:0;
}

.bookrecords {
	clear:both;
}

a.showbooks {
	position:relative; /*this is the key*/
	z-index:24;
}
a.showbooks:hover {
	z-index:25;
}
a.showbooks .bookcontent {
	display: none
}
a.showbooks:hover .bookcontent { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-242px;
	left:-502px;
	width:560px;
}
*html a.showbooks:hover .bookcontent { /*for IE6*/
	top:-242px;
	left:-528px;
	width:560px;
}
#publishingpanel .bookcontent {
	margin:0;
	padding:0;
}
a:hover .text {
	position:absolute;
	top:5px;
	left:360px;
	background-color:#FFFFFF;
	overflow:hidden;
}
/* END OF ITEMS RELATED TO DISPLAY OF HIGHLIGHT PANEL CONTENT */


#eventstext {
	float:left;
	width:380px;
}
#eventstext p {
	margin:0;
	padding-right:20px;
}
#eventsimage {
	float:left;

	width:210px;
	height:270px;
	text-align:center;
}
#eventsimage img {
	padding:5px;
	border:3px solid #f0f0f0;
}

#right-column .base {
	height:21px;
}

#eventstext a
{

text-decoration:none;
} 

/*--------------- END OF HOMEPAGE STYLES --------------*/


/* ----------------------------------------------------*/
/* ---------->>> PUBLICATION PAGE STYLES <<<-----------*/
/* ----------------------------------------------------*/

div.publicationarticle {
	margin-bottom:10px;
	width:440px;
	padding:5px 0 5px 0;/* padding:5px 10px 5px 20px; */
/* border: solid 1px #f2f2f2; */
}
div.publicationarticle .button {
	float:right;
	margin:0 0 0 20px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	font-size:9px;
}
div.publicationarticle .free {
	background:#f2d6d7;
	border:2px solid #eebbbd;
}
div.publicationarticle .buy {
	background:#ededed;
	border:2px solid #dbdada;
}
div.publicationarticle .button a:link, div.publicationarticle .button a:visited {
	text-decoration:none;
	color:#000000;
}
div.publicationarticle .button a:active, div.publicationarticle .button a:hover {
	text-decoration:underline;
	color:#000000;
}
li.publicationlist {
	list-style-type:circle;
	padding-bottom:10px;
}
.introtext {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:40px;
	display:block;
}
.publication-tools {
	float: right;
	margin: 0 0 40px 40px;
}
.publicationimage {
	border: 2px solid #CCC;
	margin-bottom:20px;
}
.captiontext {
	font-size:0.9em;
	line-height:1em;
}
.highlightpanel {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	background:#f4f2f3;
	padding:10px;
	width:200px;
}

/* PUBLICATION COVER IMAGE THUMBS */

#thumbs
  {

  padding-top: 0px; padding-bottom: 10px; display:block;
  }

  #thumbs .thumb
  {

  width: 130px; float: left; padding: 0px 2px 10px 2px; margin:0
  2px 0 2px; display:inline-block; position:relative;

  }

  #thumbs .thumb_img {

  width: 130px; height: 140px; background:#F2F2F2; text-align:
  center; line-height: 140px; display:inline-block;
  vertical-align:middle;
  }

  #thumbs .thumb_img img {

  border:0; padding: 3px 0 5px 0; display:inline-block;
  vertical-align:middle;

  }

  #thumbs .thumb_img .vertforce {
  display:inline-block;
  vertical-align:middle;
  height:100%;
  width:0;
  }

  #thumbs .thumb_img:hover {

  background:#CCCCCC;
  }

  #thumbs ul {

  margin: 0; padding: 0; list-style-type: none;
  }

  #thumbs ul.t {

  padding: 5px 0px 0px 0px; line-height:10px;
  }

  #thumbs li.t_title {
  text-align:center; padding-bottom: 1px;
  }

/* END OF PUBLICATION STYLES ---------------------------- */


/* STAFF PROFILE PAGE STYLES ---------------------------- */

.staffimage {
	float: right;
	margin: 0 0 40px 100px;
	border: 1px solid #d9d9d9;
	padding:20px;
	background:#f3f3f3;
}
/* END OF STAFF PROFILE STYLES ------------------------- */

/* EVENTS PAGE STYLES ---------------------------------- */

.featurebox {
	display:block;
	background:#f5f5f5;
	padding:5px;
	margin:20px;
	border:1px solid #e2e2e2;
}
.featurebox img {
	float: left;
	margin: 0 25px 15px 10px;
}
.featurebox a:link, .featurebox a:visited {
	text-decoration:none;
	font-size:1.2em;
}
.featurebox a:hover, featurebox a:active {
	text-decoration:underline;
}
/* END OF EVENTS PAGE STYLES ---------------------------- */

/* EVENTS RIGHT PANEL STYLES ---------------------------------- */

.eventpanelbox {
	display:block;
	width:180px;
	background:#f5f5f5;
	padding:10px 10px 5px 10px;
	margin:20px 0 20px 0;
	border:1px solid #e2e2e2;
}

.eventpanelbox #picture {
text-align:center;
}

.eventpanelbox img {
	margin: 0;
}
.eventpanelbox a:link, .eventpanelbox a:visited {
	text-decoration:none;
	font-size:0.9em;
}
.eventpanelbox a:hover, eventpanelbox a:active {
	text-decoration:underline;
}
/* END OF EVENTS RIGHT PANEL STYLES ---------------------------- */

/* BOXES OR BUTTONS FOR PURCHASING PUBLICATIONS --------- */


.buybutton {
	width:255px;
	padding-top:10px;
	padding-left:70px;
	color:#000;
	float:left;
	background-color:#f8f4d4;
	border:3px solid #ece7bf;
	margin-top:5px;
	margin-right:10px;
	background-image:url(../images/structure/icon_searchpanel_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.buybutton .title {
	font-size:14px;
	font-weight:bold;
	color:#996600;
	margin-bottom:8px;
}
/* LISTS OF STAFF, JUDGES AND PANELS ------------------ */

.stafflist a:link, .stafflist a:visited, .publicationlist a:link, .publicationlist a:visited, .publicationarticle a:link, .publicationarticle a:visited {
	text-decoration:none;
}
.stafflist a:hover, .stafflist a:active, .publicationlist a:hover, .publicationlist a:active, .publicationarticle a:hover, .publicationarticle a:active {
	text-decoration:underline;
}
.stafflist li {
	padding-bottom:20px;
	list-style:none;
}
.stafflist .name, .publicationlist .name, .publicationarticle .name {
	font-weight:bold;
	font-size: 1.2em;
	color:#868585;
}
/* END OF LISTS OF STAFF, JUDGES AND PANELS --------------------- */

/* TESTIMONIALS ------------------------------------------------- */

.testimonial {
	padding:20px;
	display:block;
	margin: 0px 50px 0px 30px;
	background:url("../images/structure/quote_bg.gif") no-repeat top left;
}
*html .testimonial {
	width:550px;
}
.testimonial p {
	display:block;
	margin:0;
}
.testimonial a:link, .testimonial a:visited {
	text-decoration:none;
}
.testimonial a:hover, .testimonial a:active {
	text-decoration:underline;
}
.testimonial .quote {
	font-style:italic;
	font-size:1.2em;
	color:#5a5a5a;
	margin-bottom:5px;
	display:block;
	text-align:justify;
}
*html .testimonial .quote {
}
.testimonial .name {
	font-weight:bold;
	font-size: 1.2em;
	color:#868585;
}
/* END OF TESTIMONIALS --------------------- */

/* NEWS ARTICLES  -------------------------- */

.yearbar
{
	clear:both;
	display:block;
	background: #d9d9d9;
	padding:5px;
	margin:20px 0px 15px 0px;
	font-weight:bold;
}

.news
{
	margin:0;
	padding-right:50px;
}

.news UL {
	margin:0px;
	padding:0px;
	list-style:none;
}
.news LI {
	position:relative;
	margin:0 0 10px;
0;
}
.news .newscal {
	position:relative;
	width:35px;
	height:53px;
	padding:0px;
	margin:0px;
	background:url("../images/structure/newscal.gif") no-repeat;
	display:block;
}
.news .newscal .month {
	position:absolute;
	top:0px;
	left:1px;
	font-size:85%;
	font-weight:bold;
	color:#fff;
	margin:0px 0px 0px 5px;
	line-height:13px;
}
.news .newscal .day {
	position:absolute;
	top:16px;
	left:0px;
	width:35px;
	text-align:center;
}
.news .newstitle {
}
.news .newsbody {
	position:relative;
	top:-60px;
	display:block;
	min-height:53px;
	margin:0 0 -60px 56px;
}
.news .newsbody P {
	position:relative;
}
#newstitle {
	font-weight:bold;
	font-size:1.2em;
	border-bottom:solid 1px #C5C5C5;
	margin-bottom:30px;
	line-height:1.8em;
	color:#666666;
}
#newsdate {
	float:right;
	color:#990000;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:20px;
	font-size:1.2em;
	/* border-left: solid 1px #C5C5C5; */
padding-left:20px;
}
/* END OF NEWS ARTICLES  --------------------- */



/* --------------------- FORM STYLES ----------------------- */


form {

	color:#000;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border: solid 1px #CCCCCC;
  padding: 10px;
  padding-top:0px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 140%;
  font-weight: normal;
  color: #000000;
  margin: 5px 0 10px 0;
  padding: 0 5px;
}

form fieldset legend .subset {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 2px;
}

form fieldset div.notes {
  height: auto;
  margin-bottom:5px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/structure/icon_forminfo.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #CCCCCC;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.info {
  height: auto;
  padding: 5px;
  color: #666666;
  font-size: 88%;
}

form fieldset div.info p {
  color: #666666;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:300px;
	padding:3px;
	border:1px solid #c0c0c0;
	background-color:#f8f8f8;
}

label {
	width:150px;
	display:block;
	float:left;
	/*font-weight:bold;*/
	color:#000;
	margin-right:10px;
}

.deeplabel {
	min-height:40px;
	height:40px;
}

.radiobutton {
	width:15px;
	border:none;
	background:none;
	margin-right:40px;
}

.shortselect{
	width:150px;
	margin-right:10px;
}

input:focus, textarea:focus {
	border:1px solid #000;
}

.formbutton {
	margin-left:150px;
	border: 1px solid #CCC;
	font-size: 20px;
	background:url("../images/structure/formbutton_bg.gif") repeat-x top #d9d9d9;
	height: 45px;
	margin: 10px 0 0 0;
	/*width: auto;*/
    width: 300px;
	color: #444444;
	padding: 3px 7px 5px 7px;
}



.formbuttonHover {
	margin-left:150px;
	border: 1px solid #CCC;
	font-size: 20px;
	background:url("../../images/structure/formbutton_bg.gif") repeat-x 20px #d9d9d9;
	height: 45px;
	margin: 10px 0 0 0;
	/*width: auto;*/
    width: 300px;
	color: #444444;
	padding: 3px 7px 5px 7px;
}

* html .formbutton {margin-left:153px;}
* html .formbuttonHover {margin-left:153px;}

/* END OF FORM STYLES —————————————*/



/* PARTNER ORGANISATIONS —————————————*/

#partner_logobox { float:right;width:250px;margin: 0 0 40px 40px; }
#partner_logobox img { display:block;clear:both;padding:5px 0 5px 0;margin: 0 auto;}
.partnerbox { display:block; background:#fff; padding:15px 5px 0 5px; margin:5px 5px 0px 5px; border-top:1px solid #e2e2e2; line-height:15px; }
.partnerbox .text { display:block; margin:0; }
.partnerbox .name { display:block; font-weight:bold; font-size: 1.2em; color:#868585; margin-bottom:10px; }
.partnerbox .logo { margin: 0 10px 5px 35px; float:right; width:200px; text-align:center; }
.partnerbox .widelogo { margin: 0 10px 5px 35px; float:right; width:370px; text-align:center; }
.partnerbox img { }
.partnerbox a:link, .partnerbox a:visited { text-decoration:none; }
.partnerbox a:hover, .partnerbox a:active { text-decoration:underline;}

/* END OF PARTNER ORGANISATIONS —————————————*/




/* BOXES OR BUTTONS FOR PURCHASING PUBLICATIONS --------- */

  #purchasebuttonbox a
  {
	text-decoration: none;
  }
  
  #purchasebuttonbox a {
  width:204px;
  height:81px;
  overflow:hidden;
  background: url(../images/structure/btn_purchase_bg.gif)
  no-repeat top left;
  text-align:center;
  display:block;
  }

  #purchasebuttonbox a:link, #purchasebuttonbox a:visited {
  background: url(../images/structure/btn_purchase_bg.gif)
  no-repeat top left;
  text-decoration:none;
  }

  #purchasebuttonbox a:hover, #purchasebuttonbox a:active {
  background: url(../images/structure/btn_purchase_bg.gif)
  no-repeat 0 -81px;
  text-decoration:none;
  }

  #purchasebuttonbox .itemtitle {
  font-size:14px;
  font-weight:bold;
  padding: 5px 5px 8px 55px;
  display:block;
  }

  #purchasebuttonbox .itemcost {
  font-size:10px;
  padding: 5px;
  display:block;
  }
  
/* END OF BOXES OR BUTTONS FOR PURCHASING PUBLICATIONS ------------------------------*/  





/* EVENTS ARCHIVE STYLES —————————————————*/

.archiveitembox {
display:block; background:#f5f5f5; padding:5px; margin:10px; border:1px solid #e2e2e2; line-height:15px;
}

.archiveitembox .text {
display:block; margin-left:185px; }

.archiveitembox img {

}

.archiveitembox .archivepic {
	width: 135px;
	margin:0 auto;
	float: left;
	margin: 0 35px 15px 10px;
}

.archiveitembox a:link, .archiveitembox a:visited { text-decoration:none; font-size:1.1em;
}
.archiveitembox a:hover, .archiveitembox a:active { text-decoration:underline;
}
/* END OF EVENTS ARCHIVE STYLES ——————————————*/ 




/* PAGINATION STYLES ——————————————*/

.pagination {
display:block;
padding:5px;
text-align:right;
}

.pagination ul {
margin: 0; padding: 0; list-style-type: none;
}

.pagination li {
text-align:center; display:inline;
}

.pagination li.selected a 
{
	font-weight: bold;
}

.pagination li a:link, .pagination li a:visited {
background:#F0F0F0;
border: 1px solid #E9E9E9;
padding:5px;
text-decoration:none;
}

.pagination li a:hover, .pagination li a:active {
background: #FF9999;
border: 1px solid #FF3366;
padding:5px;
text-decoration:none;
}

/* END OF PAGINATION STYLES ——————————————*/