/*Reset Styles*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, body, blockquote {margin: 0; padding: 0;}
a img {border: none;}

/*useful styles*/
.float-right {float: right; margin: 10px;}

/*layout styles*/

/*The html style immediately below is used to force a vertical scrollbar on every page*/
html {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	}

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	
.sharing-buttons {float: right; margin: -20px 0 0 0; min-width:140px;}
.sharing-buttons-job-vacancy-items {float: left; margin: -30px 0 0 0; min-width:140px;}
.news-item {margin: 15px 0 15px 0; padding: 10px; background-color:#dddddd; border-radius: 0 10px 10px 0; border-left: solid 15px #eeeeee;}
.dark-red-line {border-bottom: 2px solid #560112; margin: 1px 0 -5px 0;}
.dark-gray-line {border-bottom: 1px solid #414042; margin: 1px 0 -5px 0;}
.light-gray-line {border-bottom: 1px solid #efefef;}
.green-line {border-bottom: 1px solid #428821; margin: 5px 0 10px 0;}
.green-line-thick {border-bottom: 5px solid #428821; margin: 5px 0 10px 0;}
.blackline {border-bottom: 1px solid black;}
.image {float: left; list-style-type: none;}
.img-border {border-bottom: 2px solid #fff;}
.map {margin: 12px 10px;}
.toggleopacity img {opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.toggleopacity:hover img {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}

.hovertable tr:hover{background-color:#f5f5f5;}
.hovertable td {height:50px; padding:0px; text-align:center;}
.hovertable td a {display:inline-block; height:100%; width:100%;}
.hovertable td a:hover{background-color:#9BD166; height:50px; vertical-align:middle;}

.bordertable td {border: 1px solid #414042; vertical-align:top; line-height: 18px; font-size: 12px; font-weight:normal; color:black;}
.bordertable th {border: 1px solid #414042; vertical-align:top;}

.white-background {background-color: #cccccc;}


.dark-border {
	padding: 10px 10px 0 10px;
	border: 3px solid #222222;
	border-radius: 10px 10px 10px 10px;
	background-color: #a7a7a7; 
	}

.light-grey-bubble {
	padding: 20px 20px 20px 20px;
	border-radius: 10px 10px 10px 10px;
	background-color: #efefef; 
	}

.light-grey-bubble-with-bullets {
	padding: 20px 20px 20px 40px;
	border-radius: 10px 10px 10px 10px;
	background-color: #efefef; 
	}

.dark-grey-bubble {
	padding: 20px 20px 20px 20px;
	border-radius: 10px 10px 10px 10px;
	background-color: #d3d3d3; 
	}

.light-maroon-bubble {
	padding: 20px 20px 20px 20px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8e142c;
	}

.light-maroon-bubble-with-bullets {
	padding: 20px 20px 20px 40px;
	border-radius: 10px 10px 10px 10px;
	background-color: #8e142c;
	color:white;
	}

.white-bubble {
	padding: 20px 20px 20px 20px;
	border-radius: 10px 10px 10px 10px;
	background-color: #ffffff;
	}

#right-column .gal-item img {
	background-color: #fff;
	width: 165px;
	height: 123px;
	}
	
#right-column img {
	border: 1px solid #cccccc;
	}

#text-columns-2 {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:1px outset #eeeeee; /* Firefox */
-webkit-column-rule:1px outset #eeeeee; /* Safari and Chrome */
column-rule:1px outset #eeeeee;
}


/*list and link styles*/

ul {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
/*#left-nav ul {font-size: 12px; margin: 0 0 12px 0; font-weight: normal;}*/
/*#left-nav li {list-style-type: none; color: #666; padding: 3px; background-color: #99CCFF; border-bottom: 2px solid #666;}*/
#left-column #left-nav a {color: #99CCFF;}
#left-column #left-nav a:link {text-decoration: none;}
#left-column #left-nav a:visited {text-decoration: none;}
#left-column #left-nav a:hover {text-decoration: underline;}
#left-column #left-nav a:active {text-decoration: underline;}

#right-nav ul {font-size: 12px; margin: 0 0 12px 0; font-weight: normal;}
#right-nav li {list-style-type: none; color: #666; padding: 3px; background-color: #99CCFF; border-bottom: 2px solid #666;}
#right-column #right-nav a {color: #99CCFF;}
#right-column #right-nav a:link {text-decoration: none;}
#right-column #right-nav a:visited {text-decoration: none;}
#right-column #right-nav a:hover {text-decoration: underline;}
#right-column #right-nav a:active {text-decoration: underline;}

#side-nav-parents li {list-style-type: none; color: #99CCFF; border-bottom: 1px solid #666; padding: 5px 0 5px 0;}

#left-column-gray #side-nav-parents a {font-weight: normal; padding: 0 0 0 17px; line-height: 22px;}
#left-column-gray #side-nav-parents a {color: #99CCFF;}
#left-column-gray #side-nav-parents a:link {text-decoration: none;}
#left-column-gray #side-nav-parents a:visited {text-decoration: none;}
#left-column-gray #side-nav-parents a:hover {text-decoration: none; color: #fff;}
#left-column-gray #side-nav-parents a:active {text-decoration: none; color: #fff;}

#container-official-information #right-nav a {color: #99CCFF;}
#container-official-information #right-nav a:link {text-decoration: none;}
#container-official-information #right-nav a:visited {text-decoration: none;}
#container-official-information #right-nav a:hover {text-decoration: none; color: #fff;}
#container-official-information #right-nav a:active {text-decoration: none; color: #fff;}

#right-column-gray #right-nav a {font-weight: normal;}
#right-column-gray #right-nav a {color: #99CCFF;}
#right-column-gray #right-nav a:link {text-decoration: none;}
#right-column-gray #right-nav a:visited {text-decoration: none;}
#right-column-gray #right-nav a:hover {text-decoration: underline;}
#right-column-gray #right-nav a:active {text-decoration: underline;}


#left-wide-column #left-nav a {color: #0066CC;}
#left-wide-column #left-nav a:link {text-decoration: none;}
#left-wide-column #left-nav a:visited {text-decoration: none;}
#left-wide-column #left-nav a:hover {text-decoration: underline;}
#left-wide-column #left-nav a:active {text-decoration: underline;}


#right-wide-column #right-nav a {color: #0066CC;}
#right-wide-column #right-nav a:link {text-decoration: none;}
#right-wide-column #right-nav a:visited {text-decoration: none;}
#right-wide-column #right-nav a:hover {text-decoration: underline;}
#right-wide-column #right-nav a:active {text-decoration: underline;}

#link-box-top li {list-style-type: none; color: #fff;}
#link-box-top a {font-weight: normal; padding: 3px 0 3px 3px;}
#link-box-top a {color: #fff;}
#link-box-top a:link {text-decoration: none;}
#link-box-top a:visited {text-decoration: none;}
#link-box-top a:hover {text-decoration: none; color: #cc9999;}
#link-box-top a:active {text-decoration: none; color: #cc9999;}

#link-box-top-lower li {list-style-type: none; color: #fff;}
#link-box-top-lower a {font-weight: normal; padding: 3px 0 3px 3px;}
#link-box-top-lower a {color: #fff;}
#link-box-top-lower a:link {text-decoration: none;}
#link-box-top-lower a:visited {text-decoration: none;}
#link-box-top-lower a:hover {text-decoration: none; color: #cc9999;}
#link-box-top-lower a:active {text-decoration: none; color: #cc9999;}

#container-news #right-nav a {color: #333333; font-weight: bold;}
#container-news #right-nav a:link {text-decoration: none;}
#container-news #right-nav a:visited {text-decoration: none;}
#container-news #right-nav a:hover {text-decoration: underline; color: #670001;}
#container-news #right-nav a:active {text-decoration: underline; color: #670001;}

#full-width-column-news #right-nav a {color: #333333;}
#full-width-column-news #right-nav a:link {text-decoration: none;}
#full-width-column-news #right-nav a:visited {text-decoration: none;}
#full-width-column-news #right-nav a:hover {text-decoration: underline; color: #670001;}
#full-width-column-news #right-nav a:active {text-decoration: underline; color: #670001;}

#full-width-column #left-nav a {font-weight: normal;} 
#full-width-column #left-nav a {color: #0066CC;}
#full-width-column #left-nav a:link {text-decoration: none;}
#full-width-column #left-nav a:visited {text-decoration: none;}
#full-width-column #left-nav a:hover {text-decoration: underline;}
#full-width-column #left-nav a:active {text-decoration: underline;}
#full-width-column #left-nav .hovertable a:hover {text-decoration: none;}

#maroon-band #left-nav a {font-weight: normal;} 
#maroon-band #left-nav a {color: #ffffff;}
#maroon-band #left-nav a:link {text-decoration: underline;}
#maroon-band #left-nav a:visited {text-decoration: underline;}
#maroon-band #left-nav a:hover {text-decoration: underline;}
#maroon-band #left-nav a:active {text-decoration: underline;}
#maroon-band #left-nav .hovertable a:hover {text-decoration: none;}

#right-wide-column-news #right-nav a {color: #333333;}
#right-wide-column-news #right-nav a:link {text-decoration: none;}
#right-wide-column-news #right-nav a:visited {text-decoration: none;}
#right-wide-column-news #right-nav a:hover {text-decoration: underline; color: #670001;}
#right-wide-column-news #right-nav a:active {text-decoration: underline; color: #670001;}

#footer-nav ul {font-size: 9px; margin: 0 0 12px 0; font-weight: normal;}
#footer-nav li {list-style-type: none;}
#footer #footer-nav a {text-decoration: none;}
#footer #footer-nav a:link {color: #c0c0c0;}
#footer #footer-nav a:visited {color: #c0c0c0;}
#footer #footer-nav a:hover {color: #fff;}
#footer #footer-nav a:active {color: #fff;}




/*text-styles*/
#left-column p {margin: 0 0 12px 0; line-height: 12px; font-size: 11px;}
#left-column h1 {margin: 0 0 12px 0; line-height: 16px; font-size: 16px;}
#left-column h2 {margin: 0 0 12px 0; line-height: 16px; font-size: 14px; color: black;}
#left-column h3 {margin: 0 0 12px 0; line-height: 16px; font-size: 11px;}
#left-column h4 {margin: 0 0 12px 0; line-height: 16px; font-size: 10px;}

#right-column p {position:absolute; top:30px; left:0px; padding: 30px; line-height: 18px; font-size: 12px; color: white;}
#right-column h1 {margin: 0 0 12px 0; line-height: 16px; font-size: 16px;}
#right-column h2 {position:absolute; top:0px; left:0px; padding: 25px; line-height: 16px; font-size: 14px; color: white;}
#right-column h3 {margin: 0 0 12px 0; line-height: 16px; font-size: 12px;}
#right-column h4 {margin: 0 0 12px 0; line-height: 16px; font-size: 10px; color: white;}

#centre-column p {margin: 0 0 12px 0; line-height: 16px; font-size: 11px;}
#centre-column h1 {margin: 0 0 12px 0; line-height: 16px; font-size: 16px;}
#centre-column h2 {margin: 0 0 12px 0; line-height: 16px; font-size: 14px; color: black;}
#centre-column h3 {margin: 0 0 12px 0; line-height: 16px; font-size: 12px;}
#centre-column h4 {margin: 0 0 12px 0; line-height: 16px; font-size: 10px;}

#left-wide-column p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#left-wide-column h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#left-wide-column h2 {line-height: 34px; font-size: 24px; color:#679A35; font-family: 'Open Sans', sans-serif;}
#left-wide-column h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#left-wide-column h4 {line-height: 15px; font-size: 10px;}
#left-wide-column h5 {line-height: 14px; font-size: 9px; font-weight: normal;}


#right-wide-column p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#right-wide-column h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#right-wide-column h2 {line-height: 34px; font-size: 24px; color:#679A35; font-family: 'Open Sans', sans-serif;} 
#right-wide-column h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#right-wide-column h4 {line-height: 15px; font-size: 10px;}
#right-wide-column h5 {line-height: 14px; font-size: 9px; font-weight: normal;}


#left-column-gray p {margin: 0 0 12px 0; line-height: 24px; font-size: 14px; color:#cccccc; padding: 0 10px 0 10px;}
#left-column-gray h1 {margin: 0 0 12px 0; line-height: 20px; font-size: 16px; font-weight:normal; color:#fff; padding: 0 10px 0 10px;}
#left-column-gray h2 {margin: 0 0 12px 0; line-height: 18px; font-size: 14px; font-weight:normal; color:#fff; padding: 0 10px 0 10px;}
#left-column-gray h3 {margin: 0 0 12px 0; line-height: 16px; font-sixe: 12px; font-weight:normal; color:#fff; padding: 0 10px 0 10px;}
#left-column-gray h4 {margin: 0 0 12px 0; line-height: 14px; font-size: 10px; font-weight:bold; color:#fff; padding: 0 10px 0 10px;}

#right-column-gray p {margin: 0 0 12px 0; line-height: 24px; font-size: 12px; color:#cccccc;}
#right-column-gray h1 {margin: 0 0 12px 0; line-height: 20px; font-size: 16px; font-weight:normal; color:#fff;}
#right-column-gray h2 {margin: 0 0 12px 0; line-height: 18px; font-size: 14px; font-weight:normal; color:#fff;}
#right-column-gray h3 {margin: 0 0 12px 0; line-height: 16px; font-sixe: 12px; font-weight:normal; color:#fff;}
#right-column-gray h4 {margin: 0 0 12px 0; line-height: 14px; font-size: 10px; font-weight:bold; color:#fff;}

#full-width-column p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#full-width-column h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#full-width-column h2 {line-height: 34px; font-size: 24px; color:#428821; font-family: 'Open Sans', sans-serif;}
#full-width-column h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#full-width-column h4 {line-height: 15px; font-size: 10px;}
#full-width-column h5 {line-height: 14px; font-size: 9px; font-weight: normal;}
#full-width-column .bordertable p {vertical-align:top; line-height: 18px; font-size: 12px; font-weight:normal; color:black;}

#white-band p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#white-band h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#white-band h2 {line-height: 34px; font-size: 24px; color:#679A35; font-family: 'Open Sans', sans-serif;}
#white-band h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#white-band h4 {line-height: 15px; font-size: 10px;}
#white-band h5 {line-height: 14px; font-size: 9px; font-weight: normal;}

#maroon-band p {line-height: 24px; font-size: 14px; font-weight:normal; color:#ffffff;}
#maroon-band h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#ffffff;}
#maroon-band h2 {line-height: 34px; font-size: 24px; color:#ffffff; font-family: 'Open Sans', sans-serif;}
#maroon-band h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#ffffff;}
#maroon-band h4 {line-height: 15px; font-size: 10px; color:#ffffff;}
#maroon-band h5 {line-height: 14px; font-size: 9px; font-weight: normal; color:#ffffff;}

#yellow-band p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#yellow-band h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#yellow-band h2 {line-height: 34px; font-size: 24px; color:#4E4C4D; font-family: 'Open Sans', sans-serif;}
#yellow-band h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#yellow-band h4 {line-height: 15px; font-size: 10px; color:#4E4C4D;}
#yellow-band h5 {line-height: 14px; font-size: 9px; font-weight: normal; color:#4E4C4D;}

#light-grey-band p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#light-grey-band h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#light-grey-band h2 {line-height: 34px; font-size: 24px; color:#4E4C4D; font-family: 'Open Sans', sans-serif;}
#light-grey-band h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#light-grey-band h4 {line-height: 15px; font-size: 10px; color:#4E4C4D;}
#light-grey-band h5 {line-height: 14px; font-size: 9px; font-weight: normal; color:#4E4C4D;}

#dark-grey-band p {line-height: 24px; font-size: 14px; font-weight:normal; color:#ffffff;}
#dark-grey-band h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#ffffff;}
#dark-grey-band h2 {line-height: 34px; font-size: 24px; color:#ffffff; font-family: 'Open Sans', sans-serif;}
#dark-grey-band h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#ffffff;}
#dark-grey-band h4 {line-height: 15px; font-size: 10px; color:#ffffff;}
#dark-grey-band h5 {line-height: 14px; font-size: 9px; font-weight: normal; color:#ffffff;}

#bottom-column p {margin: 0 0 5px 0; line-height: 16px; font-size: 12px;}
#bottom-column h1 {margin: 0 0 12px 0; line-height: 16px; font-size: 16px;}
#bottom-column h2 {margin: 0 0 12px 0; line-height: 16px; font-size: 14px; color:black}
#bottom-column h3 {margin: 0 0 12px 0; line-height: 16px; font-size: 12px;}
#bottom-column h4 {margin: 0 0 12px 0; line-height: 16px; font-size: 10px;}

#container-news p {line-height: 20px; font-size: 12px; font-weight:normal; color:#4E4C4D;}
#container-news h1 {line-height: 20px; font-size: 28px; font-weight:normal; color:#4E4C4D;}
#container-news h2 {line-height: 18px; font-size: 22px; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#container-news h3 {line-height: 18px; font-size: 12px; font-weight:bold; color:#4E4C4D;}
#container-news h4 {line-height: 16px; font-size: 10px; font-weight:normal; color:#670001; font-style: italic;}
#container-news h5 {line-height: 16px; font-size: 9px; font-weight: normal;}

#container-official-information p {line-height: 16px; font-size: 12px; color:#fff;}

#full-width-column-news p {line-height: 24px; font-size: 14px; font-weight:normal; color:#4E4C4D;}
#full-width-column-news h1 {line-height: 44px; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; color:#4E4C4D;}
#full-width-column-news h2 {line-height: 34px; font-size: 24px; color:#679A35; font-family: 'Open Sans', sans-serif;}
#full-width-column-news h3 {line-height: 24px; font-size: 14px; font-weight:bold; color:#4E4C4D;}
#full-width-column-news h4 {line-height: 15px; font-size: 10px; font-weight:normal; color:#670001; font-style: italic;}
#full-width-column-news h5 {line-height: 14px; font-size: 9px; font-weight: normal;}
#full-width-column-news h6 {line-height: 30px; font-size: 30px; font-weight:500; letter-spacing: 1px; color:#679A35; font-family: "verdana",geneva,sans-serif;}


#right-wide-column-news p {line-height: 20px; font-size: 12px; font-weight:normal; color:#4E4C4D;}
#right-wide-column-news h1 {line-height: 30px; font-size: 28px; font-weight:normal; color:#4E4C4D;}
#right-wide-column-news h2 {line-height: 18px; font-size: 16px; font-weight:bold; color:#4E4C4D;}
#right-wide-column-news h3 {line-height: 18px; font-size: 12px; font-weight:bold; color:#4E4C4D;}
#right-wide-column-news h4 {line-height: 16px; font-size: 10px; font-weight:normal; color:#670001; font-style: italic;}
#right-wide-column-news h5 {line-height: 16px; font-size: 9px; font-weight: normal;}


#footer p {margin: 5px 0 5px 0; line-height: 16px; font-size: 11px; color: #cccccc;}
#footer h1 {margin: 0 0 12px 0; line-height: 16px; font-size: 16px;}
#footer h2 {margin: 0 0 12px 0; line-height: 16px; font-size: 14px; color:black}
#footer h3 {margin: 0 0 12px 0; line-height: 16px; font-size: 12px;}
#footer h4 {margin: 0 0 12px 0; line-height: 16px; font-size: 10px;}

#banner h3 {margin: 0 0 5px 0;}
#right-column address {font-weight: bold;}
#left-column b {color: #098bcd;}
blockquote {font-style: italic; font-size: 16px;}
.smaller {font-size: 10px;}

/*form styles*/
#left-column form {background-color: #c0c0c0; margin: 0; padding: 5px; margin: 0 0 15px 0;}
#left-column label {color: #fff; margin: 0 0 4px 0; font-weight: bold; font-size: 12px; display: block;}
#left-column input {margin: 0 5px 0 0;}
#left-column fieldset {border: none; margin: 0; padding: 0;}

textarea {
	width: 174px;
	height: 215px;
	overflow:hidden;
	resize:none;
	background-color:#E5CAE5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #595959;
	font-weight: bold;
	padding: 5px 8px 2px 8px;
	}

/*table styles*/
table { 
	font-size: 14px;
	border-collapse:collapse;
	vertical-align:top;
	}

th {
	background-color: #428821;
	color: #fff;
	text-align: left;
	padding: 5px 5px 5px 5px;
	}

td {
	padding: 5px 5px 5px 5px;
	}

div.appear {
    width: 545px; 
    border: #737373 solid;
    border-width: 0 0 1px 2px;
    border-radius: 0 0 0 10px;
    box-shadow: 10px 10px 5px #888888;
    background:#cccccc;
    position: relative;
    top: 5px;
    left:15px;
    display:none;
    padding: 0 10px 10px 5px;
    margin: 0 0 20px 0;
    z-index: 1000000;

}
div.hover  {
    cursor:pointer;
    width: 5px;
}
div.hover:hover div.appear {
    display:block;
}

/*Responsive design*/
/*Mobile phones:*/

#wrapper {width:100%; margin: 0 0 0 0;}
#banner {width:100%; height:160px; margin: 0 0 5px 0; overflow:hidden; background-image: url(../assets/components/images/banner1c-mobile.jpg);}
#navigation ul {width:310px; background-color: #ffffff;}
#light-grey-band {width: 100%; min-height: 50px; background-color: #e8e8e8; padding: 80px 10px 80px 10px;}
#container-links {width:100%; margin: 80px 0 0 0;}
#link-box-top {margin: 0 0 0 20px;}
#link-box-image {margin: 0 0 0 -3px;}
#link-box-bottom {float:left; width:180px; height:25px; margin: -4px 0 30px 0; background-color: #560112; border-radius: 0 0 10px 0;}
#link-box-top-lower {clear:both; margin: 0 0 0 20px;}
#container-news {width:100%; margin:80px 0 80px 0; padding: 0 0 0 10px;}
#container-calendar {width:100%; margin:80px 0 80px 0;}
#left-column-gray {background-color: #4e4c4d;padding: 5px 0 5px 0;margin: 0 0 50px 0;}
#right-wide-column {width: 100%; min-height: 550px; padding: 10px 10px 0 10px;}
#full-width-column {margin: 10px 10px 0 10px;}
#full-width-column-news {margin: 10px 10px 0 10px;}

#footer {height: 550px; padding: 0 0 0 10px; background-color: #414042;}
#footer-col {width:100%; padding: 25px 0 0 0;}


/*Desktop:*/
@media only screen and (min-width: 768px)
{
#wrapper {
width: 960px;
height: 1%;
margin: 0px auto;
border: 0px;
}

#banner {
height: 112px;
width: 100%;
background-image: url(../assets/components/images/banner1b.jpg);
background-repeat: no-repeat;
margin: 10px 0 20px 0;
}

#banner ul {margin: 0 0 10px 0;}
#banner li {list-style-type: none;}

#navigation ul {position: relative; z-index: 100; width:100%; background-color: #4E4C4D;}
	
#dark-gray-container {
float: left;
background-color: #333333;
width: 100%;
}

#white-container {
float: left;
background-color: #fff;
width: 100%;
}

#background-stripe-gray  {
height: 45px;
background-color: #ffffff;
margin: 0 auto;
}

#white-band {
width: 100%;
min-height: 30px;
background-color: #ffffff;
padding: 50px 10px 50px 10px;
}

#maroon-band {
width: 100%;
min-height: 50px;
background-color: #560112;
padding: 30px 10px 30px 10px;
}

#light-grey-band {
width: 100%;
min-height: 50px;
background-color: #e8e8e8;
padding: 50px 10px 50px 10px;
}

#dark-grey-band {
width: 100%;
min-height: 50px;
background-color: #4e4c4d;
padding: 30px 10px 30px 10px;
}

#yellow-band {
width: 100%;
min-height: 50px;
background-color: #f6b923;
padding: 30px 10px 30px 10px;
}

#left-column {
	width: 180px;
	height: 302px;
	float: left;
	background-color: #fff;
	margin: 0 15px 0 0;
	padding: 5px 20px 20px 10px;
	}

#right-column {
position: relative;
top: -400px;
left: 600px;
width: 300px;
height: 440px;
background-color: #333333;
margin-top:-40px;
padding-right:30px;
padding-left:30px;
}

