/*
=================================================================================
Style sheet for Hawkesbury Radio 
By Michael Kear,  AFPWebworks Pty Lttd
Windsor, NSW, Australia. 
http://afpwebworks.com
25/July/2006
=================================================================================
*/
/* 
=================================================================================
Zero out all elements
=================================================================================
*/
html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol,  dl, dt, dd, td, form, fieldset, a {
    margin : 0;
    padding : 0;
    border : 0;
}

h1, h2, h3, h4, h5, h6 {
	/*clear: left;*/
}
h3 {clear: left; }
 
body {
    width : 100%;
    padding-top : 8px;
    padding-bottom : 8px;
    background-repeat : repeat;
    background-color : #214567;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 73%;
/*    line-height : 120%;*/
    text-align : center;
    position : absolute;
}

.skiplink {
    margin-left : -1500px;
    position : absolute;
    height : 0px;
}

a:link, a:visited {
    color : #990000;
    font-weight : 800;
    text-decoration : none;
}

 a:active, a:hover {
    border-bottom : 2px dotted #115011;
    color : #115011;
    font-weight : 800;
    text-decoration : none;
}

dt {
	font-size : 1.2em;
    color : #626262;
}

dd {
    padding-left: 35px;
    margin-bottom: 15px;
}
ul {
	list-style-position : inside;
}
li {
	padding-left: 30px;

}

/*
======================================================================
Heading Band
======================================================================
*/
/*#heading {
    padding : 0;
    margin : 0;
    background-color : #FFFFFF;
    background : url(../images/headerimages/HeaderImage.gif) center top no-repeat;
    text-align : center;
    min-width : 770px;
    height : 143px;
}
*/
#heading {
    border-bottom : 3px solid #E0E0E0;
    padding : 0.5em 0.5em 0em 0.5em;
    background-color : #336699;
    background-position : 65%;
    background-repeat : no-repeat;
    height : 90px;
}

#heading img {
    border : none;
    float : left;
    margin-top: -10px;
}

#headingtext {
    float : left;
    width : 680px;
    margin : auto;
    padding-left : -200px;
    text-align : left;
    position : relative;
}

#headingtext h1 ,#headingtext h2 {
    padding-left : 250px;
    padding-top : 50px;
    color : #939393;
    text-align : left;
}

#headingtext h1 {
    padding-top : 20px;
    font-size : 1.6em;
    font-style : italic;
}

#headingtext h2 {
    font-size : 1.4em;
    font-style : italic;
    color: #E0E0E0;
    text-align: right;
    line-height : 120%;
}

/*
======================================================================
Container and wrapper
======================================================================
*/
#containerwrapper {
    width : 95%;
    min-width: 770px;
    margin-right : 10px;
    margin-left : 10px;
    margin : auto;
    border : 2px solid #336699;
    background-color : #FFFFFF;
    background-image : url(../images/ContainerBackground.gif);
    background-position : center;
    background-repeat : repeat-y;
    text-align : left;
}

#container {
    border : none;
    margin-right : 20px;
    margin-top : 5px;
   margin-left : 30px;
}

/*
======================================================================
Breadcrumb
======================================================================
*/
#breadcrumbcontainer {
    border : 1px solid #878787;
    margin : -2px 0px 3px 0px;
    padding : 10px 10px;
    background : #C9D6C9;
}

#breadcrumb {
    padding : 0;
    margin : 0;
    list-style : none;
}

 #breadcrumb li {
    padding : 0;
    margin : 0;
    display : inline;
}

/*
======================================================================
Main Menu (NavContainer)
======================================================================
*/
   div#navcontainer {
    border-top : none;
    border-bottom : solid 1px #FFFFFF;
    border-right : 1px solid #000000;
    width : 100%;
    min-width: 770px;
    background-color : #336699;
}

 div#navcontainer ul {
    margin : 0;
    padding-bottom : 5px;
    padding-top : 5px;
    color : #FFFFFF;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    text-align : center;
}

div#navcontainer ul li {
    margin-left : 2px;
    display : inline;
   padding-left: 0;
}

