body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/background.png), url(images/background-2.jpg);
background-repeat: repeat-x, no-repeat; 
background-color: #000083;
background-position: left top;
}

.style1 { font-family: Tahoma, Arial; font-weight: bold; font-size: 24px; color: #CB0000; }
.style2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
.style3 { font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; }
.style4 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; }
.style5 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 24px; color: rgb(204, 0, 0); }
.style6 { font-family: Arial,Helvetica,sans-serif; font-size: 26px; color: rgb(204, 0, 0); font-weight: bold; }
.style7 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.style8 { font-family: Tahoma, Arial; font-size: 18px; font-weight: bold; }
.style10 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; }
a:link, a:active, a:visited { font-family: Tahoma; text-decoration: none; }
a { font-size: 10pt; font-family: Tahoma; text-decoration: none; }
td, tr { color: fontcolour; font-size: 10pt; font-family: Tahoma; }
.default { color: fontcolour; font-size: 10pt; font-family: Tahoma; }
em { color: red; font-weight: bold; }
H1 { font-weight: bold; font-size: 30px; line-height: 24px; font-family: Gill Sans Ultra Bold; margin-top: 20px; margin-right: 30px; margin-left: 20px; }
H2 { font-weight: bold; font-size: 22px; line-height: 18px; font-family: Tahoma; clear: right; margin-right: 20px; margin-top: 10px; margin-left: 20px; }
H3 { font-weight: bold; font-size: 16px; line-height: 18px; font-family: Tahoma; clear: right; margin-right: 20px; margin-top: 10px; margin-left: 20px; }
li { line-height: 20px; list-style-position: outside; clear: left; margin-left: 0px; padding-left: 10px; font-family: Tahoma; color: #000000; }
p  { margin-right: 30px; margin-left: 30px; font-family: Tahoma; color: #000000; }
#navigation form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; }
.line1 { background-color: #ECE8E9; }
.line2 { background-color: #F3F1F2; }
.line3 { background-color: #FFFF00; }
.line4 { background-color: #FFFF00; }
.line3 a { font-weight: bold; }
.line4 a { font-weight: bold; }
.submitbuttons { color:#000000; cursor:pointer; cursor:hand; font-family: Verdana, Arial; font-size: 18px; font-weight:bold; }
div.pagination { padding: 3px; margin: 3px; }
div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; color: #000099; }
div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; }
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; }
div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }

/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover { cursor: pointer; cursor: hand; }
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}

.btn-google {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google:hover { cursor: pointer; cursor: hand; }
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.btn-google.disabled,
.btn-google[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
}

.btn-google:active,
.btn-google.active {
  background-color: #9a2b1f \9;
}

.btn-paypal {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0094bd;
  *background-color: #003442;
  background-image: -moz-linear-gradient(top, #0094bd, #003442);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0094bd), to(#003442));
  background-image: -webkit-linear-gradient(top, #0094bd, #003442);
  background-image: -o-linear-gradient(top, #0094bd, #003442);
  background-image: linear-gradient(to bottom, #0094bd, #003442);
  background-repeat: repeat-x;
  border-color: #0094bd #0094bd #003442;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0094bd', endColorstr='#ff003442', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-paypal:hover { cursor: pointer; cursor: hand; }
.btn-paypal:focus,
.btn-paypal:active,
.btn-paypal.active,
.btn-paypal.disabled,
.btn-paypal[disabled] {
  color: #ffffff;
  background-color: #0094bd;
  *background-color: #003442;
}

.btn-paypal:active,
.btn-paypal.active {
  background-color: #0094bd \9;
}

.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: -o-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover { cursor: pointer; cursor: hand; }
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
}

.btn-twitter:active,
.btn-twitter.active {
  background-color: #01538d \9;
}

.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: -o-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover { cursor: pointer; cursor: hand; }
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}

.paymentbuttons
{
    width:650px;
    max-width:100%;
    text-align: center;
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
}

.paymentbutton
{
    width:200px;
    max-width:100%;
    display: inline-block;
    margin: 10px;
    border: 2px solid darkblue;
    border-radius: 10px;
    font-size: 12px !important;
    overflow: hidden;
}

.attention
{
    width:580px;
    max-width:100%;
    text-align: center;
    margin: 20px auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:darkblue;
    border: 2px solid darkblue;
    padding:5px;
    
}

.paymentbutton .instructions
{
    padding: 10px;
    height: 35px;
}

.logo {
    height: 60px;
    margin-bottom:5px;
    padding:5px;
    border-bottom: 2px solid darkblue;
}

.paymentbutton img {
    max-width:100%;
    max-height: 100%;
}

.paymentbutton button {
  background-color: darkblue;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
}

.paymentbutton input[type=submit] {
  background-color: darkblue;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
}


.buynow {
  background-color: darkblue;
  width: 400px;
  max-width: 100%;
  border: 1px ridge gold;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 26px;
  margin: 20px auto;
  cursor: pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}


/* New Menu Design */



/* GT stylesheet */
#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
	 z-index: 100;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 145px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 148px;	
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #999999;
			border-bottom: 1px dotted #1b1b1b;
		/* Menu Size - Make 1st padding value editable in admin */
			padding: 9px 20px;
			width: 148px;

			/* Typography */
			font-family: Tahoma;
			color: #ffffff;  /* text color */
			text-decoration: none;
			text-align: center;
			text-transform: uppercase;
			text-shadow:0px 1px 0px #154682;
			font-size: 13px;
			font-weight: 300;
			

			/* Background & effects */
			background: #007dc1;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #FFFFFF; /* text hover color */
			text-shadow:0px 1px 0px #263666;
			background: #0688fa;
			background: -webkit-linear-gradient(bottom, #0061a7, #007dc1);
			background: -ms-linear-gradient(bottom, #0061a7, #007dc1); 
			background: -moz-linear-gradient(bottom, #0061a7, #007dc1);
			background: -o-linear-gradient(bottom, #0061a7, #007dc1);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 157px;
			top: -9999px;
			padding-left: 33px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}
