/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE Coloured Scrollbars
	scrollbar-face-color:#252627;
	scrollbar-arrow-color:#F47B20;
	scrollbar-track-color:#494B4E;
	scrollbar-shadow-color:#181A1B;
	scrollbar-highlight-color:#181A1B;
	scrollbar-3dlight-color:#888B8E;
	scrollbar-darkshadow-Color:#181A1B; */
	background-color: #333;
	color: #232425;
	bottom: auto;
}
#site {
	width: 760px;
	text-align: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #B08CBA;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 3px;
}
#site #main #content #content_column #right_adverts {
	position: relative;
	height: 277px;
	width: 180px;
	margin-left: 520px;
}
#varietytext {
	top: 0px;
	right: 0px;
}
#site #main #content #content_column #ads_text {
	width: 500px;
	margin-top: -320px;
}
#note {
}
#site #main #content #content_column #right_adverts #right_advert_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 200px;
	border: 1px solid #000;
}
#note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
#note2 {
	font-size: 80%;
}
#varietylogo {
	height: 186px;
	width: 200px;
}
#site #main #content #content_column #ads_text #ads_right {
	left: 689px;
	top: 358px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	height: 524px;
	width: 184px;
}
#hdradvert {
	height: 60px;
	width: 468px;
	top: 10px;
	right: 10px;
	position: absolute;
}
#compclosed {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
#header {
	position: relative;
	height: 220px;
}
#linklogo {
	position: absolute;
	width: 760px;
	height: 154px;
	bottom: 41px;
	left: 0px;
	background-image: url(images/linklogo_bg.gif);
}

/* Top navigation  - uses nested lists as tabbed navigation */
#topnav {
	position: absolute;
	width: 760px;
	height: 41px;
	bottom: -1px;
	left: 0px;
	/*background: url(images/topnav_bg.gif) repeat-x;*/
	z-index: 900;
}
#topnav ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#topnav ul ul {
	margin: 0;
}
#topnav li {
	display: inline;
}
#topnav li a:link, #topnav li a:visited {
	height: 20px;
	padding: 2px 5px 2px 5px;
	margin-left: 5px;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #A7A9AC;
	border-bottom: 1px solid #A7A9AC;
	display: block;
	float: left;
}
#topnav li a:hover, #topnav li a:active {
	text-decoration: underline;
}
#topnav li a:link.active, #topnav li a:visited.active  {
	border-top: 1px solid #CACBCC;
	border-right: 1px solid #242526;
	background-color: #66686C;
	color: #333;
}
#topnav ul li ul {
	position: absolute;
	bottom: 19px;
	left: 0px;
	width: 760px;
	height: 0px;
}
#topnav ul li ul.current {
	background-color: #66686C;
	z-index: 999;
}
#topnav ul li ul.current a:link, #topnav ul li ul.current a:visited {
	font-weight: normal;
	font-size: 70%;
	border-top: none;
	border-bottom: none;
	width: auto;
	height: auto;
	padding: 3px 5px;
	display: block;
	float: left;
	color: #FFFFFF;
}
/* Search Box */
#hdrsearch {
	background-color: #B08CBA;
	height: 40px;
	padding-top: 5px;
}
#hdrsearch form {
	padding: 0;
	margin: 0;
}
#hdrsearch label {
	font-size: 70%;
	color: #FFFFFF;
	font-weight: normal;
}
#searchfield {
	position: relative;
	white-space: nowrap;
	background-color: #B08CBA;
	height: 40px;
}
#searchfield input.text {
	border: 1px inset #000;
	background-image: url(images/google-pink-smaller.jpg);
	background-repeat: no-repeat;
}
#searchoption {
}
#searchoption input {
	width: 10px;
	height: 10px;
}

/* Main Content */
#main {
	min-height: 470px;
	background-color: #FFF;
	padding-bottom: 1px; /* This is to fix a bug in firefox where a space was between the footer and main div */
}
/* for Internet Explorer */
/*\*/
	* html #main {
	height: 490px;
}
/**/
/* Bottom Navigtion */
#botnav {
	height: 20px;
	background-color: #66686C;
	text-align: right;
}
#botnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
}
#botnav li {
	display: inline;
}
#botnav li a:link, #botnav li a:visited {
	color: #FFFFFF;
	font-size: 80%;
	text-decoration: none;
	margin-right: 10px;
}
#botnav li a:hover, #botnav li a:active {
    text-decoration: underline;
}
#footer {
	background-color: #232425;
	text-align: center;
	padding: 5px 28px 5px 28px;
}
#footer p {
	font-size: 70%;
	color: #999;
	padding: 3px 0px 3px 0px;
	margin: 0;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #999;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