#right-column-white {
	width: 198px;
	min-height: 1210px;
	float: right;
	padding: 0 10px 0 10px;
	background-color: #fff;
	border-right: 1px solid #cccccc;
	}

#right-column-gray {
	width: 180px;
	min-height: 550px;
	height: 100%;
	float: right;
	padding: 10px 20px 10px 20px;
	background-color: #333333;
	}

#left-column-gray {
	width: 200px;
	min-height: 550px;
	float: left;
	background-color: #333333;
	padding: 10px;
	}

#full-width-column-home-page {
clear:both;
width: 958px;
height: 575px;
/*background-color: #cccccc;*/
padding-top: 50px;
/*border-left: 1px solid #eeeeee;*/
/*border-right: 1px solid #eeeeee;*/
}

#container-calendar {
float: right;
width: 300px;
margin:50px 20px 20px 0;
}

#container-links {
width: 230px;
float:left;
height: 490px;
margin: 53px 0 20px 0;
border-right: 0px outset #eeeeee;
}

#container-news {
float: left;
height: 490px;
width:340px;
margin: 20px 0 20px 0;
padding: 0 18px 0 20px;
border-right: 0px outset #eeeeee;
}

#container-right-wide {
float: right;
width: 300px;
min-height: 800px;
padding: 0 20px 0 0;
}