div#navcontainer ul li a {
    padding : 2px 4px 2px 4px;
    border-right : 1px solid black;
    border-left : 1px solid #DDDDDD;
    border-top : 1px solid #DDDDDD;
    border-bottom : 1px solid black;
    color : #FFFFFF;
    text-decoration : none;
    /*font-size: 90%;*/
}

div#navcontainer ul li a:hover {
    border-bottom : none;
    background-color : #C1C1C1;
    color : #000000;
}

#active a {
    border-left : 1px solid #FFFFFF;
}

/*
======================================================================
Sidebar right
======================================================================
*/
#sidebarcontainer {
    border : none;
    float : right;
    margin-right : -19px;
    width : 210px;
    padding : 5px 0px 5px 5px;
    background-color : #FFFFFF;
}

#sidebarright {
    border : 1px solid #214567;
    margin-bottom : 10px;
}

#sidebarright h1 {
    padding : 5px;
    background-color : #336699;
    color : #E0E0E0;
    font-weight : bolder;
    font-size : 1em;
    line-height : 125%;
}

#sidebarright h2 {
    padding : 5px;
    background-color : #833838;
    color : #FFFFFF;
    font-weight : 400;
    font-size : 1.1em;
    line-height : 125%;
}

#sidebarright p {
    padding : 5px 10px;
    background-color : #C9D6C9;
    color : #000000;
    font-size : 0.9em;
}

#sidebarright ul {
    padding : 5px 10px;
    margin : 0px;
    list-style : none;
    background-color : #C9D6C9;
    color : #000000;
    font-size : 0.9em;
}

#sidebarright img {
    border : none;
    border : 1px solid #000000;
    text-decoration : none;
    text-align : center;
}

/*
======================================================================
Sidebar left
======================================================================
*/
#leftcontainer {
    position : absolute;
    border : none;
    float : left;
    margin-left : -19px;
    width : 190px;
    padding : 7px;
    background-color : #FFFFFF;
}

#sidebarleft {
    border : 1px solid #214567;
    margin-bottom : 10px;
    margin-left: -17px;
}

#sidebarleft h1 {
      padding : 5px;
    background-color : #336699;
    color : #E0E0E0;
    font-weight : bolder;
    font-size : 1em;
    line-height : 125%;
}

#sidebarleft h2 {
    padding : 5px;
    background-color : #833838;
    color : #FFFFFF;
    font-weight : 400;
    font-size : 1.1em;
    line-height : 125%;
}

#sidebarleft p {
    padding : 5px 10px;
    background-color : #C9D6C9;
    color : #000000;
    font-size : 0.9em;
}

#sidebarleft ul {
    padding : 5px 10px;
     margin : 0px;
    list-style : none;
    background-color : #C9D6C9;
    color : #000000;
    font-size : 0.9em;
}

#sidebarleft img {
    border : none;
    border : 1px solid #000000;
    text-decoration : none;
}

/*
======================================================================
Main content Selectors
======================================================================
*/
#content {
    border : none;
    padding : 5px 15px;
	margin-left: 190px;
}

#content h2,h3,h4,h5,h6 {
    border-bottom : 1px solid #D3D3D3;
    padding : 15px 0px 5px 0px;
    margin-bottom : 10px;
    color : #747474;
    line-height: 100%;
}

#content ol {
	margin: auto auto auto 30px;
}

#content p {
	margin: auto auto auto auto;
}
.floatright {
    float : right;
    padding : 15px 0 15px 15px;
}

.floatleft {
    float : left;
    padding : 15px 15px 15px 0;
}

.relatedlinks {
    margin : 20px 0 0 0;
    padding-top : 10px;
    border-top : 3px double #115011;
    color : #115011;
    font-weight : 800;
    font-size : 130%;
}

.pullout {
    float : right;
    width : 40%;
    border : 2px solid #336699;
    padding : 5px;
    background-color : #BBBBBB;
    font-style : italic;
    font-size : 90%;
}
.guestbookfooter {
	font-size: smaller;
    font-style : italic;
    }
 .editorsComments {
	clear: left;
	background-color : #D4DEE9; /*background-color : #E9EEF4;*/
	/*background-color : #525252;*/
	color: #000000;
}   

.guestbookheader {
 font-size: 0.9em;
 color: #F00;
 background-color:#FF0;
}
    