#footer ul#validators {
	list-style-type: none;
	margin: 15px 0px 0px 0px;
	padding: 0;
}
#site ul#validators {
	text-align: center;
}
#site ul#validators li {
	display: inline;
}
#site ul#validators li img {
	margin-right: 10px;
}
#site ul#validators a:link, #footer ul#validators a:visited {
	text-decoration: none;
	font-size: 70%;
}
#site ul#validators a:hover, #footer ul#validators a:active {
	text-decoration: underline;
}
/* Front Styles */
#issue {
	position: relative;
	height: 312px;
	border-bottom: 20px solid #66686C;
}
#coverpic {
	width: 230px;
	height: 312px;
	background-repeat: repeat-x;
}
#teasers {
	position: absolute;
	width: 510px;
	height: 297px;
	right: 0px;
	top: 0px;
	overflow: auto;
	padding: 5px 10px 10px 10px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #333333;
}
/* Teaser Styles */
#teasers h1 {
	color: #FFF;
	font-size: 120%;
	margin: 0px 0px 5px 0px;
	text-transform: lowercase;
}
#teasers h2 {
	color: #CCC;
	font-size: 80%;
	margin: 0;
	text-transform: lowercase;
}
#teasers h3 {
	color: #FFF;
	font-size: 100%;
	margin: 0;
}
#teasers h4 {
	color: #FFF;
	font-size: 90%;
	margin: 10px 0px 10px 0px;
}
#teasers h5 {
	color: #FFF;
	font-size: 80%;
	margin: 3px 0px 3px 10px;
	text-transform: lowercase;
}
#teasers p {
	color: #FFF;
	font-size: 80%;
	margin: 0px 0px 10px 0px;
}
#teasers p.summary {
	color: #FFF;
	font-size: 70%;
	margin: 0px 0px 5px 10px;
}
#teasers p.orange {
	color: #F67C20;
}
#teasers p.orange a:link, #teasers p.orange a:visited {
	color: #F67C20;
	text-decoration: none;
}
#teasers p.orange a:hover, #teasers p.orange a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#teasers a:link, #teasers a:visited {
	text-decoration: none;
	color:#FFFFFF
}
#teasers a:hover, #teasers a:active {
	text-decoration: underline;
	color:#F67C20;
}
/* Advertising */
#adverts {
	position: relative;
	height: 225px;
	width: 760px;
}
.advert_halfsize {
	position: absolute;
	width: 254px;
	height: 168px;
	left: 0px;
	top: 0px;
}
.advert_fullsize {
	position: absolute;
	width: 760px;
	height: 1px;
	right: 0px;
	top: 0px;
	margin-left: 0px;
	background-color: #FFF;
}
#advert468top img {
}
div#advert468top div.halfbanner {
	width: 234px;
	float: left;
	margin-right: 3px;
}
#advert468bottom img {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.adimage {
	margin-left: 10px;
}
.leftadvert {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
/* Content Styles */
#content {
}
#content p {
	line-height: 1.4em;
	font-size: 80%;
	margin: 7px 0px 7px 0px;
}
#content h2 {
	font-size: 120%;
	margin: 10px 0px 5px 0px;
}
#content h2 uppercase {
	font-size: 120%;
	margin: 10px 0px 5px 0px;
}
#content h3 {
	font-size: 100%;
	margin: 10px 0px 5px 0px;
	text-transform: none;
}
#content h4 {
	font-size: 80%;
	margin: 10px 0px 5px 0px;
	text-transform: lowercase;
}
#content_hdr {
	position: relative;
	width: 760px;
	height: 50px;
	background: url(images/content_hdr_bg.png) repeat-x top left;
}
#content_hdr h1 {
	font-size: 300%;
	color: #FFF;
	margin: 0px 0px 0px 20px;
}
/* Lists */
#content ul {
	margin: 0px 0px 0px 40px;
}
#content li {
	font-size: 80%;
}
/* Content Links */
#content a:link, #content a:visited {
	text-decoration: none;
	color: #232425;
}
#content a:hover, #content a:active {
	text-decoration: underline;
	color: #F67C20;
}
/* Breadcrumbs */
#breadcrumbs {
	position: absolute;
	height: 15px;
	right: 5px;
	top: 5px;
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#breadcrumbs li {
	display: inline;
	font-size: 70%;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#breadcrumbs li a:hover, #breadcrumbs li a:active {
	text-decoration: underline;
}
/* 1 Column */
#content_column {
	padding: 10px 20px 0px 20px;
}
#content_column:after {
	content: "."; 
	display: block; 
	line-height: 1px;
	font-size: 1px; 
	clear: both; 
}
/* Back Issues */
#content_column div.issue {
	width: 150px;
	float: left;
	margin: 10px 10px 10px 0;
}
#content_column div.issue label {
	text-align: center;
	display: block;
	font-size: 80%;
}
#content_column div.backissue {
	position: relative;
	width: 720px;
}
#content_column div.backissue div.backissue_pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
}
#content_column div.backissue div.backissue_pic p {
	text-align: center;
	color: #666;
	font-size: 70%;
	padding: 0 10px;
}
#content_column div.backissue div.backissue_txt {
	margin-left: 389px;
}
#content_column div.backissue div.backissue_txt h1 {
	display: none;
}
#content_column img.linkicon {
	display: block;
	float: left;
	margin-right: 10px;
}
/* 2 Columns */
#content_columns {
	position: relative;
	width: 760px;
}
#content_left {
	position: absolute;
	width: 220px;
	min-height: 400px;
	padding: 0px 10px 0px 20px;
	left: 0px;
	top: 0px;
}
/* Content columns */
div.cols {
	position: relative;
	margin-bottom: 10px;
	width: 720px;
}
div.cols div.lcol {
	position: absolute;
	width: 210px;
	left: 0px;
	top: 19px;
}
div.cols div.rcol {
	margin-left: 210px;
}
/* for Internet Explorer */
/*\*/
	* html #content_left {
	height: 420px;
}
/**/
#content_left p {
	font-size: 80%;
	color: #231F20;
	line-height: 1.4em;
}
#content_left div.cover {
	margin: 10px;
	text-align: center;
	float: left;
}
#content_left img {
	margin-top: 10px;
}
#content_left div.cover img {
	margin-top: 0px;
}
#content_right {
	margin-left: 250px;
	padding: 0px 20px 0px 20px;
	min-height: 420px;
}
#content_right p.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}

