/*****************/
/* GLOBAL STYLES */
/*****************/

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.text_right {
	text-align: right;
}
.center {
	text-align: center;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.clear {
	clear: both;
}
.subtle {
	font-size: 0.8em;
	font-weight: normal;
}
.nag {
	display: none;
}
.red {
	color: #ff0000;
}
.black {
	color: #222 !important;
}

/******************/
/* CORE STRUCTURE */
/******************/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 20px 0 100px;
	color: #222;
	background-image:URL(../images/sky-background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
h1, h2, h3, h4, .h1_mimic, .h2_mimic, .h3_mimic, .h4_mimic {
	font-family: 'Rokkitt', arial, sans-serif;
	font-weight: 300;
	color: #80c342;
	margin: 10px 0 6px 0;
	text-align: left;
}
h1, .h1_mimic {
	font-size: 300%;
}
h2, .h2_mimic {
	font-size: 240%;
}
h3, .h3_mimic {
	font-size: 190%;
	margin: 10px 0 6px 0;
}
h4, .h4_mimic {
	font-size: 140%;
	margin: 10px 0 6px 0;
}
p {
	vertical-align: top;
	margin: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 150%;
}
blockquote {
	font-family: georgia, arial, sans-serif;
	font-size: 160%;
	font-style: italic;
	font-weight: normal;
	color: #999;
	border-left: 1px solid #999;
	padding-left: 10px;
}
blockquote p {
	text-align: right;
	font-style: normal;
	font-family: arial, tahoma, sans-serif;
	font-weight: bold;
	font-size: 80%;
	color: #444;
	margin-top: 10px;
}
ul, ol {
	padding-top: 0px;
	margin: 0 0 0 -10px;
	font-weight: normal;	
}
li {
	margin-bottom: 3px;
	text-align: left;
	font-weight: normal;
	font-size: 150%;
}
ul li ul {
	margin: 10px 0;
}
ul li ul li {
	list-style-type: circle;
	font-size: 100%;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;
	color: #222;
}
a:hover {
	text-decoration: none;
	color: #80c342;
}
.spacer, .covert_spacer {
	margin-bottom: 20px; 
}
.spacer {
	border-bottom: 1px dotted #999;
}


/******************/
/* TABLE ELEMENTS */
/******************/

table {
	width: 100%;
	font-size: 1.2em;
	border: 1px solid #ccc;
}
th, td {
	border: 1px solid #ccc;
}
th {
	padding: 5px;
}
td {
	padding: 5px;
}
.tdbg {
	background-color: #e6e6e6;
}

/*****************/
/* FORM ELEMENTS */
/*****************/
/* =Contact Form
-------------------------------------------------------------- */
.contact-form {
	font-size: 140%;
}
.contact-form label {
	font-size: 100%;
  display: block;
  float: none;
  margin-bottom: 3px;
}
.contact-form label span {
	color: #AAAAAA;
  font-weight: normal;
  margin-left: 4px;
}
.contact-form input[type="text"] {
  margin-bottom: 13px;
  width: 300px;
}
.contact-form textarea {
  float: none;
  height: 150px;
  margin: 0 0 13px !important;
  width: 80%;
}
.contact-form .form-submit {
	width:100px;	
}

/***************/
/* MAIN STYLES */
/***************/
#outer {
	margin: 0 auto;
	background-color: transparent;
	width: 960px;
}
.inner {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#header {
	clear: both;
	margin: 0 auto;
	text-align: center;
	min-height: 120px;
}
#logo img {
	float: left;
	max-width: 300px;
	font-size: 22px;
	font-weight: bold;
}
#headbuttons {
	max-width: 260px;
	float: left;
	margin-top: 15px;
}
#head-right {
	width: 540px;
	float: right;
	font-size: 140%;
}
.bigcontact { 
	font-size: 120%;
	font-weight: bold;
}
.bigcontact a {
	text-decoration: none;
	color: #222;
}
#subscribe {
	float: right;
	max-width: 280px;
	min-height: 48px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: transparent;
	text-align: right;
}
#subscribe form {
	clear: both;
	min-height: 38px;
	padding-top: 10px;
	font-size: 80%;
}
#subscribe input[type=text] {
	width: 65%;
	border: 0;
	font-style: italic;
	color: #999;
	margin-right: 5px;
}
#subscribe input[type=submit] {
	width: 30%;
	background-color: #222;
	color: #fff;
	border: 1px solid #fff200;
	margin-top: 2px;
	font-size: 90%;
	cursor: pointer;
}
/***************/
/* MENU STYLES */
/***************/

