/*!!!!! legacy: pages.css !!!!!*/

body {
	color: #000000;
	background-color: #EFEFEF;
	text-align: center;
	min-width: 728px;}
	
.content
{
}	

.End{
   clear:both;
   }
   
.button {
  height:        2em;
  border-left:   1px solid grey;
  border-top:    1px solid grey;
  border-right:  2px solid grey;
  border-bottom: 2px solid grey; 
  margin-top:    2px;
  margin-bottom: 2px;
  padding: 3px;
  background-color:#E9F0FB; 
  color:#5e5e8e; 
  font-size: 90%  
}   

.container {
	position: relative;
	color: #000000;
	background-color: #ffffff;
	width: 728px;
	margin: 0 auto;
	top: 0px;
	border: thin solid #adc2ed;
}
	
.containerBetaPaper {
	position: relative;
	color: #000000;
	background-color: #EFEFEF;
	width: 728px;
	margin: 0 auto;
	top: 0px;
}	

#masthead{
	position:relative;
	top:0px;
	color:#333333;
	background-color:#adc2ed;
	width:728px;
	height:60px;}

.siteinfo{
	position:relative;
	padding-left:5px;
	padding-bottom: 10px;
	background-color:#adc2ed;
	width: 220px;
	height:60px;
	font-size: 85%; 
	color : #333333;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;}

.websitename{
	position:relative;
	text-align: right;
	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 182%;
	padding-top: 22px;
	width: 200px;
	height:60px;
	background-color:#adc2ed;
	font-weight: bold;}

.logo{
	position:relative;
	width: 290px;
	height:60px;
	background-color:#adc2ed; 
	padding-bottom: 5px;
	background-image: url('http://your.pages.com.au/asset/pageslogo.gif');
	background-repeat: no-repeat;
	background-position: 0% 45%;}
	
.navigation{
   overflow: hidden;
	clear:both;
	display: block;
	position: relative;
	color: #000000;
	background-color: #adc2ed;
	width: 728px;
	height: 40px;
	text-align: center;}

.navtop{
	border: 1px solid #5e5e8e;
	text-decoration:none;
	letter-spacing: 1px;
	background: #adc2ed;
	margin:0px;
	padding:5px;}

.navtop:link {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-family: arial, serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #adc2ed;}
	
.navtop:visited {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-family: arial, serif;
	font-size:11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #adc2ed;}
	
.navtop:hover {
	display: inline-block;
	font-family: arial, serif;
	font-size:11px;
	text-align: center;
	font-weight: bold;
	color: #5e5e8e;
	text-decoration:none;
	background:#adc2ed;
	border: 1px solid #ffffff;}
	
.navtop:active {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-family: arial, serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	background-color: #adc2ed;}

.activenavtop {
	text-decoration: none;
	background-color: #ffffff;
	margin:0px;
	padding:5px;
	border: 1px solid #5e5e8e;
	display: inline-block;
	font-family: arial, serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	color: #5e5e8e;}

.activenavtop:hover {
	text-decoration: none;}

.centre{
	position: relative;
	width:718px;
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}


.singlecol{
	position: relative;
	width:710px;
	background-color: #ffffff;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.lcol{
	position: relative;
	width:500px;
	background-color: #ffffff;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.lcol1{
    position: relative;
	left:0px;
	width: 240px;   
	color: #000000;
	background-color: #ffffff;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.lcol2{
    position: relative;
	width: 240px;   
	color: #000000;
	background-color: #ffffff;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.sidebar{
	position: relative;
   	width: 200px;
	float: right;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 85%; 
	color : #333333;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: normal;}

.info{
    position: relative;
    left: 0px;
  padding-left: 5px;  
	float: left;
	width: 480;   
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.info-index{
    position: relative;
    left: 0px;
    padding-left: 5px;  
    padding-right: 5px;  
	float: left;
	width: 540px;   
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;
	border-right: thin solid #adc2ed;}

.ads-index{
  padding: 5px;
	position: relative;
   	width: 162px;
	float: right;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-size: 85%; 
	color : #333333;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: normal;}

	
.bodytext {
	vertical-align: top;
	font-size: 11px; 
	font-weight: normal; 
	color: #333333;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

h1 {font-size: 14px; 
	color: #5e5e8e;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

h2 {font-size: 11px; 
	font-weight: bold; 
	color: #8686af;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif;
	margin-top: 0; 
	margin-bottom: 0; 
	margin-right: 0; 
	margin-left: 0; }

h3 {font-size: 12px; 
	color: #5e5e8e;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif; 
	font-weight: bold;}

h4 {color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	word-spacing: .1em;
	letter-spacing: 1pt;
	background-color: #E9F0FB;
	margin-top: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

a.h4:link {
	color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	word-spacing: .1em;
	letter-spacing: 1pt;
	background-color: #E9F0FB;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
a.h4:visited {
	color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	word-spacing: .1em;
	letter-spacing: 1pt;
	background-color: #E9F0FB;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
a.h4:hover {
	color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	word-spacing: .1em;
	letter-spacing: 1pt;
	background-color: #E9F0FB;
	margin-top: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
a.h4:active {
	color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	word-spacing: .1em;
	letter-spacing: 1pt;
	background-color: #E9F0FB;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
h4.high {color: #5e5e8e;
	font-size: 14px;
	font-weight: bold;
	background-color: #adc2ed;
	word-spacing: .1em;
	letter-spacing: 1pt;
	margin-top: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

H5 {color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background-color: #5e5e8e;
	word-spacing: .1em;
	letter-spacing: 1pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-variant: small-caps;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;}
	
H6 {font-size: 14px; 
	color: #5e5e8e;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif; 
	font-weight: bold;}

A:link {
	color: #5e5e8e;
	text-decoration: none;}
	
A:visited {
	color: #5e5e8e;
	text-decoration: none;}

A:hover {
	color: #9f6479;
	text-decoration: underline;}

A:active {	
	color: #5e5e8e;
	text-decoration: none;}

.label {	
	font-size: 11px; 
	color: #5e5e8e;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif; 
	font-weight: bold;	}

.small {	
	font-size: 85%; 
	color : #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, sans-serif; }
	
.PhotoBorder {
  border:1px solid black; 
  padding:1px;
  margin-right: 1px;
}	

.photo{
   position: relative;
	width: 230px;   
	color: #000000;
	background-color: #ffffff;
	float: right;
	text-align: left;
	vertical-align: top;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	font-family: Tahoma,Verdana, Arial, sans-serif;}

.footer{
	position: relative;
	color: #5e5e8e;
	width: 728px;
	background-color: #adc2ed;
	bottom: 0px;
	clear: both;}

.explain{
	color: #000000;
	width: 728px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #ffffff;
	text-align: left;
	float: left;}
	
.divider {
	color: #000000;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #adc2ed;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;}

table {
	vertical-align: top;
	width:100%;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
	background-color: #ffffff;
	font-family: Tahoma,Verdana, Arial, sans-serif;
 	border-width: 0;
	border-style:none;
	cell-spacing:0;
	cell-padding:0;}
	
.banner {
  margin-left: 0px;
  margin-right: 0px;}	
	
table.banner {
   width: 440px;
   text-align:left;
	border-width: 2px;
	border-style: solid;
	border-color: #CE3033;
	border-collapse: collapse;
	background-color: white;
	/*
	margin-left: 0px;
	margin-right: 0px;	
	*/
}
td.banner {
	padding: 5px;
	background-color: white;
	text-align: left;}	

table.highlighted {
	border-width: 2px;
	border-style: solid;
	border-color: #CE3033;
	background-color: white;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;   }



.HomePageFeature {
	width: 180px;
        float: left;
        border-width: 2px;
	border-style: solid;
      	border-color: #5e5e8e;
       padding: 10px;
       margin-right: 10px; 
       margin-bottom: 10px;}



.showcase {
	font-family: Century Gothic; 
	font-size: 9pt; 
	text-align: left;
	text-decoration: none;}
	
.highlight   {
	font-family: Century Gothic; 
	font-size: 8pt;
	text-align: left; text-decoration: none; }
	
.highlighthead {
	font-family: Century Gothic;
	font-size: 9pt;
	text-align: center; 
	color: #5e5e8e; 
	font-weight: bold; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#adc2ed;}
	
.showcasehead {
	font-family: Century Gothic;
	font-size: 11pt; 
	text-align: center; 
	color: #ffffff;
	font-weight: bold;
	margin-top: 0; 
	margin-bottom: 0; 
	background-color:#5e5e8e;}


table.yourpages {
        border-width: 1px;
	border-style: solid;
	border-color: #CE3033;
	border-collapse: collapse;
	background-color: white;}
	
td.yourpages {
	padding: 2px;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: center;}

#calendar {
	width: 700px;}
	
.calauthor
{
  display: none;
}	

.calmonth {
	font-family: Century Gothic;
	font-size: 14px;
	text-align: left; 
	color: #ffffff; 
	font-weight: bold; 
	margin: 20px; 
	padding: 10px;
	background-color:#5e5e8e;}

.calhead {
	font-family: Century Gothic;
	font-size: 11pt;
	text-align: left; 
	color: #5e5e8e; 
	font-weight: bold; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#adc2ed;}

.calsubhd {
	font-family: Century Gothic;
	font-size: 9pt;
	text-align: left; 
	color: #5e5e8e; 
	font-weight: bold; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#E8EDF7;
	width: 100px;}

.caldate {
	font-family: arial, verdana, sans serif;
	font-size: 9pt;
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#ffffff;
	width: 560px;}

.callocation {
	font-family: arial, verdana, sans serif;
	font-size: 9pt;
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#ffffff;
	width: 560px;}

.calcost {
	font-family: arial, verdana, sans serif;
	font-size: 9pt;
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#ffffff;
	width: 560px;}

.calcontact {
	font-family: arial, verdana, sans serif;
	font-size: 9pt;
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#ffffff;
	width: 560px;}

.calbody {
	font-family: arial, verdana, sans serif;
	font-size: 9pt;
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	margin-top: 0;  
	margin-bottom: 0; 
	background-color:#ffffff;
}

.clear
{
  clear:both;
}  


.GroupPaper
{
  width:         680px;   
  height:        990px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid black;
  margin: 8px;
          box-shadow: 3px 3px 3px #818181;
     -moz-box-shadow: 3px 3px 3px #818181;        
  -webkit-box-shadow: 3px 3px 3px #818181;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=3, offY=3, positive=true);
}

.GroupPaper01
{
  background-color: white;
  margin-left:    +0px;
  margin-top:     +0px;  
  width:         680px;   
  height:        990px; 
  text-align: left;
}

.GroupPaper02
{
  background-color: white;  
  position: relative;
  margin-left:   +20px;
  margin-top:    -970px;  
  text-align: left;  
}

.GroupPaper03
{
  background-color: white;
  position: relative;
  margin-left:   +40px;
  margin-top:    -970px; 
}

.GroupPaperEnd
{
  clear: both;
}

.GroupPaperBusinessCard
{
}

.GroupPaperPostcard
{
}

.GroupPaperBrochure
{
}


