@charset "utf-8";
/* GLOBAL */

body
{
	max-width: 60.000em; /* 60 = 960px, 80 = 1280px */
	margin: 0 auto;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16×1.125=18 */
	height: auto;
}
p
{
	margin:0.625em;
}
/* HEADER */

div.header
{
	margin: 0 auto;
	width: auto;
	height: 5em;
	margin-top: 0.313em;
	margin-bottom: 0.313em;
	line-height: 2em;
	padding-right: 0.125em;
	padding-bottom: 0em;
	padding-left: 0.125em;
}
div.header h1
{
	text-align: center;
	color: #0000FF;
	font-size: 2.250em;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: -0.1em;
	margin-top: 0.000em; /* 0px */
	padding-top: 0.2em;
}
div.header h2
{
	text-align: center;
	color: #FF00FF;
	font-size: 1.250em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0.313em; /* 5px */
}

/* Menu */

nav.menu-horizontal
{
	margin-top: 0em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;  /* Center Tag */
	width: 100%; /* Tag width */
	height: 2.2em;
}
.menu-h, 
.filters{
	width: 40em; /* Top menu overal width */
	list-style: none;
	margin: 0 auto; /* Position top menu */
	padding: 0em; /* Removes indent margin with ul list elements */
}
.menu-h a,
.filters a{
	display: block;
	text-align: center;
	height: auto; /* Menu height */
	min-height: 1.5em;
	text-decoration: none; /* Stops bullets etc appearing */
	padding-top:0.2em;
}
.menu-h a, .menu-h a:visited,
.filters a, .filters a:visited{ /* visited pseudo selector so IE6 applies text colour*/
	background-color: #E0DBCB; /* Dropdown background colour */
	color: #AC7FF5; /* Main text colour */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 0.04em;
	border: 1px solid #ccc;
}
.menu-h ul,
.filters ul {
	position: absolute;
	display: none; /* Hides dropdown menu */
    list-style: none;
	top: 1.8em; /* Distance from top menu */
	width: 10em; /* Dropdown menu width */
	margin-left: -2.5em; /* Centre dropdown menu*/
}

