/* Start of CMSMS style sheet 'GCIO Main' */
/*
NOTE: This version2.2 is a work in progress! Trying to get the z-index and position-ing of the house-banner
behaving in both IE6 AND Firefox is problematic...
*/

/* 
The following colours are used in this stylesheet.
left background (image only): #edf2ff;
left selected/expanded background: #f5faff;
left/top unselected background: #d7e2fc;
left/top hover background: #002C95;
lines: #d7e2fc;
main text: black;
h1, highlight: #C03A00;
navigation text: #002C95;
toolbar text and nav spacing: white;
*/

/* Tag specific rules 
*******************************************************************************/
* {
	/* set even playing field for all browsers */
	margin : 0;
	padding : 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color : white;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 100.01%;
	padding : 5px 7px 0 7px;
}

img {border: 0;}

/* a {color: #002C95; text-decoration: underline;} */
a {color: #519dea; text-decoration: underline;}

a:hover {text-decoration: none;}

a:focus {text-decoration: underline;}

/* h1 {margin-bottom : 0.6em; font-size: 1.6em; color: #C03A00 ; font-weight: normal;} */
h1 {margin-bottom : 0.6em; font-size: 1.6em; color: #333333 ; font-weight: normal;}

/* h2,h3,h4,h5,h6 {color: #002C95;} */
h2,h3,h4,h5,h6 {color: #4c887c;}

h2 {font-size: 1.2em; font-weight: bold;}

h3 {font-size: 1em; font-weight: bold;}

h4 {font-size: 1em; font-weight: normal;}
p {margin : 0 0 1em 0;}

ol,ul {margin: 0 0 1em 2em; }

ul li {}

ol li {}

table {
	border-collapse : collapse;
	border : 0;
	margin : 0 0 1em 0;
}

input,select,textarea {
	font-size : 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* page wrapper
*******************************************************************************/
#cim_page-wrapper {
	/* set global base font size for entire page */
	font-size: 80.01%;
	position : relative;
	max-width: 775px;   /* IE wont understand these, so we will use javascript magick */
	min-width: 782px;
	margin: 0 auto; 
}


#cim_skip-content {
	text-align: right;
	font-size: 0.85em;
	border-top: 5px solid #4c887c;
}

#cim_skip-content a {
	text-decoration: none;
}

#cim_skip-content a:hover, #cim_skip-content a:focus {
	text-decoration:underline;
}


/* Header 
*******************************************************************************/
#cim_header {
	position : relative;
/*	border-bottom : 1px solid #d7e2fc; */
	margin-bottom : 1px;
	font-size : 0.85em;
	min-height : 62px;
	border-bottom : 5px solid #4c887c;
}

* html #cim_header {height : 62px;}

#cim_header #cim_header-left {
	margin-right : 160px;
	color : #002C95; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding : 0 0 0 88px;
	/* the width wraps the text; remove the declaration when using a house banner */
	width: 280px;
}

#cim_header #cim_header-left img {position : absolute; left : 0; top : 0;}

#cim_header #cim_header-left span.state {
	font-size : 1.5em;
	border-bottom : 1px solid #d7e2fc;
	line-height : 1.5em;
}

#cim_header #cim_header-left span.department {font-size : 1.4em; font-weight : normal;}

#cim_header #cim_header-left span.unit {font-weight : normal;font-size : 1em;}

#cim_header #cim_dept-logo {
	position : absolute;
	right : 0;
	top : 1px;
}

#cim_house-banner {
	position: absolute;
	margin-left:370px;
	top: 1.1em;
}

#cim_header-left a{
	text-decoration:none;
}

/* tools - search, links etcs
*******************************************************************************/
#cim_tools {
/*	background-color : #002C95; */
	border-bottom : 1px solid white;
	font-size : 0.85em;
/*	color : white; */
	height : 2.2em;
	padding : 3px 10px 0 10px;
	clear : both;
	color : #005544;
	background-color : #ccddda;
}

* html #cim_tools {height : 2.3em;}
 
*:first-child+html #cim_tools {height : 2.3em;} 

/* #cim_tools a {color : white; text-decoration : none;} */
#cim_tools a {color : #005544; text-decoration : none;}

#cim_tools a:hover, #cim_tools a:focus {text-decoration : underline;}

