@font-face {
  
  font-family: "Yanone Kaffeesatz";
  src: local("Yanone Kaffeesatz"), url("../fonts/YanoneKaffeesatz-Regular.ttf");
}

@font-face {
  
  font-family: "News Cycle";
  src: local("News Cycle"), url("../fonts/NewsCycle-Regular.ttf");
}

html {  
  height: 100%;
}

* {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

article, aside, figure, footer, header, hgroup, nav, section {  
  display: block;
}

body {  
  background-color: lightblue;  
  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-position: center center;  
  color: #000000;
}

p {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;  
  line-height: 1.7em;
}

img {  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: 0px;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: 0px;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: 0px;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;
}

h1, h2, h3, h4, h5, h6 {  
  color: #00286b;  
  letter-spacing: 0em;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}

h1, h2, h3 {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 15px;  
  margin-left: 0px;  
  padding-top: 15px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;  
  color: #00286b;
}

h2 {  
  font-size: 160%;  
  padding-top: 9px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;  
  color: #0045b7;
}

h3 {  
  font-size: 140%;  
  padding-top: 5px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

h4, h6 {  
  color: #356635;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 5px;  
  padding-left: 0px;
}

h5, h6 {  
  color: #555555;  
  letter-spacing: normal;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 15px;  
  padding-left: 0px;
}

a, a:hover {  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  
  text-decoration: underline;  
  color: #09d4ff;
}

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

blockquote {  
  margin-top: 20px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 20px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #e5e5db;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #e5e5db;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e5e5db;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #e5e5db;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

ul {  
  margin-top: 2px;  
  margin-right: 0px;  
  margin-bottom: 22px;  
  margin-left: 17px;
}

ul li {  
  list-style-type: circle;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 6px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 4px;  
  padding-left: 5px;  
  line-height: 1.5em;
}

ol {  
  margin-top: 8px;  
  margin-right: 0px;  
  margin-bottom: 22px;  
  margin-left: 20px;
}

ol li {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 11px;  
  margin-left: 0px;
}

.left {  
  float: left;  
  width: auto;  
  margin-right: 10px;
}

.right {  
  float: right;  
  width: auto;  
  margin-left: 10px;
}

.center {  
  display: block;  
  text-align: center;  
  margin-top: 20px;  
  margin-right: auto;  
  margin-bottom: 20px;  
  margin-left: auto;
}

#main, nav, #container, #logo, #site_content, footer {  
  margin-left: auto;  
  margin-right: auto;
}

#main {  
  margin-top: 50px;  
  margin-right: auto;  
  margin-bottom: 50px;  
  margin-left: auto;  
  width: 1500px;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  background-color: transparent;  
  background-image: lightblue;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-bottom: 30px;
}

header {  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  height: 179px;
}

#logo {  
  width: 930px;  
  height: 179px;  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: #00286b;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#logo h1, #logo h2 {  
  border-bottom-width: 0px;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  -epub-text-transform: none;
  text-transform: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {  
  padding-top: 20px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  color: white;  
  text-decoration: none;
}

#logo_text h1 a .logo_colour {  
  color: #00286b;
}

#logo_text a:hover .logo_colour {  
  color: white;
}

#logo_text h2 {  
  font-size: 140%;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

nav {  
  height: 44px;  
  width: 1500px;  
  margin-top: -34px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  color: white;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #3bddf5;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #3bddf5;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #3bddf5;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #3bddf5;  
  background-color: #0dbbd5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#menu_container {
	width: 1000px;
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0px;
	margin-left: 200px;
}

#site_content {
	width:1600px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#sidebar_container {  
  float: right;  
  width: 224px;  
  padding-top: 20px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.sidebar {  
  float: right;  
  width: 200px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 17px;  
  margin-left: 0px;  
  background-color: #222222;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #444444;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #444444;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #444444;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #444444;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  padding-top: 0px;  
  padding-right: 15px;  
  padding-bottom: 5px;  
  padding-left: 13px;
}

.sidebar h3, .content h1 {  
  padding-top: 0px;  
  padding-right: 15px;  
  padding-bottom: 20px;  
  padding-left: 0px;  text-shadow: 1px 1px black;  
  margin-top: 0px;  
  margin-right: 1px;  
  margin-bottom: 0px;  
  margin-left: 1px;  
  color: white;
}

.sidebar h3 {  
  padding-top: 14px;  
  padding-right: 15px;  
  padding-bottom: 14px;  
  padding-left: 0px;  
  color: white;
}

.sidebar ul {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 15px;  
  margin-left: 0px;
}

.sidebar li a, .sidebar li a:hover {  
  color: #dddddd;  
  text-decoration: none;
}

.sidebar li a:hover {  
  text-decoration: underline;
}

.sidebar_item, .content_item {  
  padding-top: 15px;  
  padding-right: 0px;  
  padding-bottom: 15px;  
  padding-left: 0px;
}

.paperclip {  
  float: left;  
  position: relative;  
  z-index: 0;  
  vertical-align: middle;  
  margin-top: -15px;  
  margin-right: 0px;  
  margin-bottom: -60px;  
  margin-left: -40px;
}

