/* GLOBAL */

/* /// TEXT /// */
p span {overflow: visible}
.left {text-align: left}
.right, #copyright {text-align: right}
.center {text-align: center}


/* FORMS */
input, textarea, select {border: 0}
.login {padding-top: 40px}
.login label {
	float: left;
	text-align: right;
	padding-right: 24px;
	width: 30%;
}
.login input {
	width: 280px;
	border: 1px solid #6699cc;
	margin: 0 12px 12px 0;
	background: url(../images/searchbg.gif) repeat-x top left;
	padding: 4px;
	font-size: 1.1em;
}
.login .checkbox {
	margin: 5px 0 18px 0;
	background: none;
	padding: 0;
	border: 0;
	width: auto;
	float: left;
}
.login .logon {
	width: 70px;
	background: #b9e0f4 url(../images/ace/buttonbg.gif) repeat-x top left;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
}
.login .register {
	width: 110px;
	background: #b9e0f4 url(../images/ace/buttonbg.gif) repeat-x top left;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	cursor: pointer; cursor: hand;
}


/* MAIN TEMPLATE DECLARATIONS */

/* Stretchy strips */
#headspan, #navspan, #navshadowspan {
	width: 100%;
	text-align: center
}
#headspan {
	height: 117px;
	position: relative;
	z-index: 6
}
#navshadowspan {
	height: 6px;
	background: url(../images/head_navdropshadow.png) repeat-x top left;
	position: relative;
	z-index: 3
}

/* Fixed width layout */
.holder {
	width: 1003px;
	height: 1%;
	position: relative;
	margin: 0px auto;
	clear: both;
	text-align: left;
}

/* Masthead */

#head {height: 117px}

/* Logo */
.skip, #head span#logo a strong {position: absolute; left: -9000px; top:0; z-index: 10000000;}
.skip a:focus, .skip a:active {position: absolute; left: 9000px; display: block; padding: 20px;}
#head span#logo a:focus strong, #head span#logo a:active strong {left: 0; top: 10px}

#head span#logo {
	position: absolute;
	top: 18px;
	left: 30px;
	z-index: 5;
	width: 156px;
	height: 88px;
	background: url(../images/rhslogo-new.png) no-repeat;
}

#head span#logo a {
	/*margin-top: 10px;*/
	width: 156px;
	height: 88px;
	display: block
}
#head h1 a strong {display: none}

/* Navigation */
#nav {width: 924px}
#nav ul {width: 924px; float: left}
#nav ul li {
	list-style: none;
	display: block;
	float: left
}
#nav ul li a {
	padding: 5px 14px 6px 9px;
	margin: 0;
	display: block;
}
#nav ul li a#btnhome {padding-left: 0}
#nav ul li a#last {padding-right: 0}

/* Body */
#paper, #body {overflow: hidden}
#body {
	background: url(../images/body_dropshadow.png) repeat-y top center;
	position: relative;
	margin-top: -6px;
	z-index: 2
}
#footcrumbs, #footstrip, #footer {
	width: 924px;
	margin-left: 9px
}

/* Page */
#paper {
	width: 924px;
	padding: 15px 30px 40px 30px;
	position: relative;
	z-index: 1;
	float: left;
	left: 9px;
}

/* Breadcrumbs & Footer */
/* New breadcrumb trail */
#paper #breadcrumbs {padding-bottom:0.8em}
#paper #breadcrumbs span {float:left;height:17px;border:1px solid #fff;position:relative;top:-1px}
#footer {padding: 18px 30px 18px 30px; text-align: center}

#adbottom {
	width: 100%;
	text-align: center;
	padding-bottom: 24px;
}

#copyright {text-align: center}

/* /// TABLES /// */
table caption {margin: 12px 0 0 0}
html table {
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0
}
table td {vertical-align: top}
table th {vertical-align: middle; white-space: nowrap}
table th {padding: 4px 12px 9px 12px}
table td {padding: 9px 12px}
table.tickets th {padding: 3px 8px 7px 8px}
table.tickets td {padding: 6px 8px}

/* Vertical-align top class for table data */
#paper table td.top {vertical-align: top}

/* Lists within table data */
#paper table ul {padding-top: 0; margin-top: 0; margin-bottom: 0.3em}
#paper table ul li {padding-bottom: 0;}

/* Shorter heights for span-3 table cells */ 
.span-3 table th {padding: 3px 9px}
.span-3 table td {padding: 6px 9px}

/* IMAGES within tables */
#paper table td img {padding: 0; margin: 0}

/* Optional class for multi-column layout table */
table.mcl td {
	vertical-align: middle;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0
}
table.mcl tr:last-child {border-bottom-width: 1px; border-style: solid}
table.mcl td h3, table.mcl td p {padding: 0 0 9px 0; margin: 0}