#cim_tools input {
	border : 1px solid #d7e2fc;
	vertical-align : middle;
	padding : 1px 0 2px 0;
	width : 184px;
}

#cim_tools input.go {
	border : 0;
	width : auto;
	height : auto;
	padding : 0;
}

#cim_tools div.links {float : left; line-height : 1.8em;}

#cim_tools div.search {float : right; line-height : 1.8em;}


/* top navigation
*******************************************************************************/
#cim_top-nav {
	clear: both;
	background-color: #d7e2fc;
	border-bottom : 1px solid white;
	font-size : 0.85em;
	position : relative;
	height : 2.3em;
	z-index : 10;
}

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

#cim_top-nav ul li {
	list-style-type: none;
	float : left;
	position : relative;
	padding : 0;
	margin : 0;
	border-right : 1px solid white;
	z-index : 3;
}

#cim_top-nav ul ul {
	display : none;
	position : absolute;
	top : 2.5em;
	left : 0;
	\left : -16px;
	lef\t : 0;
}

#cim_top-nav ul li li {
	border : none;
	font-size : 1em;
	display : block;
	float : none;
	border-bottom : 1px solid white;
}

#cim_top-nav li a {
	display : block;
	margin : 0;
	padding : 6px 0px 6px 1em;
	text-decoration : none;
}

#cim_top-nav li a:hover, #cim_top-nav li a:focus, #cim_top-nav li a.highlight {
	background-color : #002C95;
	color : white;
	font-weight : bold;
}

#cim_top-nav li li a {
	display : block;
	background-color : #d7e2fc;
	padding : 6px 0px 6px 11px;
}

#cim_top-nav li li a:hover, #cim_top-nav li li a:focus {
	background-color : #002C95 !important;
	color : white !important;
	font-weight : normal;
}

/* top-nav variable width classes
over-rides set fixed width for drop-downs */
#cim_top-nav li li {
	width: 171px !important;
}

#cim_top-nav li li a {
	width : 160px !important;
}

/* home item has to be 171px */
#cim_top-nav ul li.menu-item-home {width: 171px;}

#cim_top-nav li.menu-item-home a {width : 160px;}

/* default so can be output without classes applied */
#cim_top-nav ul li {width: 171px;}

#cim_top-nav li a {width: 160px;}

/* 
	variables: item1 through item10
	Customise width of top level items - uncomment section below
	Note: you have a total of around 60em to work with (at default text sizes) 
*/

/*
#cim_top-nav ul li.menu-item1 {width: 15em;} #cim_top-nav li.menu-item1 a {width : 14em;}
#cim_top-nav ul li.menu-item2 {width: 15em;} #cim_top-nav li.menu-item2 a {width : 14em;}
#cim_top-nav ul li.menu-item3 {width: 15em;} #cim_top-nav li.menu-item3 a {width : 14em;}
#cim_top-nav ul li.menu-item4 {width: 15em;} #cim_top-nav li.menu-item4 a {width : 14em;}
#cim_top-nav ul li.menu-item5 {width: 15em;} #cim_top-nav li.menu-item5 a {width : 14em;}
#cim_top-nav ul li.menu-item6 {width: 15em;} #cim_top-nav li.menu-item6 a {width : 14em;}
#cim_top-nav ul li.menu-item7 {width: 15em;} #cim_top-nav li.menu-item7 a {width : 14em;}
#cim_top-nav ul li.menu-item8 {width: 15em;} #cim_top-nav li.menu-item8 a {width : 14em;}
#cim_top-nav ul li.menu-item9 {width: 15em;} #cim_top-nav li.menu-item9 a {width : 14em;}
#cim_top-nav ul li.menu-item10 {width: 15em;} #cim_top-nav li.menu-item10 a {width : 14em;}
*/


/* content wrapper
*******************************************************************************/
#cim_content-wrapper {
	/* creates fake left column background image */
	background: transparent url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/bg_left_col.gif) 0 0 repeat-y;
	clear : both;
	border-top : 1px solid #d7e2fc;
}

/* left column (secondary navigation)
*******************************************************************************/
#cim_left-col {
	font-size : 0.85em;
	width : 170px;
	margin-left : 1px;
	float : left;
	position : relative;
	display : inline;
	z-index : 49;
}