.content {
	text-align: left;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
	font-size: 120%;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content ul {  
  margin-top: 2px;  
  margin-right: 0px;  
  margin-bottom: 22px;  
  margin-left: 0px;
}

.content ul li, .sidebar ul li {  
  list-style-type: none;  
  background-color: transparent;  
  background-image: url("../images/bullet.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 4px;  
  padding-left: 28px;  
  line-height: 1.5em;
}

footer {  
  width: 1500px;  text-shadow: 1px 1px #0d7989;  
  height: 30px;  
  padding-top: 5px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;  
  text-align: center;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  color: white;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #3bddf5;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #3bddf5;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #3bddf5;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #3bddf5;  
  background-color: #0dbbd5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

footer p {
	line-height: 1.7em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #333;
}

footer a {  
  color: black;  
  text-decoration: none;
}

footer a:hover {  
  color: #0045b7;  text-shadow: none;  
  text-decoration: none;
}

.form_settings {  
  margin-top: 15px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.form_settings p {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 4px;  
  padding-left: 0px;
}

.form_settings span {  
  float: left;  
  width: 200px;  
  text-align: left;
}

.form_settings input, .form_settings textarea {  
  padding-top: 5px;  
  padding-right: 5px;  
  padding-bottom: 5px;  
  padding-left: 5px;  
  width: 299px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #c6e7f0;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #c6e7f0;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #c6e7f0;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #c6e7f0;  
  background-color: #eff8fb;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: #47433f;  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
}

.form_settings .submit {  
  width: 99px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 212px;  
  height: 33px;  
  padding-top: 2px;  
  padding-right: 0px;  
  padding-bottom: 3px;  
  padding-left: 0px;  
  cursor: pointer;  -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
  border-radius: 0.5em 0.5em 0.5em 0.5em;  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);  
  color: white;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #0d8aa9;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #0d8aa9;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #0d8aa9;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #0d8aa9;  text-shadow: 1px 1px #178497;
}

.form_settings textarea, .form_settings select {  
  width: 299px;
}

.form_settings select {  
  width: 310px;
}

.form_settings .checkbox {  
  margin-top: 4px;  
  margin-right: 0px;  
  margin-bottom: 4px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 14px;  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: 0px;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: 0px;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: 0px;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.separator {  
  width: 100%;  
  height: 0px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #d9d5cf;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: white;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;
}

table {  
  margin-top: 10px;  
  margin-right: 0px;  
  margin-bottom: 30px;  
  margin-left: 0px;
}

table tr th, table tr td {  
  background-color:  #000000;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  padding-top: 7px;  
  padding-right: 4px;  
  padding-bottom: 7px;  
  padding-left: 4px;  
  text-align: left;
}

table tr td {
	background-color:  #000000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: white;
	text-align: left;
}

html body ul.sf-menu ul, html body ul.sf-menu ul li {  
  width: 200px;
}

html body ul.sf-menu ul ul {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 200px;
}

ul.sf-menu, ul.sf-menu * {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

ul.sf-menu {  
  display: block;  
  position: relative;
}

ul.sf-menu li {
	display: block;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	float: left;
	position: relative;
	visibility: visible;
}

ul.sf-menu li:hover {  
  visibility: ;
}

ul.sf-menu a {  
  display: block;  
  position: relative;
}

ul.sf-menu ul {  
  position: absolute;  
  width: 150px;  
  top: auto;  
  left: -999999px;
}

ul.sf-menu ul a {
}

ul.sf-menu ul li {  
  float: left;  
  width: 150px;
}

ul.sf-menu ul ul {  
  top: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 150px;
}

ul.sf-menu li:hover ul, ul.sf-menu li:focus ul, ul.sf-menu li.sf-hover ul, ul.sf-menu ul li:hover ul, ul.sf-menu ul li:focus ul, ul.sf-menu ul li.sf-hover ul, ul.sf-menu ul ul li:hover ul, ul.sf-menu ul ul li:focus ul, ul.sf-menu ul ul li.sf-hover ul, ul.sf-menu ul ul ul li:hover ul, ul.sf-menu ul ul ul li:focus ul, ul.sf-menu ul ul ul li.sf-hover ul {  
  left: auto;
}

ul.sf-menu li:hover ul ul, ul.sf-menu li:focus ul ul, ul.sf-menu li.sf-hover ul ul, ul.sf-menu ul li:hover ul ul, ul.sf-menu ul li:focus ul ul, ul.sf-menu ul li.sf-hover ul ul, ul.sf-menu ul ul li:hover ul ul, ul.sf-menu ul ul li:focus ul ul, ul.sf-menu ul ul li.sf-hover ul ul, ul.sf-menu ul ul ul li:hover ul ul, ul.sf-menu ul ul ul li:focus ul ul, ul.sf-menu ul ul ul li.sf-hover ul ul {  
  left: -999999px;
}

span.sf-arrow {  
  width: 7px;  
  height: 7px;  
  position: absolute;  
  top: 20px;  
  right: 5px;  
  display: block;  
  background-color: transparent;  
  background-image: url("../images/arrows-white.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;  
  overflow: hidden;  
  font-size: 1px;
}

ul ul span.sf-arrow {  
  top: 20px;  
  background-position: 0px 100%;
}

ul#nav {  
  float: right;
}

ul#nav ul {  
  background-color: #0dbbd5;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-top: 5px;  
  padding-bottom: 15px;
}

ul#nav li a {  
  padding-top: 7px;  
  padding-right: 20px;  
  padding-bottom: 6px;  
  padding-left: 20px;  text-shadow: 1px 1px #0d7989;  
  text-decoration: none;  
  color: black;  
  margin-right: 2px;
}

ul#nav li a:hover, ul#nav li a:focus {  
  color: #222222;  text-shadow: none;
}