/* SPREADSHEET variation */
table.spread th:first-child {vertical-align: middle; text-align: right}

/* one/third variation */
table.onethird td, table.onethird th {width: 65%}
table.onethird td:first-child, table.onethird th:first-child {width: 35%; text-align: right}

/* fifty/fifty variation */
table.fifty50 td, table.fifty50 th {width: 50%}
table.fifty50 td:first-child, table.fifty50 th:first-child {text-align: right}

/* two/thirds variation */
table.twothirds caption {margin-left: 12px; margin-right: 12px}
table.twothirds td, table.twothirds th {width: 35%}
table.twothirds td:first-child, table.twothirds th:first-child {width: 65%; text-align: right}

/* thirds variation */
table.thirds th, table.thirds td {width: 33%}

/* Plant of the month variation */
table.pom {margin-top: 0}
table.pom td, table.pom th {width: 75%; vertical-align: top}
table.pom td:first-child, table.pom th:first-child {width: 25%; padding-left: 0}

/* LISTS */

/* UL */
ul {list-style: none}
#paper ul {margin:0 12px 1.5em 30px; list-style-image: url(../../images/bullet.png)}
#paper .span-8 .span-8 ul, #paper .span-7 .span-7 ul {position: relative; left: 12px; margin-left:36px; margin-right:54px}
#paper .span-8 .span-5 ul, #paper .span-8 .span-3 ul {margin-left:30px;margin-right:12px}
#paper #tabsystem ul.tab-menu {margin-left: 12px; margin-right: 12px}
#paper .span-8 .span-8 #tabsystem ul.tab-menu, #paper .span-7 .span-7 #tabsystem ul.tab-menu {left: 0}
#paper ul li {margin:0 0 .3em 0}
#paper .span-2 ul, #paper .span-3 ul {margin-left:26px;margin-right:3px}
#paper ul li:last-child {margin: 0}

/* Jump to arrow */
.span-2 ul.arrow li a, .span-3 ul.arrow li a {padding-left: 21px; width: 114px}
.span-3 ul.arrow li a {width: 189px}
.span-2 ul.arrow li a {width: 114px}

/* Numbered lists */
ol li {list-style: decimal outside; font-weight: bold}
ol li p {display: block; font-weight: normal}
ol.nl li a {display: block; padding: 0.4em 7px 0.6em 7px; font-weight: normal}
.span-2 ol li p, .span-3 ol li p {padding: 0.3em 0 0.3em 0}


/* /// QUOTES /// */
blockquote {padding: 0 24px}


/* /// DEFINITION LISTS /// */
dl {
	clear: both;
	vertical-align: baseline;
	margin-top: 0.2em
}
dt {
	float: left;
	width: 28%;
	padding-right: 12px;
	clear: left;
	text-align: right;
	margin-bottom: 0.8em;
}
dd {
	clear: right;
	width: 68%;
	float: left;
	margin-bottom: 1.0em;
}

/* 7 width alterations */
.span-7 dt {padding-right: 24px; width: 30%}
.span-7 dd {width: 64%}

/* 7/2 width alterations */
.span-35 dt {
	padding-right: 12px;
	width: 36%;
	margin-bottom: 0.4em;
	top: 2px
}
.span-35 dd {width: 58%; margin-bottom: 0.4em}

/* 3 width alterations */
.span-3 dt {width: 40%; top: 2px}
.span-3 dd {width: 50%}


/* BUTTONS */

/* Buy tickets */
a.buytickets {
	display: block;
	width: 117px;
	height: 24px;
	padding: 1px 0 0 27px;
}

a.buytickets:hover {
	text-decoration: none;
}

a.buybig {
	display: block;
	width: 179px;
	height: 31px;
	padding: 5px 0 0 43px;
	margin-top: 43px;
}

a.buybig:hover {
	text-decoration: none;
}

/* Back to top */
#backtotop a {
	position: relative;
	left: 402px;
	display: block;
	background: url(../images/backtotop.gif) no-repeat;
	width: 178px;
	height: 20px;
	padding-top: 4px;
	text-align: center;
}

#backtotop a:hover {
	background: url(../images/backtotop.gif) no-repeat 0 -24px;
}


/* A to Z */

.az, .aztoc {
	text-align: center;
	padding: 20px 0 20px 0;
	font-size: 1.5em;
	color: #bbb;
	letter-spacing: 0.1em;
}

.aztoc {
	border-style: solid;
	border-bottom-width: 1px;
}

.az .current {
	font-style: italic;
}

.azlist {
	line-height: 18px;
}

.azlist ul {
	padding-bottom: 32px;
}
.azlist ul li {
	padding-bottom: 16px;
}