#link-box-top {
float: left;
width: 180px;
height: 10px;
padding: 0px 0 0 0;
margin: 0 20px 130px 20px;
background-color: #414042;
}

#link-box-image {
float: left;
margin: 0 0 0 -3px;
}

#link-box-bottom {
float: left;
width: 180px;
height: 25px;
margin: -4px 20px 0 0;
background-color: #560112;
border-radius: 0 0 10px 0;
}

#link-box-top-lower {
clear:both;
width: 180px;
height: 10px;
margin: 130px 20px 0 20px;
padding: 0px 0 0 0;
background-color: #414042;
}

#container-official-information {
float: right;
width: 255px;
margin: 53px 20px 0 0;
padding: 10px 20px 10px 20px;
background-color: #4e4c4d;
border-radius: 0 5px 5px 0;
}

#full-width-column {
clear:both;
width: 940px;
min-height: 550px;
padding: 10px 10px 10px 10px;
}

#full-width-column-news {
clear:both;
width: 940px;
min-height: 550px;
/*background-color: #cccccc;*/
padding: 10px 10px 10px 10px;
margin: 0;
}


#gallery-column-black {
	clear:both;
	width: 705px;
	float: left;
	margin: 0 5px -5px 0;
	background-color: black;
	padding: 5px 10px 10px 10px;
	}