/*
======================================================================
Footer Selectors
======================================================================
*/
#subfooter {
    clear : both;
    margin : 40px 0px -2px 0px;
    background : #FFFFFF;
    background-image : url(../images/SubfooterBackground.gif);
    background-repeat : no-repeat;
    background-position : right bottom;
    text-align : left;
    height : 90px;
}

#subfooter img {
    border-top : 8px double #000000;
    margin-top : 10px;
}

#footer {
    border-top : 5px;
    margin-left : 0px;
    margin-right : 0px;
    padding : 5px 30px;
    border-top : 3px double #868686;
    background-color : #C9D6C9;
    color : #545454;
    font-size : 90%;
    line-height : 150%;
}

#footer a:link, #footer a:visited {
    color : #545454;
}

#footer a:hover, #footer a:active {
    background-color : #545454;
    color : #000000;
}

/*
======================================================================
Photo Gallery  Selectors
======================================================================
*/
.imagefloat {
    float : left;
    width : 225px;
    border : 1px solid #999999;
    margin : 2pxpx 2px 15px 2px;
    padding-top : 5px;
    background-color : #545454;
    text-align : center;
}

.imagefloat a:link, .imagefloat a:visited {
    border : none;
    color: yellow;
}

.imagefloat a:hover, .imagefloat a:active {
    border : none;
     color: Aqua;
}

.imagecontainer {
	width: auto;
    height: auto;
}

#imagecontainer {
	width: auto;
    height: auto;
}

.caption {
    color : #FFFFFF;
    font-size : 90%;
    font-family : Arial, Helvetica, sans-serif;
    text-align : left;
}

.largephoto,
.largephoto img,
.largephoto a:link,
.largephoto a:visited,
.largephoto a:hover,
.largephoto a:active {
    margin-top : -4px;
    margin-right : 10px;
    padding : 15px;
    border : none;
    background-color : #545454;
    text-align : center;
}

.nextprevious img,
.nextprevious a:link,
.nextprevious a:visited,
.nextprevious a:hover,
.nextprevious a:active {
    border : none;
    padding : 0 10px;
    text-decoration : none;
}

.nextprevleft a {
    float : left;
    padding-bottom : 10px;
    border : none;
    color : #C9D6C9;
    font-size : 1.3em;
}

.nextprevright a {
    float : right;
    padding-bottom : 10px;
    border : none;
    color : #C9D6C9;
    font-size : 1.3em;
}

.clearboth {
    clear : both;
}

/*
======================================================================
ColourSchemer Selectors
======================================================================
*/
.whitebackground {
    border : 1px solid #C9D6C9;
    float : left;
    width : 200px;
    padding : 10px;
    background-color : #FFFFFF;
    height : 60px;
}

.colourbackground {
    border : 1px solid #C9D6C9;
    float : left;
    padding : 10px;
    height : 60px;
}

.blank {
    border : 1px solid #C9D6C9;
    clear : both;
    float : left;
    width : 100px;
    height : 80px;
}

.row{
    clear : both;
    height : 90px;
}

.text {
    border : 1px solid #C9D6C9;
    float : left;
    padding : 10px;
    width : 90px;
    height : 60px;
}

.sampletextlight {
    color : #FFFFFF;
}

.sampletextdark {
    color : #000000;
}

/*
======================================================================
Related Pages
======================================================================
*/
#relatedpages {
	border: 1px solid #214567;
    margin-top: 40px;
    margin-right: 220px;
    width: auto;
}

#relatedpages h1 {
    background-color : #C9D6C9;
    color: #23486B;
    font-size: 1.6em;
    height : 1.8em;
    padding: 5px 10px;
}

#relatedpages h3,
#relatedpages h3:a
 {
	padding-top: 2px;
   color: #23486B;
    font-size: 1.3em;
   }
   
#relatedpages td {
    padding: 3px 10px;
 }
   