/* for Internet Explorer */
/*\*/
	* html #content_right {
	height: 420px;
}
/**/
#content_right p {
	font-size: 80%;
	color: #231F20;
	line-height: 1.4em;
}
/* Contacts */
#content div.contact img.contact {
	margin-right: 25px;
	vertical-align: middle;
	float: left;
}
#content div.contact  {
	position: relative;
	margin-bottom: 15px;
	height: 70px;
	clear: both;
}
#content div.contact p {
	margin: 5px 0px 0px 0px;
	padding: 0;
}
/* Content Sitemap */
#content ul.sitemap {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
	margin: 15px 0px 15px 25px;
}
#content ul.sitemap li {
	margin-bottom: 5px;
}

#content ul.sitemap ul {
	margin: 5px 0px 0px 5px;
}
#content ul.sitemap ul li {
}
#content ul.sitemap li a:link, #content ul.sitemap li a:visited {
	color: #231F20;
	text-decoration: none;
}
#content ul.sitemap li a:hover, #content ul.sitemap li a:active {
	color: #0C676B;
	text-decoration: underline;
}
/* Content Tables */
#content table {
	border: 0;
}
#content th {
	font-size: 80%;
	font-weight: bold;
	color: #221F20;
}
#content td {
	padding: 3px;
	font-size: 80%;
}
#content tbody tr.even td {
  background-color: #FEF2E9;
}
#content tbody tr.odd  td {
  background-color: #fff;
}
#content table#subscription {
	width: 60%;
}
img.noborder {
	border: 0;
}
#freetrial {
	font-weight: normal;
}
.red {
	color: #CC0000;
}