#left-wide-column {
	width: 720px;
	min-height: 550px;
	float: left;
	padding: 10px;
	background-color: #ffffff;
	}

#right-wide-column {
	width: 700px;
	min-height: 550px;
	float: right;
	color: #000;
	background-color: #ffffff;
	padding: 20px;
	}

#right-wide-column-news {
	width: 720px;
	min-height: 550px;
	float: right;
	color: #000;
	background-color: #cccccc;
	padding: 10px;
	}

#left-column-50 {
	width: 470px;
	min-height: 1000px;
	float: left;
	background-color: #cccccc;
	padding: 20px 0 0 20px;
	margin: 0 0 0 -10px;
	border-radius: 20px 0 0 0;
	}

#right-column-50 {
	width: 450px;
	min-height: 1000px;
	float: right;
	background-color: #dddddd;
	padding: 20px 0 0 20px;
	margin: 0 -10px 0 0;
	border-radius: 20px 0 0 0;
	}

#footer {
clear:both;
height: 350px;
background-color: #414042;
}

#footer-col {
float: left;
width: 250px;
padding: 25px 25px 0px 0;
}

#footer-narrow-col {
float: left;
width: 130px;
padding: 25px 0 10px 0;
text-align: right;
}

#gallery-wrap {
	margin: 0 10px;
	}
}