/*
 +--------------------------------------------------------------------+
 | Cascading Style Sheet (CSS)                                        |
 | Media Type: Screen                                                 |
 +--------------------------------------------------------------------+
 | Copyright (c) 2004 Randwick City Council                           |
 | <http://www.randwick.nsw.gov.au>                                   |
 +--------------------------------------------------------------------+
 | Authors: Robert Love <robert.love@randwick.nsw.gov.au>             |
 +--------------------------------------------------------------------+

	$Id: screen.css, v 1.00 2004/06/28
*/





/* ---------- ---------- ---------- ---------- ---------- ----------

			BASE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font: 70%/1.5em verdana, arial, sans-serif;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			TYPOGRAPHY RULES

---------- ---------- ---------- ---------- ---------- ---------- */

h1 {
	margin: 0;
	padding: 0;
	font-size: 125%;
	color: #fff;
}

h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 125%;
}

h3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 120%;
}

h4 {
	margin: 0 0 0.4em 0;
	padding:0;
	font-size: 110%;
}

h5 {
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 100%;
}

h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

		CONTENT-BASED STYLE TAG RULES

---------- ---------- ---------- ---------- ---------- ---------- */

strong {
	font-weight: bold;
}

em, cite, blockquote {
	font-style: italic;
}

acronym, abbr {
	cursor: help;
}

address {
	margin: 0 0 1em 0;
	padding: 0;
	font-style: normal;
}

pre {
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: 1px solid #ccc;
	background-color: #eee;
}

code, kbd {
	font-family: monospace;
	color: #999;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			HYPERLINK RULES

---------- ---------- ---------- ---------- ---------- ---------- */

a:link, a:active {
	color: #69c;
	text-decoration: underline;
}

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

a:hover {
	color: #369;
	text-decoration: none;
}

.itemtop{
background: #EEEEEE;

}

/* ---------- ---------- ---------- ---------- ---------- ----------

			LIST RULES

---------- ---------- ---------- ---------- ---------- ---------- */

ul, ol, dl {
	margin-top: 0;
	margin-bottom: 1em;
}

ol li li {
	list-style-type: upper-alpha;
}

ol li li li {
	list-style-type: lower-roman;
}

ol li li li li {
	list-style-type: lower-alpha;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 0.5em 0;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			TABLE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 1.5em;
	font-size: 100%;
	empty-cells: hide;
}

caption {
	padding: 0.2em 0.4em;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	text-align: left;
}

th {
	padding: 0.2em 0.4em;
	background-color: #666;
	text-align: left;
	vertical-align: top;
	color: #fff;
}

td {
	border: 1px solid #ccc;
	padding: 0.2em 0.4em;
	vertical-align: top;
}

tfoot td {
	background-color: #eee;
}

td ul, td ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			IMAGE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

img {
	border-width: 0;
	vertical-align: bottom;
}

.image_with_caption {
	float: right;
	margin: 1em 0 1em 1em;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 280px;
}

.image_with_caption img {
	border-bottom: 1px solid #ccc;
}

.image_with_caption p {
	padding: 0.5em;
	margin-bottom: 0;
	font-size: smaller;
}

.block_image_with_caption {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 280px;
}

.block_image_with_caption img {
	border-bottom: 1px solid #ccc;
}

.block_image_with_caption p {
	padding: 0.5em;
	margin-bottom: 0;
	font-size: smaller;

}

.borshow{
width: 100%;
font-size: 11pt;
border: 1px solid #2C0044;
background-color: #49016F;
cursor: hand;
text-align: center;
color: #ffffff;
padding: 1px;

}

.borderless{
	border: 0;
	padding: 0;

}

/* ---------- ---------- ---------- ---------- ---------- ----------

			FORM RULES

---------- ---------- ---------- ---------- ---------- ---------- */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin-bottom: 1em;
	padding: 1em;
}

legend {
	margin-bottom: 1em;
	font-weight: bold;
	color: #333;
}

input, textarea, select, option, button, label {
	font: 100% verdana, arial, helvetica, sans-serif;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			BANNER RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#banner {
	background: url(images/banner.png) #666 1em 50% no-repeat;
	color: #fff;
	height: 6.0em;
}

#banner h1 {
	display: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			GLOBAL NAVIGATION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#global_navigation {
	padding: 0.2em 0.6em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background-color: #eee;
	color: #333;
	text-align: right;
	white-space: nowrap;
}

#global_navigation h2 {
	display: none;
}

#global_navigation ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#global_navigation ul li {
	display: inline;
}

#global_navigation ul li a {
	padding: 0 0.4em;
	color: #369;
	text-decoration: none;
	border-left: 1px solid #333;
}

#global_navigation ul li a:hover {
	color: #69c;
	text-decoration: underline;
}

#global_navigation ul li a.first {
	border-left: 0;
}

#global_navigation form {
	padding: 0 0.4em;
	display: inline;
}

#global_navigation fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}

#global_navigation legend {
	display: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			FEATURE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#feature {
	background-color: #369;
	color: #fff;
	white-space: nowrap;
}

#feature h2 {
	display: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			MAIN NAVIGATION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#main_navigation {
	padding: 0.4em 1em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background-color: #eee;
	color: #333;
	white-space: nowrap;
}

#main_navigation h2 {
	display: none;
}

#main_navigation ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#main_navigation ul li {
	display: inline;
}

#main_navigation ul li a {
	padding: 0 0.4em;
	color: #369;
	text-decoration: none;
	border-left: 1px solid #333;
}

#main_navigation ul li a:hover {
	color: #69c;
	text-decoration: underline;
}

