body.mceContentBody { 
	background: #FFFFFF; 
        font-family: proxima-nova, Verdana, Arial, Helvetica, sans-serif;
}

/* RESET */
h1, h2, h3, h4, h5, h6, p  { margin-top: 1%; margin-bottom:0% }
ul, li { margin-top: 0%; margin-bottom:0px; line-height: 120%;}

* {
box-sizing: border-box;
}

/* NORMAL CLASS STYLES */

/* A */

.Align_text_left {text-align: left;} 
.Align_text_center {text-align: center;}
.Align_text_right {text-align: right;}
.Align_text_justify {text-align: justify;}

/* B */

.bground_red {background-color: #FF1224; color: white !important;}


/* C */

.Colour_red {color: red;}
.Colour_blue {color: blue;}
.Colour_green {color: green;}
.Colour_orange {color: orange;}

.clearboth {clear:both;}
.clearright {clear:left;}
.clearleft {clear:left;}

.colour_red {color: red;}
.colour_blue {color: blue;}
.colour_green {color: green;}
.colour_orange {color: orange;}
.colour_white {color: white;}

.CalendarTable {
	width: 160px;
	border: 1px solid #333333;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	vertical-align: bottom;
	background-color: #FFFFFF;
}
.CalendarTable TD {
	padding: 1px;
	border: 1px solid #333333;
}
.SelectMonthRow {
	background-color: #999999;
}
.CalendarSelect {
	/* Month and Year selector */
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #000;
}
.MonthHeadingRow {
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
.SMTWTFS {
	color: #CCCCCC;
	background-color: #666666;
	font-size: 10px;
}
.CalendarNormalDays, .CalendarNormalDays A {
	color: #996600;
	background-color: #FFCC33;
	font-weight: bold;
}
.CalendarToday, .CalendarToday A {
	color: #FF0000;
	background-color: #ffffff;
}
.CalendarOtherDays {
	color: #000000;
	background-color: #CCCCCC;
}
.CalendarWeekend, .CalendarWeekend A {
	color: #669900;
	background-color: #CCCC33;
	font-weight: normal;
}
.CalendarTable A {
	TEXT-DECORATION: none
}
.CalendarTable A:hover {
	color: #000000;
}

.calendarheroimage { max-width: 100% !important;}


/* D */

.div_events_simple_photogrid_title {display: none; }
.div_ferry_timetable_photogrid_title {display: none;}

.directorylisting {
	margin-top:20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* E */

.EventCategory {
	font-size: 38px;
	line-height: 43px;
	border-bottom: #dddddd solid 1px;
	font-weight: 300;
	color: #777777;
	padding-bottom: 5px;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align:left;
	
}
.EventCategoryPrefix {
	font-size: 14px;
	line-height: 17px;
	color: #777777;
	font-style:italic;
	
}
.EventCalendarTable {
	vertical-align: top;
	background-color: #eeeeee;	
	font-weight: 300;
	color: #333333;
}
.EventSelectMonthRow {
	padding:5px;
	border: #ffffff solid 2px;
	background-color: #ffffff;
	
}
.EventMonthSelect {
	padding:2px;
}
.EventPreviousMonth {
	padding:10px;
	border: #ffffff solid 2px;
	background-color: #47525B;
	background-image: url(/admin/images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
.EventCurrentMonth {
	padding:10px;
	border: #ffffff solid 2px;
	background-color: #00B8E3;
	font-weight: 500;
	color: #096c35;
}
.EventNextMonth  {
	padding: 10px;
	border: #ffffff solid 2px;
	background-color:#47525B;
	background-image: url(/admin/images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
.EventSMTWTFS {
	padding:10px;
	font-weight: 500;
	color: #333333;
}
.EventS_td {
	padding:10px;
	border: #ffffff solid 2px;
	background-color: #A2C4E6;
}
.EventMTWTF_td {
	padding:10px;
	border: #ffffff solid 2px;
	background-color: #C2D8EF;
}
.EventCalendarToday {
	border: #ffffff solid 2px;
	padding:10px;
	vertical-align: top;
	background-color: #F9CF8A;
}
.EventCalendarToday A  {
}
.EventCalendarOtherDays {
	border: #ffffff solid 2px;
	padding:10px;
	vertical-align: top;
        background-color: #666666;
}
.EventCalendarWeekend {
	border: #ffffff solid 2px;
	padding:10px;
	vertical-align: top;
	background-color: #dddddd;
}
.EventCalendarWeekend A {
}
.EventCalendarTable A  {
}
.EventCalendarTable A:hover {
}

.EventCalendar_thumbnail, .EventCalendar_Thumbnail {
    width:200px;
}

.Event{
	
}
.EventList_td {
	border: #ffffff solid 2px;
	padding:5px 20px 5px 20px;
	vertical-align: top;
}
.EventList_td a, .EventList_td a:link, .EventList_td a:visited {
	text-decoration:none;
}

.EventListThumnailDiv {
    float:left;
    clear:both;
    margin: 10px 10px 0px 0px;
}
.EventListThumbnail, .EventList_thumbnail {
	float:left;
    clear:both;
    margin: 10px 10px 0px 0px;
     width: 100%;
	max-width: 240px;
}

.EventList_Thumbnail {
     width: 100%;
	max-width: 240px;
}

.EventListDetailDiv {
       float:left;
    margin: 10px 0px 0px 0px;
}
.EventList_date {
	line-height:12px;
	margin-bottom:5px;
	margin-top: 5px;
}
.EventList_item {
	font-weight: bold;
	font-size:20px;
	line-height:18px;
	margin-bottom:5px;
	}
.EventList_time {
	line-height:12px;
	margin-bottom:5px;
}

.EventMonthDays {
	border: #ffffff solid 2px;
	padding:10px;
	vertical-align: top;
}
.Eventvacation_care {
	margin-top: 15px;
	margin-bottom: 4px;
	display:inline-block;
}
.EventThumbnail {
	width: 100%;
	max-width: 200px;
}



.EventItemHeading {
	font-weight:normal;
    font-style:italic;
    padding-top:10px;
    padding-top:3px;

}
.EventItemValue {
	font-weight:bold;
    font-style:normal;
    padding-left:30px;
}

.EventSummaryDiv { color: #FFFFFF !important; font-size: 16px; cursor:pointer; border-bottom:#cccccc 1px solid; padding: 5px 0px 5px 0px;}
.EventSummaryDiv h1 { color: #FFFFFF !important; font-size: 24px; line-height: 24px;}
.EventSummaryDiv h2 { color: #FFFFFF !important; font-size: 20px; line-height: 20px;}
.EventSummaryDiv p { color: #FFFFFF !important; font-size: 16px; line-height: 16px;}
.EventSummaryThumbnail {}

#Eventhero {
    font-family: roboto;
    font-size: 16px;
    line-height: 22px;
    color: #1c2721;
}

.Eventhero_thumbnail, .Eventhero_THUMBNAIL {
    width: 100%;
}

.Eventhero_Fieldname {
    font-style: italic;
    margin-right: 5px;
}
.Eventhero_Fieldname:after {
    content: ": ";
}
.Eventhero_item {
    font-size: 20px;
    font-weight: bold;
}

.Eventhero_event_start_date {
}
.Eventhero_start_time {
}
.Eventhero_summary {
}


/* F */

.float_left {float:left;}
.float_right {float:right;}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  justify-content: center;
}

.flex img {
    width: 100%;
}

.flex25, .flex24 {
  width: 24%;
}

.flex33 {
  width: 32%;
}


/* G */

#Gallery_surround {
    width: 100%;
    margin: 20px 0px 20px 0px;
}
#Gallery_div {
    width: 100%;
}

#Gallery_Image_surround {
    width: 45%;
    float: left;
}
#goBackCell {
}
#Gallery_Image {
    width:100% !important;
    height: auto;
    cursor: pointer;
}
#Gallery_Caption {
display:none;
}

#Gallery_thumbnail_div {
    width: 54%;
    float:right;
}
.galleryThumbnail {
	height:100px;
	cursor: pointer;
}

#gallerymobileinstructions::after {
	/* FOR MOBILE */
	/* content: "Tap or swipe image to see more"; */
}
#goForwardCell {
	cursor: pointer;
	width: 20px;
	background-image: url(admin/images/arrow_right_large.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
#Gallery_thumbnail_div {
}
.galleryThumbnail {
	height:30px;
	cursor: pointer;
}

.grid {
	width: 100%;
	display: grid;
	grid-gap: 10px;
        margin: 10px 0px 10px 0px;
	}
.grid_div {
	border: 1px solid #cccccc;
	padding: 10px;
}

.grid_3_across {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid_4_across {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid_5_across {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid_6_across {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* H */

h1, h2, h3 {font-family: proxima-nova-condensed, Verdana, Arial, Helvetica, sans-serif; color:black; font-weight: normal}
h4, h5, h6 {font-family: proxima-nova, Verdana, Arial, Helvetica, sans-serif; color: black}

h1 {font-size: 46px; line-height: 42px; color: red}
h2 {font-size: 38px; line-height: 37px;}
h3 {font-size: 32px; line-height: 32px; color: red}
h4 {font-size: 28px; line-height: 28px;}
h5 {font-size: 24px; line-height: 24px; color: red}
h6 {font-size: 20px; line-height: 20px; color: red}

.homeicon {
    width:220px;
    height: 220px;
    background-color: #F5F5F5;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-align: center;;
    background-size: cover;
    background-repeat:no-repeat; 
    background-position: center;
    font-family: proxima-nova-condensed;
    font-size: 38px;
    line-height:34px;
    padding-top:70px;
    text-shadow: 1px 1px #000000
}

.homeicon a {color:white !important; }

.homepo {background-image: url(/edit/images/AustraliaPostLogo.png);}
.homenotices {background-image: url(/edit/images/beach.jpg);}
.homewhats {background-image: url(/edit/images/town.jpg);}
.homexx {background-image: url(/edit/images/harbour.jpg);}
.homebooth {background-image: url('/edit/images/Portarlington Community Information Booth.jpg'); border:1px solid #cccccc; cursor:pointer;}


/* I */

img {
    object-fit: contain;
    border: 0px;
}

.image_max_h_100 {
    max-height: 100px;
}

.imgborder {
    border: 1px solid #CCCCCC !important;
}

.image_left_70, .image_left_60, .image_left_50, .image_left_40, .image_left_30, .image_left_25, .image_left_20, .image_left_15, .image_left_10 {
    float:left;
    height: auto;
    margin: 0px 2% 10px 0px;
}

.image_left_70 {
    width:70%;
}

.image_left_60 {
    width:60%;
}

.image_left_50 {
    width:50%;
}

.image_left_40 {
    width:40%;
}

.image_left_30 {
    width:30%;
}

.image_left_25 {
    width:25%;
}

.image_left_20 {
    width:20%;
}

.image_left_15 {
    width:15%;
}

.image_left_10 {
    width:10%;
}

.image_right_70 img, .image_right_60 img, .image_right_50 img, .image_right_40 img, .image_right_30 img, .image_right_20 img, .image_right_25 img, .image_right_15 img, .image_right_10 img, .image_right_5 img, .image_right_30hide img {
    width: 100%;
}

.image_right_70, .image_right_60, .image_right_50, .image_right_40, .image_right_30, .image_right_20, .image_right_25, .image_right_15, .image_right_10, .image_right_5, .image_right_30hide {
    float:right;
    clear:both;
    height: auto;
    margin: 0px 0px 10px 2%;
}

.image_right_70 {
    width:70%;
}

.image_right_60 {
    width:60%;
}

.image_right_50 {
    width:50%;
}

.image_right_40 {
    width:40%;
}

.image_right_30 {
    width:30%;
}

.image_right_25 {
    width:25%;
}

.image_right_20 {
    width:20%;
}

.image_right_15 {
    width:15%;
}

.image_right_10 {
    width:10%;
}

.image_right_5 {
    width:5%;
}

.image_right_30hide {
    width:30%;
}


/* J */

/* K */

/* L */

/* M */

.margin_top_5 {margin-top:5px;}
.margin_top_10 {margin-top:10px;}
.margin_top_15 {margin-top:15px;}
.margin_top_20 {margin-top:20px;}
.margin_top_25 {margin-top:25px;}


/* N */

/* O */

/* P */

.padding_10 {padding: 10px;}
.padding_20 {padding: 20px;}
.padding_30 {padding: 30px;}
.padding_40 {padding: 40px;}

p, li, ol { font-family: proxima-nova;
    font-size: 22px;
    line-height: 26px;
    color: #666666;
}

#postofficegrid p {font-size: 16px; color: red;}
#postofficegrid li,  #postofficegrid ul  {font-size: 14px; color: black;}
#postofficegrid div {padding: 5px; background-color: #d1d1d1;}

/* Q */

/* R */

/* S */

.submenusonpage {
	margin-top:20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* T */

.tagline {color: red;
    font-size: 26px;
}

#table1, #table1plain, #tableplain {
    font-size:18px;
    line-height:20px;
    width:100%;
    border-collapse:collapse;
	margin: 20px 0px 20px 0px;
}
#table1 td, #table1 th, #table1plain td, #table1plain th {
       border:1px solid #FFFFFF;
       padding:5px;
     vertical-align:top;
}
#table1 th, #tableplain th, #table1plain th {
	text-align: left;
	padding: 5px;
	background-color: #F9CF8A;
	color: #ffffff;
	font-weight: bold;
}
#table1 th A, #tableplain th A, #table1plain th A {
	color:#ffffff;
}
#table1 tr:nth-child(odd) {
	background-color: #d1d1d1;
}
#table1 tr:nth-child(even) {
	background-color: #F9CF8A;
}
#table1 tr:hover, #table1plain tr:hover {
	background-color: #F9CF8A;
}