div.cols div.vlcol {
	position: absolute;
	width: 158px;
	left: 0;
	top: 0px;
	height: 159px;
}
div.cols div.vrcol {
	margin-left: 180px;
	margin-top: 0px;
}
#site #header #hdrsearch #searchfield input {
}
#site #header #hdrsearch #searchfield input {
}
#site #main #content #content_column .cols .lcol #leftadvertcomp2 {
	top: 500px;
	position: absolute;
}
#site #main #content #content_column .cols .lcol img {
}
#site #main #content_hdr #breadcrumbs li {
	color: #FFFFFF;
}
#site #header #hdrsearch #searchfield #searchoption .style1 {
	color: #FFFFFF;
}
#site #main #adverts .advert_fullsize #advert468top {
	margin-top: 0px;
	margin-left: 0px;
}
#site #main #adverts .advert_fullsize #advert468bottom img {
}
#site #main #adverts .advert_fullsize #advert468bottom {
	margin-left: 0px;
	position: relative;
	margin-top: 14px;
	width: 468px;
}
#site #main #content #content_columns #content_left #about_advert {
	margin-left: 52px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#site #header #hdrsearch #searchfield #searchoption input {
	background-color: #BF9DC6;
}
#site #main #content #content_column h2_upper {
	text-transform: none;
}
uppercase {
	text-transform: none;
}
#site #header #linklogo #slither {
	height: 1px;
	width: 760px;
	background-color: #FFFFFF;
	background-position: bottom;
}
uppercase {
	text-transform: none;
}
#radvert1 {
	float: right;
	width: 300px;
	height: 168px;
	padding-right: 5px;
}
#radvert2 {
	float: left;
	width: 125px;
	height: 168px;
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 25px;
}
#divfreebie {
	float: right;
	height: 116px;
	width: 468px;
	padding-top: 7px;
	padding-right: 6px;
}
#telstra {
	height: 299px;
	width: 275px;
	text-align: center;
}
#adtext {
	height: 252px;
	width: 220px;
	float: right;
	padding-top: 47px;
	margin-right: 0px;
}
#more-info {
	width: 60px;
	float: right;
	padding-bottom: 40px;
	margin-top: -20px;
}
#newell {
	height: auto;
	width: 474px;
	float: right;
}
#telstra {
	height: 99px;
	width: 275px;
	border: 1px solid #999;
	margin-top: 6px;
}
.img-right {
	padding-right: 50px;
	padding-bottom: 3px;
}
#newell-text {
	float: left;
	width: 68%;
	font-size: 76%;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#newell-pic {
	float: left;
	height: 173px;
	width: 25%;
	padding-left: 0px;
	padding-top: 6px;
	padding-right: 10px;
}
.advertlink {
	color: #000;
	text-decoration: underline;
}

a:link.advertlink {
	color:#000
}
a:visited.advertlink {
	color:#000
}
a:hover.advertlink {
	color:#F30
}	
#advert-468-top {
	height: 120px;
	width: 62%;
	float: left;
	padding-left: 5px;
	text-align: left;
	padding-top: 3px;
}
#advert-bottom-telstra {
	float: right;
	height: 90px;
	width: 36%;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra img {
}
#botnav-cont {
	width: 100%;
	background-color: #B08CBA;
	height: 50px;
}
#bot-search {
	float: left;
	width: 30%;
	height: 40px;
	padding-left: 10px;
}
#hdr-search-logo {
	background-color: #BF9DC6;
	height: 40px;
	width: 100%;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #bottom ads {
	padding-top: 5px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #bottom ads img {
	padding-top: 5px;
}
#site #main #adverts .advert_fullsize #bottom ads {
	float: right;
	width: 200px;
}
#site #main #adverts .advert_fullsize #bottom ads {
	float: right;
	height: 58px;
	width: 200px;
}
#site #main #adverts .advert_fullsize #bottom-adverts {
	float: right;
	width: 100%;
	padding-right: 5px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra a img {
	padding-bottom: 0px;
}
#santos ads-bottom {
	padding-bottom: 5px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #santos {
	padding-top: 0px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #santos img {
	padding-bottom: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#site #main #adverts .advert_fullsize #advert-bottom-santos img {
	text-align: center;
}
#site #main #adverts .advert_fullsize #advert-bottom-santos {
	width: 100%;
	padding-top: 3px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #advert-bottom-bedford {
	float: left;
	width: 50%;
	padding-top: 3px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #advert-bottom-auspost {
	float: right;
	width: 50%;
	padding-top: 3px;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #advert-bottom-auspost a img {
	float: left;
}
#site #main #adverts .advert_fullsize #advert-bottom-telstra #advert-bottom-bedford a img {
	float: right;
	padding-right: 3px;
}
#site #botnav-cont #bot-search #hdrsearch form #searchfield #searchoption label #hdrsearch {
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
}