#main_navigation ul li a.first {
	padding-left: 0;
	border-left: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			LEFT COLUMN RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#left_column {
	position: absolute;
	top: 22.7em;
	left: 0;
	margin: 2em;
	padding: 7.4em 0 0 0;
	background: url(images/logo.png) #fff 50% 0 no-repeat;
	width: 210px;
}

#left_column h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 115%;
}

#left_column p {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

#left_column a {
	color: #333;
	text-decoration: underline;
}

#left_column a:hover {
	color: #369;
	text-decoration: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			MIDDLE COLUMN RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#middle_column {
	margin: 2em 270px;
	padding: 0;
}

#middle_column h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 115%;
}

#middle_column h2 a {
	margin-left: 0;
}

#middle_column p {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

#middle_column a {
	color: #333;
	text-decoration: underline;
}

#middle_column a:hover {
	color: #369;
	text-decoration: none;
}

#middle_column img {
	float: right;
	margin: 0 0 1em 1em;
	padding: 0;
	border-width: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			RIGHT COLUMN RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#right_column {
	position: absolute;
	top: 22.7em;
	right: 0;
	margin: 2em;
	padding: 0;
	width: 210px;
}

#right_column h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 115%;
}

#right_column p {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

#right_column a {
	color: #333;
	text-decoration: underline;
}

#right_column a:hover {
	color: #369;
	text-decoration: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			SUB-WEB TITLE RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#subweb_title {
	padding: 1em 1em 0.6em 1em;
	background-color: #369;
	color: #fff;
	white-space: nowrap;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			BREADCRUMB NAVIGATION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#breadcrumb_navigation {
	padding: 0.4em 1em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background-color: #eee;
	color: #333;
	white-space: nowrap;
}

#breadcrumb_navigation h2 {
	margin: 0 0.6em 0 0;
	padding: 0;
	font-size: 100%;
	display: inline;
}

#breadcrumb_navigation ul {
	margin: 0;
	display: inline;
}

#breadcrumb_navigation ul li {
	padding: 0 0.4em 0 0.8em;
	display: inline;
	list-style-type: none;
	background: url(images/slash.png) 0% 50% #eee no-repeat;
}

#breadcrumb_navigation a {
	color: #369;
	text-decoration: none;
}

#breadcrumb_navigation a:hover {
	color: #69c;
	text-decoration: underline;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			LOCAL NAVIGATION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#local_navigation {
	position: absolute;
	top: 11.4em;
	left: 0;
	margin: 2em;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	width: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 176px;
}
html>body #local_navigation {
	width: 176px;
}

#local_navigation h2 {
	display: none;
}

#local_navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#local_navigation a {
	border: 1px solid #eee;
	margin: 0;
	padding: 1px 5px;
	color: #369;
	text-decoration: none;
	display: block;
	width: 176px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 164px;
}
html>body #local_navigation {
	width: 164px;
}

#local_navigation a:hover {
	border: 1px solid #ccc;
	background-color: #369;
	color: #fff;
	text-decoration: none;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			CONTENT RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#content {
	margin: 1.5em 2em 1.5em 240px;
	padding: 0;
}

#content h3 {
	padding: 1em 0 0 0;
	border-top: 1px solid #ccc;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			LEGAL INFORMATION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#legal_information {
	padding: 0.4em 0.6em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	background-color: #eee;
	color: #333;
	text-align: right;
	white-space: nowrap;
}

#legal_information h2 {
	display: none;
}

#legal_information ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#legal_information ul li {
	display: inline;
}

#legal_information ul li a {
	padding: 0 0.4em;
	color: #369;
	text-decoration: none;
	border-left: 1px solid #333;
}

#legal_information ul li a:hover {
	color: #69c;
	text-decoration: underline;
}

#legal_information ul li a.first {
	border-left: 0;
}

/* ---------- ---------- ---------- ---------- ---------- ----------

			PAGE VERSION RULES

---------- ---------- ---------- ---------- ---------- ---------- */

#page_version {
	padding: 0.4em 0.6em;
	background-color: #666;
	color: #fff;
	text-align: right;
	white-space: nowrap;
}

#page_version h2 {
	display: none;
}

#page_version ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#page_version ul li {

	display: inline;
}

#page_version ul li a {
	padding: 0 0.4em;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
}

#page_version ul li a:hover {
	color: #ccc;
	text-decoration: underline;
}

#page_version ul li a.first {
	border-left: 0;
}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
}

.headers{
width: 100%;
font-weight: bold;
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
padding: 5px;
text-align: middle;
}

.headersOver{
width: 100%;
font-weight: bold;
border: 1px solid #CCCCCC;
background-color: #F8F4F4;
padding: 5px;
text-align: middle;
}

.headersOver2{
width: 100%;
font-weight: bold;
border: 1px solid #CCCCCC;
background-color: #F8F4F4;
border-top-width: 0;
padding: 5px;
text-align: middle;
}

.headersDown{
width: 100%;
font-weight: bold;
border: 1px solid #C5B3CA;
background-color: #E0DBE2;
padding: 5px;
text-align: middle;
}

.headersDown2{
width: 100%;
font-weight: bold;
border: 1px solid #C5B3CA;
border-top-width: 0;
background-color: #E0DBE2;
padding: 5px;
text-align: middle;
}

.headers2{
width: 100%;
font-weight: bold;
border: 1px solid #CCCCCC;
border-top-width: 0;
background-color: #EEEEEE;
padding: 5px;
}

.switchcontent{
width: 100%;
border: 1px solid #cccccc;
border-top-width: 0;
padding: 5px;
}