#tableplain td, #tableplain th {
       border:1px solid #d1d1d1;
       padding:10px;
     vertical-align:top;
}

#tableplain tr {
	background-color: #00B8E3;
}

#table1plain tr:nth-child(odd) {
	background-color: #F9CF8A;
}
#table1plain tr:nth-child(even) {
	background-color: #F9CF8A;
}

/* U */

/* V */

/* W */

.width_10 { width: 10%;}
.width_20 { width: 20%;}
.width_30 { width: 30%;}
.width_40 { width: 40%;}
.width_50 { width: 50%;}
.width_60 { width: 60%;}

/* X */

/* Y */

/* Z */


/* DEVICES SMALLER THAN 600px ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 600px) { 

/* A MOBILE */

/* B MOBILE */

/* C MOBILE */

/* D MOBILE */

/* E MOBILE */

/* F MOBILE */

/* G MOBILE */

.grid_3_across, .grid_4_across, .grid_5_across, .grid_6_across {
    grid-template-columns: 1fr;
}

/* H MOBILE */

/* I MOBILE */

.image_left_70, .image_left_60, .image_left_50, .image_left_40, .image_left_30, .image_left_25, .image_left_20, .image_left_15, .image_left_10, .image_right_70, .image_right_60, .image_right_50, .image_right_40, .image_right_30, .image_right_25, .image_right_20, .image_right_15, .image_right_10 {
    float:none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

/* J MOBILE */

/* K MOBILE */

/* L MOBILE */

/* M MOBILE */

/* N MOBILE */

/* O MOBILE */

/* P MOBILE */

/* Q MOBILE */

/* R MOBILE */

/* S MOBILE */

/* T MOBILE */

/* U MOBILE */

/* V MOBILE */

/* W MOBILE */

/* X MOBILE */

/* Y MOBILE */

/* Z MOBILE */

}


/* PRINT ONLY STYLES */

@media print 
{
	
body  { background-color: #ffffff;}
.button	{ display:none; }
.noprint { display:none; }
#table1 th, #table1 td {
	border: 1px solid #cccccc;
	font-size:9pt;
}

}