.sidepod,
.sidepod a,
.sidepod a:link,
.sidepod a:visited,
.sidepod a:active,
.sidepod a:hover
 {
	text-align: center;
    color: #000000;
    background-color : #E9EEF4;
    text-decoration : none;
    border: none;
}
   
   /*
============================================================
Defining the tables in the body of the site.
============================================================
*/
table.body {
	background-color : #FFFFFF;
	color: #000000;	
	border-collapse : collapse;
	font : 0.85em  verdana, arial, sans-serif;
	text-align : center;
}
table.body td, table.body th {
	border : 1px solid #000000;
	padding : 3px 10px;
	vertical-align : middle;
}

table.body tr.head th {
	background-color : #336699;
	color : #FFFFFF;
	font-weight : bold;
	font-size: 1.2em;
}

table.body tr.odd {
	background-color : #D4DEE9;
	text-align: left;
}
table.body tr.even {
	background-color : #E9EEF4;
	text-align: left;
}
table.body tr.foot td {
	background-color : #7E9EBE ;
	font-weight : normal;
	padding-left : 4px;
}
table.body td  a:link, table.body td a:visited {
	color : #000000;
	text-decoration: none;
	font-weight : normal;
}
table.body td  a:hover, table.body td a:active {
	color : #FF0000;
	text-decoration: none;
	font-weight : normal;
	border-bottom : 1px dotted red;
}

table.bodytext {
	background-color : #FFFFFF;
	color: #000000;	
	border-collapse : collapse;
	font : 0.85em  verdana, arial, sans-serif;
	text-align : center;
}
table.bodytext td, table.bodytext th {
	border : 1px solid #000000;
	padding : 3px 10px;
	vertical-align : middle;
}

table.bodytext tr.head th {
	background-color : #336699;
	color : #FFFFFF;
	font-weight : bold;
	font-size: 1.2em;
}

table.bodytext tr.odd {
	background-color : #D4DEE9;
	text-align: left;
}
table.bodytext tr.even {
	background-color : #E9EEF4;
	text-align: left;
}
table.bodytext tr.foot td {
	background-color : #7E9EBE ;
	font-weight : normal;
	padding-left : 4px;
}
table.bodytext td  a:link, table.bodytext td a:visited {
	color : #000000;
	text-decoration: none;
	font-weight : normal;
}
table.bodytext td  a:hover, table.bodytext td a:active {
	color : #FF0000;
	text-decoration: none;
	font-weight : normal;
	border-bottom : 1px dotted red;
}

/*
============================================================
Defining the "whats on today" table in the right column
============================================================
*/

table.programs {
	background-color : #FFFFFF;
	color: #000000;	
	border-collapse : collapse;
	font : 0.85em  verdana, arial, sans-serif;
	text-align : center;
	width : 100%;
}
table.programs td, table.programs th {
	border : 1px solid #000000;
	padding : 3px 1px;
	vertical-align : middle;
}

table.programs tr.head th {
	background-color : #336699;
	color : #FFFFFF;
	font-weight : bold;
	font-size: 1.2em;
}

table.programs tr.odd {
	background-color : #D4DEE9;
	text-align: left;
}
table.programs tr.even {
	background-color : #E9EEF4;
	text-align: left;
}
table.programs tr.foot td {
	background-color : #7E9EBE ;
	font-weight : normal;
	padding-left : 4px;
}
table.programs td  a:link, table.programs td a:visited {
	color : #000000;
	text-decoration: none;
	font-weight : normal;
}
table.programs td  a:hover, table.programs td a:active {
	color : #FF0000;
	text-decoration: none;
	font-weight : normal;
	border-bottom : 1px dotted red;
}
.rssnews ul {
    list-style-type: none;
}
.rssnews li {
    font-size: 95%;
    line-height : 120%;
    margin-left: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #96A999;
}
.rssnews a,
.rssnews a:link,
.rssnews a:visited {
	color: #000000;
    font-weight: normal;
}

.weatherbox {
background-color: #C9D6C9;
padding: 3px;
}

/*
============================================================
Defining the "whats on today" table in the right column
============================================================
*/
.rugbycoverage {
	background-image : url(images/RugbyCoverageLogo2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	height: 198px;
	width: 330px;
	padding: 140px 0 0 25px;
	color: #000000;
	font-weight : 600;
	font-family : Arial, Helvetica, sans-serif;
}



/* Clearing Fix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*\*//*/
.clearfix {
	display: inline-table;
}

/* */