/* first level items */

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

#cim_left-col li {
	list-style-type : none;
	margin : 0;
}

#cim_left-col a {
	display : block;
	border-bottom : 1px solid white;
	padding: 6px 12px 6px 12px;
	width : 146px;
	\width : 170px;
	w\idth : 146px;
	text-decoration : none;
/*	background : #d7e2fc; */
	background : #ccddda;
	color: #005544;
}

#cim_left-col a:hover, #cim_left-col a:focus {
/*	color : white; */
/*	background : #002C95; */
	color : #005544;
	background : #edf3f2;

}

#cim_left-col a.arrow {
/*	background : #d7e2fc url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_blue_side.gif) 150px 8px no-repeat; */
	background : #ccddda url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_green_side.gif) 150px 8px no-repeat;

}

#cim_left-col a.arrow:hover, #cim_left-col a.arrow:focus {
/*	background: #002C95 url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_white_side.gif) 150px 8px no-repeat; */
	background: #edf3f2 url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_green_side.gif) 150px 8px no-repeat;
	color: #005544;
}

/* first level EXPANDED items */

#cim_left-col li.highlight {background-color : #f5faff;}

#cim_left-col li.highlight a {
/*	background : transparent; */
	border : 0;
	font-weight : bold;
	background : #e6e6e6;
}

#cim_left-col li.highlight a:hover, #cim_left-col li.highlight a:focus {
/*	background : transparent; */
/*	color : #002C95; */
	text-decoration : underline;
	background : #eeeeee;
	color : #005544;
}

#cim_left-col li.highlight a.arrow {
/*	background: transparent url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_blue_down.gif) 150px 8px no-repeat; */
	background: #e6e6e6 url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_green_down.gif) 150px 8px no-repeat;

}

#cim_left-col li.highlight a.arrow:hover, #cim_left-col li.highlight a.arrow:focus {
	background: transparent url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_blue_down.gif) 150px 8px no-repeat;
/*	background: #eeeeee url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/arrow_green_down.gif) 150px 8px no-repeat;  */
}

/* SECOND level items */
#cim_left-col li li.highlight a {font-weight : bold !important;}

#cim_left-col li li a {
/*	background-color : transparent; */
	background-image : none !important;
	border : 0;
	font-weight : normal !important;
	padding : 6px 12px 6px 28px;
	width : 130px;
	\width : 170px;
	w\idth : 130px;
	background : #e6e6e6;
	color: #666666;

}

#cim_left-col li li a:hover, #cim_left-col li li a:focus {background-image : none;}



/* THIRD level items */
#cim_left-col li li.highlight li a {font-weight : normal !important;}
#cim_left-col li li li a {
	padding : 6px 12px 6px 38px;
	width : 120px;
	\width : 170px;
	w\idth : 120px;
}

/* orange highlighting - due to the cascade, several rules need overriding */
#cim_left-col a.highlight {
/*	color : #C03A00 ; */
	font-weight : bold !important;
	color : #005544;
}



/* main body content
*******************************************************************************/
#cim_main-content {
/*	padding : 6px 184px 1em 182px; */
	padding : 6px 224px 1em 182px;
	position : relative;
	z-index : 5;
}

.no-right-col {
	padding-right: 14px !important;
}

* html #cim_main-content {
	padding-left : 10px;
	height : 1%;
}

*:first-child+html #cim_main-content {
	padding-left : 10px;
	height : 1%;
}


/* right column (used for related links, shortcuts, peripheral info, etc)
*******************************************************************************/
#cim_right-col {
	font-size : 0.85em;
/*	width : 170px; */
	width : 210px;
	position : absolute;
	right : 0;
	top : 0;
}

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

#cim_right-col ul li {
	list-style-type : none;
	margin : 0;
/*	padding : 6px 0 6px 12px; */
/*	border-bottom : 1px solid #d7e2fc; */

	padding : 6px 0 6px 0px;
}

#cim_right-col ul li a {text-decoration : none;}

#cim_right-col ul li a:hover, #cim_right-col ul li a:focus {text-decoration : underline;}