#outermenu {
	clear: both;
	margin: 10px auto;
}
#selectmenu {
	display: none;
}
#menu {
	display: block;
	min-height: 30px;
	clear:both;
}
#menu ul {
	padding: 10px 0;
	margin: 0;
	clear: both;
	z-index: 1001;
}	
#menu li {
	display: inline;
	position: relative;
	font-size: 120%;
}
#menu a {
	color: #222;
	background-color: #fff200;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 6px;
}
#menu a:hover, #menu .active {
	color: #fff;
	background-color: #222;
}

/*Drop down*/
#menu ul ul {
	position: absolute;
	top: -999px;
	opacity: 0;      /* Hide sub level, we will use this in transition */
    -webkit-transition: opacity .4s ease-in-out; /* For chrome & safari */
    -moz-transition: opacity .4s ease-in-out; /* For mozilla firefox */
    -o-transition: opacity .4s ease-in-out; /* For opera */
      transition: opacity .4s ease-in-out; /* Not yet implemented, but will be available soon */
}
#menu ul ul ul {
	top: -999px;
	opacity: 0;      /* Hide sub level, we will use this in transition */
    -webkit-transition: opacity .4s ease-in-out; /* For chrome & safari */
    -moz-transition: opacity .4s ease-in-out; /* For mozilla firefox */
    -o-transition: opacity .4s ease-in-out; /* For opera */
      transition: opacity .4s ease-in-out; /* Not yet implemented, but will be available soon */
}
#menu li:hover > ul {
	opacity: 1;
	position: absolute;
	top: 18px;
	left: 0;
}
#menu ul ul li:hover > ul {
	opacity: 1;
	position: absolute;
	top: -47px;
	left: 144px;
}
#menu ul ul li a, #menu ul ul ul li a {
	list-style-type: none;
	display: block;
	color: #222;
	background-color: #fff;
	border: 1px solid #fff200;
	margin: 0;
	width: 130px;
	font-size: 80%;
}
#menu ul ul ul li a {
	font-size: 70%;
}

/******************/
/* CONTENT STYLES */
/******************/

#content {
	clear: both;
}
#maindiv, #maindiv-sb {
	width: 100%;
	float: left;
}
#maindiv ul, #maindiv-sb ul {
	margin-bottom: 20px;
}
#maindiv-sb {
	width: 75%;
}
#jsmain, #jsmain-degrade {
	float: left;
	margin-bottom: 10px;
}
#jsmain-degrade {
	display: none;
}
#jsmain-menu {
	width: 124px;
	min-height: 225px;
	float: right;
}
#jsmain-menu ul {
	margin: 0;
	padding: 0;
}
#jsmain-menu li {
	background-color: #222;
	color: #fff;
	border-bottom: 2px solid #fff200;
	padding: 9px 6px 8px;
	font-size: 140%;	
	margin-bottom: 0;
	list-style-type: none;
}
#jsmain-menu a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#jsmain-menu a:hover {
	color: #fff200;
}
#jsmain-menu li:hover {
	border-bottom: 2px solid #fff;
}
#adbanner {
	float: left;
}
.panelcenter {
	float: left;
<!--	width: 65%;-->
	margin-top: 5px;
}
.bannerleft {
	float: left;
	margin-right: 10px;
}	
.bannerright {
	float: right;
	margin-right: 5px;
}	

/******************/
/* SIDEBAR STYLES */
/******************/

#sidebar {
	width: 17%;
	float: right;
}
#sidebar a {
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}
.sidebar-buttons {
	margin-top: 3px;
}
.sidebar-left {
	float: left !important;
}

