/*---------------------------------------------------------------------------------------------------------------------------------------------
CSS for Brightcross - Main Stylesheet
Author:		Alison Lee (alisonlee@silktide.com) / Silktide Ltd - All Rights Reserved
Created:	17/05/2007
Updated:	

History:	17/05/2007	Stylesheet created
	
Colours: 

--------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

body					{ background: #00a1c8 url("templatefiles/body-bg.jpg") no-repeat top center; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;}

h1						{ font: bold 1.6em arial, verdana, helvetica, sans-serif; color: #fff; margin-bottom: 10px; }
h2						{ font: normal 1.5em arial, verdana, helvetica, sans-serif; color: #dc0303; margin: 10px 0; }
h3						{ font: bold 1.2em arial, verdana, helvetica, sans-serif; margin: 10px 0; }

p, li					{ font-size: 1.0em; line-height: 1.5em;  }
a						{ color: #004454; }
a:visited				{ color: #2B8FA5; }
a:hover, a:active		{ color: #008caf; }

hr						{ height: 1px; background-color: #007693; color: #007693; border: 0; margin: 15px 0; }
img						{ border: 0; }
form, table				{ background: transparent; font-size: 1.0em;  }

.tablestyle				{ border-collapse: collapse; }
.tablestyle td, .tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, .tableborder th	{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.widthwrapper			{ width: 100%; }
.padding				{ padding: 5px 15px; }
.right					{ float: right; }
.left					{ float: left; }
.clear					{ clear: both; }

#accessibility			{ display: none; }

ul						{ }
ul li					{ margin-top:10px; }


/* Layout Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#container				{ width: 765px; text-align: left; margin: 0 auto; }

#header					{ height: 57px; position: relative; background: #00B4E1 url("templatefiles/header-bg.jpg") no-repeat top left; }

#topnav					{ height: 30px; text-align: right; }

#contentwrapper			{ padding-top: 20px; }

#sidecol				{ width: 180px; float: left; padding: 0; margin: 0 15px; }

#content				{ min-height: 400px; background-color: #fff; margin-left: 210px; }

#banner					{ background-color: #00b4e1; padding: 5px 15px; }

#footer					{ padding-top: 5px; }


/* Navigation Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#topnav ul				{ padding: 8px 0; margin: 0; }
#topnav ul li			{ display: inline; list-style-type: none; font: bold 1.1em arial, verdana, helvetica, sans-serif; padding: 0 15px; }

#topnav li a,
#topnav li a:visited	{ color: #00B4E1; text-decoration: none; }
#topnav li a:hover,
#topnav li a:active		{ color: #fff; }

/* SM v5 */
#topnav li.selected a,
#topnav li.selected a:visited	{ color: #fff; }
#topnav li.selected a:hover,
#topnav li.selected a:active	{ color: #00B4E1; }
/* end */

/* SM v7 */
#topnav li.selectedoption a,
#topnav li.selectedoption a:visited	{ color: #fff; }
#topnav li.selectedoption a:hover,
#topnav li.selectedoption a:active	{ color: #00B4E1; }
/* end */


/* - */

ul#nav 					{ padding: 0; margin: 0; }
ul#nav li				{ background: transparent url("templatefiles/bullet.gif") no-repeat 2px 8px; list-style-type: none; font: bold 1.1em arial, verdana, helvetica, sans-serif; line-height: 1.8em; padding-left: 20px;   }
ul#nav ul				{ padding: 0; margin: 0; }
ul#nav ul li			{ font-size: 1.0em; }

ul#nav li a,
ul#nav li a:visited		{ color: #99e0fa; text-decoration: none; }
ul#nav li a:hover,
ul#nav li a:active		{ color: #fff; }
/* SM v5 */
ul#nav li.selected a,
ul#nav li.selected a:visited	{ color: #fff; }
ul#nav li.selected a:hover,
ul#nav li.selected a:active		{ color: #99e0fa; }

ul#nav li.selected li a,
ul#nav li.selected li a:visited	{ color: #99e0fa; }
ul#nav li.selected li a:hover,
ul#nav li.selected li a:active	{ color: #fff; }
/* end */

