body {
	font-size:10px;
        font-family: Arial, sans-serif;
	color:#000;
	background-color: #333;
	margin: 20px 0px; 
        padding: 0px; 
	text-align:center; /* Hack for IE5/Win */
}

h1 {
	color:#990033;  
	font-family: Arial, sans-serif;
	font-weight: bold; 
}
	
h2 {
	color:#990033;
   text-align:center;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

h3 {
	color:#990033;
	font-family: Arial, sans-serif;
}

h4 {
	color:#000;
	font-family: Arial, sans-serif;
}
	   
a { 
   color: #990033;
   font-weight: bold;
   font-family: Arial, sans-serif;
   text-decoration: underline;
}

a:link {
   color:#990033;
}

a:visited {
   color:#000;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}

#main {
	width:750px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	background-color:#ccc;   
}

#main div.header {
   background-color: #990033;    
   margin: 0px;
   padding: 0px;  
   /* height: 160px; */   
}

#main table td {
   border: 0px;
   padding: 0px;
   margin: 0px;
}

#main td.left {
   padding: 5px 15px 5px 15px;
   font-size: 10pt;
   width: 70%;
   vertical-align: top;
}

#main td.left div {
   text-align: left;
}

#main div.content td.features {
   background-color:#A7A8A7;
   padding: 5px;  
   vertical-align: top;
   text-align: center;
}

#main div.content td.features div {
   text-align: left;
}

#footer {
   clear: both;
   background-color: #666666;
   color: #fff;  
   font-size: 10pt;    
}

td.features .titlebar { 
   margin-top: 5px;
   border: 0px; 
   width: 222px;
}

td.features div.newsbox {
   color: #990033;
   background-color: #A7A8A7;
border-top: 15px solid #990033;   
border-bottom: 2px solid #990033;
   border-left: 2px solid #990033;
   border-right: 2px solid #990033;
   margin: 5px 2px 10px 2px;
   padding: 0px 1px 1px 1px;
}

td.features div.newsheading  {
   color:#990033;
   font-size: 10pt;
   font-weight:bold;
   font-family: Arial, Helvetica, sans-serif;
}

td.features div.newscontent {
   background:transparent;
   color:#000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;  
}


.gg_head {
	width: 100%;
	color: #ccc;
	background-color: #000000;
	font-size: 16pt;
	text-align: center;
}

th.gghead {
	background-color: #666;
	color: #FFFFFF;
	font-weight: bold;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	padding: 2px; /* Pad the cell some so it's more visible that it's a button */
	
}

span.gghead {
	border-color: #888 #333 #333 #888;
	border-style: solid;
	border-width: 1px;
	padding-left: 10%;
	padding-right: 10%;
	margin-left: -1px;
	cursor: hand; /* Give a clickable cursor */
}

.gig_guide {
	margin-left: 40px;
}

.giginfotitle {
	font-size: 10pt;
	font-weight: bold;
}

.giginfo {
	font-size: 10pt;
}

a.gglink{
    color: #ffffff;
	text-decoration: underline;
}

a.gglink:visited {
    color: #ffffff;
	text-decoration: none;
}

.wrap-index {
	font-size: 10pt;
}

p.sidebar {
	text-align: left;
	font-size: 10pt;
}

hr.sidebar-divider {
	width: 90%;
}

.pittwater-logo{
	float: right;
}

.main_image
{
	text-align: center;
}

/* Class for images in feature panel as news boxes. */
.news-feature-thumbnail {
	float: left;  /* Cause text to wrap */
	margin-right: 8px; /* Space the text to the right nicely */
}

/* Class for thumbnail images on index pages. */
.index-thumbnail {
	float: left;
	padding-right: 5px;
}

/* Class for newsletter signup box.
 * Currently the same as a news box.
 */

td.features div.signupbox {
   color: #990033;
   background-color: #A7A8A7;
   border-top: 15px solid #990033;   
   border-bottom: 2px solid #990033;
   border-left: 2px solid #990033;
   border-right: 2px solid #990033;
   margin: 5px 2px 10px 2px;
   padding: 1px 1px 1px 1px;
}

/* Internal div for positioning contents in relation
 * to the box.
 */
div.signupdetails{
	padding-left: 5px;
	padding-right: 5px;
}

/* Float the summary div to the left, in order to float the image
 * left such that text inside the div wraps around the images
 * without the following summary also wrapping around the
 * previous image.
 */
div.summary {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.new-icon
{
	float: left;
	aposition: relative;
	bottom: -14px;
	margin-right: 10px;
	display: inline;
}

/* This class is to make scratch tables look like the rest of the article,
 */
.content_table {
	font-size: 12px;
}