/* bread crumbs
*******************************************************************************/
#cim_bread-crumbs {
	margin : 0 0 12px 0; 
	padding-left : 0; 
	padding-bottom : 6px; 
	list-style : none; 
	font-size : 0.85em;
	border-bottom : 1px solid #d7e2fc;
	position : relative;
}

#cim_bread-crumbs li {
	display : inline; 
	margin-right : 6px; 
	padding-left : 14px;
	background : transparent url(/web/20070829121805/http://www.sydneyferries.info/uploads/images/bullet_breadcrumb.gif) 0 60% no-repeat;
	color : #002C95;
}

* html #cim_bread-crumbs li {background-position : 0 70%;}

*:first-child+html #cim_bread-crumbs li {background-position : 0 70%;}

#cim_bread-crumbs li.first-item {
	background-image : none;
	padding-left : 0;
}

#cim_bread-crumbs li a {text-decoration : none;}

#cim_bread-crumbs li a:hover, #cim_bread-crumbs li a:focus {text-decoration : underline;}

/* #cim_bread-crumbs li.highlight {color: #C03A00;} */
#cim_bread-crumbs li.highlight {color: #005544;}


/* footer
*******************************************************************************/
#cim_footer {
	clear : both;
	border-top : 1px solid #d7e2fc;
	padding : 7px 0;
	text-align : right;
}

#cim_footer { 
	font-size: 0.8em; 
/*	color: #002C95; */
	color: #333333;
}

#cim_footer a {text-decoration : none;}

#cim_footer a:hover, #cim_footer a:focus {text-decoration : underline;}

#cim_footer #nswstyle_datelastupdated {font-weight : bold;}


/* generic reusable classes
*******************************************************************************/
.clear-hidden {
	clear : both;
	font-size : 1px; 
	line-height : 1px;
}

.float-left {float : left;}

.float-right {float : right;}

div.function-icons {
	float : right;
	cursor : default;
}

div.function-icons .noscript {
	display:none;
}

div.function-icons .scriptAvailable {
	display:inline;
}
/* End of 'GCIO Main' */

/* Start of CMSMS style sheet 'Sydney Ferries' */
div.ferries_feature
{
	padding-top: 1em;
	padding-bottom: 1em;
}

div.ferries_feature-clear
{
	padding-top: 1em;
	padding-bottom: 1em;
	clear : right;
	border-top: 1px dotted Gray;
}

div.ferries_feature-text
{
	width: 58%;
}

div.ferries_feature-image
{
	display: block;
	float: right;
	text-align: right;
	width: 40%;
}

/*
div.ferries_fleet
{
	border-top: 1px dotted Gray; 
	padding-top: 1em;
}

div.ferries_fleet-text
{
	width: 68%;
}

div.ferries_fleet-image
{
	display: block;
	float: right;
	text-align: right;
	width: 30%;
}
*/

div.ferries_harbourwalk
{
	clear : both;
	padding-top: 1em;
	border-top: 1px dotted Gray;
}

div.ferries_harbourwalk-text
{
	width: 48%;
}

div.ferries_harbourwalk-image
{
	display: block;
	float: right;
	text-align: left;
	width: 48%;
	border-left: 1px solid #339900;
	padding-left: 1em;

}

div.ferries_scenes
{
	background-color: #005544;
	border-bottom: 1px solid White;
	margin: 0px;
	padding: 0px;
	height: 90px;

}

div.ferries_scenes img
{
	border-right: 1px solid White;
}

#cim_skip-content a
{
	color: #4C887C;
}

div.ferries_weather
{
	padding-top: 1em;
	padding-bottom: 1em;

}

div.ferries_weather tr td
{
	color: #000;
	background-color: #fff;
	border: none;
	padding: 0.25em;
	font-size: 12px;
}

div.ferries_news_summary
{
	padding-top: 0.5em;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-top: 1px solid #CCDDDA;
	border-bottom: 1px solid #CCDDDA;

}


div.ferries_news_summary ul li
{
	border-bottom : none;
}

th
{
	text-align: left;
	padding: 0.25em;
	font-size: 12px;
}

tr td
{
	color: #666;
	background-color: #e6e6e6;
	border: 2px solid #fff;
	padding: 0.25em;
	font-size: 12px;
}

tfoot td {
	background-color: #fff;
}

/* End of 'Sydney Ferries' */