/* SM v7 */
ul#nav li.selectedoption a,
ul#nav li.selectedoption a:visited	{ color: #fff; }
ul#nav li.selectedoption a:hover,
ul#nav li.selectedoption a:active		{ color: #99e0fa; }

ul#nav li.selectedoption li a,
ul#nav li.selectedoption li a:visited	{ color: #99e0fa; }
ul#nav li.selectedoption li a:hover,
ul#nav li.selectedoption li a:active	{ color: #fff; }
/* end */

/* Header Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#header #logo			{ position: absolute; top: 10px; left: 15px; }

#aufdeutsch				{ position: absolute; top: 15px; right: 15px; background: #67cee8 url("templatefiles/deutsch-bg.jpg") no-repeat 3px 5px; font-weight: bold; font-size: 1.2em; padding: 5px; padding-left: 35px; border: 1px solid #198ba8; }
#aufdeutsch a			{ text-decoration: none; }


/* Search Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#search					{ color: #000; }

#sidecol #search		{ color:#fff; font-weight:bold; }
#search label			{ color: #fff; }
#search input			{ width: 140px!important; font-size: 1.4em; padding: 0; }
#search .button			{ width: 27px!important; height: 24px; background: transparent url("templatefiles/button-go.gif") no-repeat 0 0; border: 0; }


/* Banner Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

p#breadcrumb			{ font-weight: normal; font-size: 0.9em; color: #008caf; margin: 0; }
p#breadcrumb b			{ font-weight: normal; }
p#breadcrumb a,
p#breadcrumb a:visited	{ color: #004454; text-decoration : none; }
p#breadcrumb a:hover,
p#breadcrumb a:active	{ color: #fff; }	


/* ContentImg Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

div.contentimg			{ float: right; margin: 15px 0 10px 15px; }
div.contentimg img		{ display: block; }
p.caption				{ background-color: #e4e4e4; font-size: 0.85em; text-align: center; padding: 5px 15px; margin: 0; }


/* Content Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

.filegallery table		{ width: auto !important; }

/* Footer Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#footer p				{ font-size: 0.85em; color: #086c80; vertical-align: middle; margin: 5px; }
#footer p a,
#footer p a:visited		{ color: #086c80; text-decoration: none; }
#footer p a:hover,
#footer p a:active		{ color: #fff; }

#footer #footerright		{ float: right; vertical-align: middle; }
#footer #footerright img	{ vertical-align: middle; }


/* Home only Styles
--------------------------------------------------------------------------------------------------------------------------------------------- */

#home .content			{ width: 535px; min-height: 185px; background: #fff url("templatefiles/home-content-bg.jpg") no-repeat top right; padding: 0; margin-left: 225px; }
#home #shadow			{ width: 555px; height: 243px; position: relative; background: transparent url("templatefiles/hometop-shadow.jpg") no-repeat top left; margin-left: 210px; }

#hometop				{ width: 334px; float: left; }
#hometop img			{ display: block; margin: 10px 0 0 15px; }

.buttons h2				{ font: normal 1.3em arial, verdana, helvetica, sans-serif; color: #fff; margin: 0; }
.buttons h2 a,
.buttons h2 a:visited	{ color: #fff; text-decoration: none; }
.buttons h2 a:hover,
.buttons h2 a:active	{ color: #dc0303;  }

h2#buttonstop			{ position: absolute; top: 40px; right: 100px; }
h2#buttonsbot			{ position: absolute; top: 170px; right: 100px; }

#home a.onhover			{ background: transparent url("templatefiles/home-link-off.jpg") no-repeat 15px 17px; display: block; text-decoration: none; padding: 15px 15px 0 65px; }
#home a.onhover:hover	{ background-image: url("templatefiles/home-link-on.jpg");  }
#home a.onhover .h2		{ font: normal 1.5em arial, verdana, helvetica, sans-serif; color: #dc0303; margin: 0; }
#home a.onhover .p		{ font-size: 1.0em; line-height: 1.5em; color: #000; margin: 0; }

#featureimg				{ display: block; }

#featureimg2, 
#featureimg3			{ display: none; }