/*****************/
/* FOOTER STYLES */
/*****************/

#footer {
	clear: both;
	position: relative;
	top: 30px;
	text-align: center;
	padding: 10px 0;
	color: #222;
	background-color: #80c342;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
#footer li {
	font-family: 'Rokkitt', arial, sans-serif;
	font-size: 160%;
	font-weight: 300;
	list-style-type: none;
	display: inline;
	text-align: center;
	margin: 0 7px;
}
#footer a {
	color: #222;
	text-decoration: none;
}
#footer a:hover {
	color: #fff200;
	text-decoration: underline;
}
#smallprint {
	clear: both;
	position: relative;
	top: 60px;
	margin-bottom: 150px;
	font-size: 110%;
	text-align: center;
}
#smallprint a {
	font-weight: normal;
}

/**************************/
/* SITE-SPECIFIC ELEMENTS */
/**************************/
#tarifftable, .tarifftable {
	width: 70%;
}
#tarifftable th, .tarifftable th {
	text-align: left;
}
.home-row {
	clear: both;
	display: table;
	max-width: 100%;
	padding: 10px 0;
}
.home-row img {
	max-width: 100%;
}
.home-third a, .home-third-last a {
	color: #80c342;
	text-decoration: none;
}
.home-third a:hover, .home-third-last a:hover {
	text-decoration: underline;
}
.home-third, .home-third-last {
	width: 30%;
	padding: 10px;
	margin-right: 15px;
	color: #222;
	float: left;
}
.home-third-last {
	margin-right: 0;
	float: right;
}
.home-third h2, .home-third-last h2 {
	color: #222;
	font-family: 'Rokkitt', arial, sans-serif;
	font-size: 240%;
	font-weight: 300;
}
.home-third img {
	max-width: 100%;
}

.featimg {
	border: 1px solid #ccc;
	padding: 4px;
}
.float_left_img {
	float: left;
	margin: 0 10px 5px 0;
	border: 0px solid #ccc;
	padding: 4px;
}
.float_right_img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 4px;
}

.small_link a {
	font-size: 0.9em;
}

.stealth {
	display: none;
}
.hometext {
	font-family: 'Rokkitt', arial, sans-serif;
	font-size: 210%;
	font-weight: 300;
}

.unimp {

}

.resp-up {
	display: block !important;
}
.resp-down {
	display: none !important;
}

.tick {
	list-style-image: URL(../images/sys/tick.jpg);
}

.ul_dotted {
	border-bottom: 1px dotted #999;
}	
#infopanel {
	float: left;
	width: 250px;
	background-color: #5183c0;
	color: #fff;
	min-height: 450px;
	padding: 20px;
	margin-bottom: 50px;
}
#infopanel h2 {
	color: #fff !important;
}
#infopanel li {
	color: #fff !important;
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 130%;
}
/* TABS */

#page-wrap { clear: both; width: 100%; margin: 30px auto; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */

#example-two .list-wrap { padding: 10px 0; margin: 0 0 15px 0; }
#example-two .list-wrap ul { list-style: disc; margin-left: 0px; }

#example-two ul { list-style: none; margin-left: -40px; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 2px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { font-size: 12px; width: 24%; border: 1px solid #fff; float: left; margin: 0; }
#example-two .nav li.tab-third { width: 33% !important; }
#example-two .nav li.tab-fifth { width: 19% !important; }
#example-two .nav li.tab-sixth { width: 16% !important; }
#example-two .nav li.tab-seventh { width: 14% !important; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 6px 3px; background: #999; color: white; text-align: center; border: 0; text-decoration: none; }

#example-two li a.current,#example-two li a.current:hover { background-color: #666 !important; color: #fff; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #666; }


#example-two a.plainlink, #example-two a.plainlink:hover {
	background-color: #fff;
	border: 0;
	display: inline;
}
#example-two a.plainlink {
	text-decoration: underline !important;
	color: #222 !important;
}
#example-two a.plainlink:hover {
	text-decoration: none !important;
	color: #80c342 !important;
}

/*GOOGLE MAP*/
#map {
	/*z-index: -1;*/
}