.menu-h ul li,
.filters ul li {
	width: 100%; /* Maintains width of dropdown */
	display: inline;
}
.menu-h li,
.filters li{
	width: 8em; /* Top menu segment width */
	float: left;
	position: relative; /* Positions dropdown menu */
	list-style:none; /* Stops bullets etc appearing */
}
.menu-h li ul,
.filters li ul{
    transition: all 0.5s ease 3s;
}
.menu-h li:hover,
.filters li:hover{
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.menu-h ul ul,
.filters ul ul{
	position: absolute;
	display: none; /* Hides dropdown menu */
    list-style: none;
	top: 0em; /* Distance from top menu */
	width: 10em; /* Dropdown menu width */
	right: -10em; /* Centre dropdown menu*/
}
.menu-h li li,
.filters  li li{
	width: 8em; /* Top menu segment width */
	float: left;
	position: relative; /* Positions dropdown menu */
	list-style:none; /* Stops bullets etc appearing */
}
.menu-h li li a,
.filters li li a{
}
.menu-h li:hover > ul, /* > Makes the third level invisable */
.filters li:hover ul{
	z-index: 99; /* Makes menu's appear in front */
	display:block;
    transition: all 0.5s ease 0s;
}
.menu-h li:hover,
.menu-h a:focus, .menu-h a:hover, .menu-h a:active,
.filters li:hover,
.filters a:focus, .filters a:hover, .filters a:active{
	background: #ccc;
	outline: 0;
	/* Hover background colour - see 'HYPERLINKS' */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    transition: all 0.5s ease 0s;
}
nav.menu-vertical
{
	float: left;
	width: 100%;
	padding-right: 0.4em;
}

ul.menu-v, 
.filters{
	list-style: none;
	padding-left: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu-v a,
.filters a{
	display: block;
	text-align: center;
	height: auto; /* Menu height */
	min-height: 1em;
	text-decoration: none; /* Stops bullets etc appearing */
	padding-top:0.5em; /* Text padding */
	padding-bottom:0.5em; /* Text padding */
}
.menu-v a, .menu-v a:visited,
.filters a, .filters a:visited{ /* visited pseudo selector so IE6 applies text colour*/
	background-color: #E0DBCB; /* Dropdown background colour */
	color: #AC7FF5; /* Main text colour */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 0.04em;
	border: 1px solid #ccc;
}
.menu-v ul,
.filters ul {
	position: absolute;
	display: none; /* Hides dropdown menu */
	right: -10em; /* Distance from top menu */
	top: 0em;
	width: 10em; /* Dropdown menu width */
}
.menu-v ul li,
.filters ul li {
	width: 100%; /* Maintains width of dropdown */
}
.menu-v li,
.filters li{
	width: 8em; /* Top menu segment width */
	float: left;
	position: relative; /* Positions dropdown menu */
	list-style: none; /* Stops bullets etc appearing */
}
.menu-v li:hover,
.filters li:hover{
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.menu-v ul ul,
.filters ul ul{
	position: absolute;
	display: none; /* Hides dropdown menu */
    list-style: none;
	top: 0em; /* Distance from top menu */
	width: 10em; /* Dropdown menu width */
	right: -10em; /* Centre dropdown menu*/
}
.menu-v li li,
.filters  li li{
	width: 8em; /* Top menu segment width */
	float: left;
	position: relative; /* Positions dropdown menu */
	list-style:none; /* Stops bullets etc appearing */
}
.menu-v li li a,
.filters li li a{
}
.menu-v li:hover > ul,  /* > Makes the third level invisable */
.filters li:hover ul{
	z-index: 99; /* Makes menu's appear in front */
	display:block;
}
.menu-v li:hover,
.menu-v a:focus, .menu-v a:hover, .menu-v a:active,
.filters li:hover,
.filters a:focus, .filters a:hover, .filters a:active{
	background: #ccc;
	outline: 0;
	/* Hover background colour - see 'HYPERLINKS' */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.dropdown:after {
    content: ' ▶';
	font-size: 0.8em; /* Arrow size */
    line-height: 0%; /* Center text */
}
.dropdown:hover:after{
	content:'\25bc'
}

/*Button Style*/

.buttonl, .buttonr
{
	height:auto;
	text-align:center;
	white-space:nowrap;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.750em; /* 12px */
	line-height: normal;
}
.buttonl
{
	float: left;
}
.buttonr
{
	float:right;
}
#buttons-T, #buttons-M
{
	height: 2em;
	width: 98%; /*  */
	margin: 0 auto;
	border-width: thin;
}
#buttons-B
{
	height: 2em; /*  */
	width: 98%; /*  */
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

/*Button Arrow Styles*/
.arrows {
	font-size: 0.875em; /* 14px */
	margin: 0.063em; /* 1px */
}
/*Button link styles*/
.buttonl a:link, .buttonl a:visited, .buttonr a:link, .buttonr a:visited
{
	color: #333;
	background-color:#CCFFFF;
	font-size:1em;
	font-weight:bolder;
	text-decoration: none;
	border-bottom:0.1em solid #555;
	border-right:0.1em solid #555;
	border-top:0.1em solid #ccc;
	border-left:0.1em solid #ccc;
	margin-top: 0;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	display:block;
	width: 5em; /* 70px */
}
.buttonl a:hover, .buttonr a:hover
{
	background-color: #CCFFCC;
	color: #000;
	border-top: 0.1em solid #777;
	border-left: 0.1em solid #777;
	border-bottom: 0.1em solid #777;
	border-right: 0.1em solid #777;
	padding-top: 0.4em;
	margin: 0.05em; /*Causes the button to dip slightly*/
}
#buttons
{
/*	height: 2.813em; /* 45px */
}

/* SIDEBAR*/

div.sidebar1
{
	float: left;
	display: none;
	max-width: 10em;
	margin-top: 0em;
	margin-right: 0.625em;
	margin-left: 0.313em;
	margin-bottom: 0.625em;
}

/* MAINCONTENT */

div.mainContent
{
	width: 100%;
	float: left;
}
article
{
	width: auto;
	height: auto;
	text-align: left;
	max-width: auto; /* */
	white-space: normal;
	margin: 0em 0.5em 0em 0.5em;
}
.ad-t, .ad-m, .ad-b
{
	margin: 1.000em 0 1.000em 0
}
.center
{
	text-align: center;
}
h1, h2
{
	text-align: left;
	color: #6B59DD;
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
h3
{
	text-align: left;
	color: #010101;
	font-size: 1em; /* 18px */
	margin-left: 0.313em; /* 5px */
}
h4
{
	text-align: left;
	color: #240FDD;
	font-size: 1.125em; /* 18px */
	margin-left: 0.313em; /* 5px */
	text-decoration: underline;
}
.flt-r
{
	float: right;
	margin-left: 0.625em; /* 10px */
	padding: 0.000em; /* 0px */
	margin-top: 0.625em; /* 10px */
	margin-bottom: 0.625em; /* 10px */
}
.flt-l
{
	float: left;
	padding: 0.000em; /* 0px */
 	margin-top: 0.625em; /* 10px */
	margin-right: 0.625em; /* 10px */
	margin-bottom: 0.625em; /* 10px */
	margin-left: 0.625em; /* 10px */
}
div.slider {
	margin: 0 auto;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	max-width: 700px;
	max-height: 550px;
}
div.spacer
{
clear: both;
}
iframe
{
	display:block;
	margin: 0 auto; 
}


/* Lists */

article ul /* Remove article & the horizontal dropdown will not work */
{
    overflow: visible; /* Ensures the verticle flyout menu is visable */
	list-style-type: disc;
}
li
{
}
ol
{
    overflow:hidden;
}

/* VIDEO */

.videocontainer {
	max-width: 560px;
	margin: 0 auto;
}
.videoWrapper {
    clear: both;
    width: 100%;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
/* Responsive adds may not work using an iframe with width height etc here */
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Hyperlinks */

a.type1:link, a.type1:visited
{
	color: #010101;
	text-align: left;
	padding: 0.250em; /* 4px */
	text-decoration: none;
	text-transform: capitalize;
}
a.type1:hover, a.type1:active
{
	color: #2710EB;
}


/* Tables */

.table,td,th
{
	border:1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
table
{
	width:100%;
	border-collapse:collapse;
}
th
{
	height:24px;
	background-color:green;
	color:white;
	vertical-align: middle;
	text-align: center;
}
td
{
	height:auto;
	vertical-align:middle;
	text-align:left;
	background-color: #CCFFFF;
	padding-left: 7px;
}

/* FOOTER */

footer.footer1
{
	background-color: #F5F5F5;
	margin: 0 auto;
	width: auto;
	margin-top: 0.625em;
	padding-top: 0.031em;
	padding-bottom: 0.031em;
}
footer.footer2
{
	margin: 0 auto;
	width: auto;
	text-align: center;
	margin-top: 0.625em;
	padding-top: 0.031em;
	padding-bottom: 0.031em;
	font-size: 0.750em; /* 12px */
}
footer p
{
	text-align: center;
	font-size: 14px;
	margin: 0.625em;
}

/* IMAGES */
img {
	margin:0.4em;
}
img.c {
	display: block;
	margin: 1em auto;
	border: solid #98ACF8 1px;
}
div.imgl
{
	margin:0.125em; /* 2px */
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	text-align:center;
	float: left;
	margin-bottom: 1.250em; /* 20px */
	margin-right: 0.625em; /* 10px */
}
div.imgr
{
	margin: 0.313em; /* 5px */
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	text-align:center;
	float: right;
	margin-bottom: 1.250em; /* 20px */
	margin-left: 0.625em; /* 10px */
}
div.imgx2
{
	margin:0.000em; /* 0px */
	border:0.000em solid #0000ff;
	height:auto;
	width:50%;
	text-align:center;
	float: left;
	margin-bottom: 1.250em; /* 20px */
	margin-right: 0.000em; /* 0px */
}

div.imgl img
{
	display:inline;
	margin:0.313em; /* 5px */
	border:0.063em solid #ffffff; /* 1px */
}
div.imgl a:hover img
{
   border:0.063em solid #0000ff; /* 1px */
}
div.desc
   {
	text-align: center;
	font-weight: normal;
	width: auto;
	font-size: 0.875em; /* 14px */
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0.125em; /* 2px */
	margin-right: 0.500em; /* 8px */
	margin-bottom: 0.125em; /* 2px */
	margin-left: 0.500em; /* 8px */
   }

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1215px)
{
}
@media (max-width: 915px)
{
}
@media (max-width: 805px)
{
div.header
{
    line-height: 2.500em; /* 32px */
	height: 4.5em; /* 110px */
	border-bottom: thin solid #999;
}
div.header h1
{
	margin-top: -0.125em; /* -2px */
	font-size: 1.750em; /* 28px */
	padding-top: 0.313em; /* 5px */
	line-height: 0.938em; /* 15px */
}
div.header h2
{
	margin-top: 0.000em; /* 0px */
	font-size: 1.250em; /* 20px */
}
article
{
	overflow: visible;
}
div.spacer2
{
}
nav.menu-horizontal
{
	display:none;
}
div.sidebar1
{
	display: block;
	margin-top: 0em;
}
clear: both;
{
}
}
@media (min-width: 768px)
{
}
@media (max-width: 640px)
{
div.header
{
	height: 3.125em;
	height: auto;
    line-height: 1.875em;
}
div.header h1
{
	margin-top: -0.313em; /* -5px */
	font-size: 1.250em; /* 20px */
	padding-top: 0.250em; /* 4px */
}
div.header h2
{
	margin-top: 0.000em; /* 0px */
	margin-bottom: 0.000em; /* 0px */
	font-size: 0.938em;
}
}
@media (max-width: 500px)
{
div.spacer2
{
clear: both;
{
}
iframe
{
	/* Responsive adds will not work using an iframe with width height etc here */
}
}

@media (max-device-width: 400px)
{
}