html
{
	/*background-image: url(Images/left_background.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
}

body
{
	/* padding-top: 20px; 20150508 - removed gap above logo */
	font-size: 62.5%;
	/*background-image: url(Images/body_background.gif);
	background-position: right top;
	background-repeat: repeat-x; */
}
input, textarea, select
{
	font-size: 1.0em;
	color: #2c1017;
}
#leftcolumn
{
	width: 180px;
	float: left;
	background-color: Transparent;
}
#rightcolumn
{
	float: left;
	border-left: solid 2px #ffffff;
	background-color: Transparent;
}
.LoginButton
{
	background-image: url(Images/enter.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.banner
{
	width: 796px;
	height: 153px;
}
.main_content
{
	padding-left: 22px;
	padding-top: 29px;
	
	width: 775px;
}
.login
{
	width: 170px;
	background-color: #ffffff;
	padding-top: 16px;
	padding-left: 10px;
	font-size: 0.8em;
	padding-bottom: 10px;
}
.login a:link,
.login a:hover,
.login a:active,
.login a:visited
{
	color: #9c96b3;
	font-weight: bold;
}
.login_field
{
	border: solid 1px #aaaa9e;
	width: 155px;	
	height: 20px;
	padding-top: 3px;
	padding-left: 2px;
}
.login_line
{
	margin-bottom: 8px;
}

.bring_it_on
{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.0em;
	text-align: center;
}

/* News Page */
.news_paging td
{
	padding: 1px 6px 2px 1px;
	background-color: #ebebea;	
}
.news_left
{
	float: left;
	width: 450px;
	padding-right: 20px;
	
	background-image: url(Images/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.news_right
{
	float: left;
	width: 270px;
	margin-left: 30px;
	font-size: 0.9em;
}
.news_menu_item
{
	float: left;
	margin-right: 20px;
	padding-left: 15px;	
	background-image: url(Images/Buttons/newsicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.news_menu_item_over
{
	float: left;
	margin-right: 20px;
	padding-left: 15px;	
	background-image: url(Images/Buttons/newsicon_Over.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.news_menu_item a:link,
.news_menu_item a:visited,
.news_menu_item a:active
{
	text-decoration: none;
	color: #706b86;
	font-size: 1.1em;
	font-weight: normal;
}
.news_menu_item a:hover
{
	color: #2c1017;
}
a.news_current_month:link,
a.news_current_month:visited,
a.news_current_month:active,
a.news_current_month:hover
{
	text-decoration: none;
	color: #2c1017;
	font-size: 1.1em;
}
.news_left a:link,
.news_left a:active,
.news_left a:visited,
.homepage_left_column a:link,
.homepage_left_column a:visited,
.homepage_left_column a:active
{
	color: #706b86;
}
.news_left a:hover,
.homepage_left_column a:hover
{
	color: #2c1017;
}
a.news_current_article:link,
a.news_current_article:visited,
a.news_current_article:active,
a.news_current_article:hover
{
	text-decoration: none;
	text-transform: uppercase;
	color: #2c1017;
}

/* News Comments Page */
.comment_by
{
	color: #320409;
	font-weight: bold;
}

.comment_label
{
	color: #5b4f7b;
}


/* Registration Page */
.registration_form td
{
	text-align: right;
	padding-right: 6px;
	padding-bottom: 3px;
}

.services_menu_item
{
	float: left;
	padding-right: 15px;
}
.services_menu_item a:link,
.services_menu_item a:visited,
.services_menu_item a:active
{
	font-size: 1.2em;
	color: #9c96b3;
	text-decoration: none;
}
.services_menu_item a:hover
{
	color: #2c1017;
}

.transport_login
{
	background-color: #aaaa9e;
	border-bottom: solid 2px #ffffff;
	padding: 9px 5px 9px 5px;
}
.fuel_prices
{
	background-color: #b5b4ab;
	border-bottom: solid 2px #ffffff;
	padding: 9px 5px 9px 5px;
}
.webcams
{
	background-color: #c0c0b7;
	padding: 9px 5px 9px 5px;
}
.left_menu_title
{
	margin-bottom: 3px;
}
.page_title
{
	margin-bottom: 20px;
}
.transport_login a:link,
.transport_login a:visited,
.transport_login a:active,
.transport_login a:hover,
.fuel_prices a:link,
.fuel_prices a:visited,
.fuel_prices a:active,
.fuel_prices a:hover,
.webcams a:link,
.webcams a:visited,
.webcams a:active,
.webcams a:hover
{
	color: #ffffff;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

.webcam_box
{
	background-color: #ffffff;
	width: 100%;
	font-size: 0.8em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	margin-bottom: 20px;
}
.webcam_box__image {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	border:  1px solid #cccccc;
}

.webcam_box__image img {
	display: block;
	width: 100% !important;
}

.webcam_box_instructions {
	display: block;
	margin-bottom: 20px;
	font-size: 12px;
}

.webcam_box a:link,
.webcam_box a:active,
.webcam_box a:visited,
.webcam_box a:hover
{
	font-size: 0.9em;
	color: #9c96b3;
	text-decoration: underline;
}
.webcam_thumbnail
{
	margin-right: 2px;
	margin-bottom: 2px;
}

/* Homepage */
.homepage_left_column
{
	float: left;
	width: 360px;
	padding-right: 20px;
	
	background-image: url(Images/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.homepage_right_column
{
	margin-left: 30px;
	width: 360px;
	float: left;
}

.horizontal_bar
{
	width: 360px;
	height: 1px;
	margin-top: 15px;
	background-image: url(Images/dots_horizontal.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Services Pages */
.services_left
{
	margin-top: 10px;
	float: left;
	width: 320px;
}

.services_right
{
	margin-top: 10px;
	float: left;
	margin-left: 30px;
	width: 360px;
}

.password-change-form {
	width: 100%;
}

.password-change-form table td {
    padding: 0 3px;
}