/************************************************************************
	Title: Blue Cross Kids
	Company: The Blue Cross
	File: global.css
	
	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		DVA  [www.dva.co.uk] - Dan Viveiros		[danv@dva.co.uk]

	Listing Order:
	==============
	Reset Universal Styles
	Tools
	
	Universal
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Forms

************************************************************************/

/***********************************************************************
	RESET UNIVERSAL STYLES
************************************************************************/

html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, input, select, textarea, div, p, img, table, th, td, object, pre, blockquote, address { 
	margin: 0; 
	padding: 0;
	font-size: 100%;
}

address, abbr { 
	font-style: normal 
}

body, a {
	color: #000;
}

body {
	background-color: #fff;
}

a { 
	text-decoration: none;
}


a:hover { 
	text-decoration: underline; 
}

dt	{ 
	font-weight: bold; 
}

blockquote {
	margin-left: 1em;
}

img {
	border: none;
	display: block;
}

table {
	border: none;
}

/***********************************************************************
	TOOLS
************************************************************************/

.clearer {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/
html, body {
	margin: 0px;
	padding: 0px;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	background-color: #FBEC99;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_body.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-size: 12px;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
#headerwrap {
	height: 250px;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_headerwrap_rabbit.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin-bottom: -1px;
}

#header {
	width: 655px;
	padding: 0px 50px 0px 45px;
	margin: auto;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#container {
	width: 650px;
	padding: 0px;
	margin: auto;
}

#banner {
	width: 620px;
	background-color: #FFFFFF;
	padding-left: 30px;
	margin-top: -1px;
}

#content {
	background-color: #FFFFFF;
	padding: 10px 27px 10px 28px;
}

#footer {
	height: 30px;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* Start internal structure */
#left {
	width: 190px;
	float: left;
}

#right {
	margin-left: 205px;
}

#copy {
	margin: 0px 75px 0px 10px;
}

#copy h1 {
	color: #2E417E;
	font-weight: bold;
}

.thumb img {
	float: right;
}

#copy img {
	float: none;
	border: 2px solid #FBED9C;
	margin: 10px;
}

/* End internal structure */

/***********************************************************************
	NAVIGATION
************************************************************************/
ul#nav {
	margin: 0px;
	padding: 0px 0px 0px 140px;
	width: 495px;
	height: 30px;
list-style: none;
}

ul#nav li {
	float: left;

}

ul#nav li a {
	display: block;
	height: 30px;
	width: 120px;
	font-size: 12px;
	text-align: center;
	color: #2E417E;
}

ul#nav li a.active {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/nav_li_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #000000;
}

ul#nav li a:hover {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/nav_li_bg_hover.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666666;
}

/* Start of internal navigation */
#left ul {
	margin: 0px;
	padding: 0px;
list-style: none;
}

#left ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#left ul li a {
	display: block;
	width: 155px;
	height: 25px;
	padding: 10px 0px 0px 35px;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_int_nav_li.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #2E417E;
	font-weight: bold;
	font-size: 12px;
}

#left ul li a.active, #left ul li a:hover {
	text-decoration: none;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_int_nav_li_active.gif);
}

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

#left ul li ul li {
	margin-bottom: 0px;
}

#left ul li ul li a {
	display: block;
	padding: 0px 0px 0px 35px;
	margin: 0px;
	background-image: none;
	color: #2E417E;
	font-weight: normal;
	font-size: 11px;
}

#left ul li ul li a:hover {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_nav_bullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000000;
}
/* End of internal navigation */

/* ### AE MENU MANAGER STYLING!!!! ### */
.menuSystemDefault {
	width: 200px;
	background-color: #FFFFFF;
}

.menuSystemDefault img {
	display: none;
}

.menuSystemDefault a:hover {
	text-decoration: none;
	color: #000000;
}

td.Col2MenuSelectedArea1, td.Col2MenuNonSelectedArea1, td.Col2MenuItemOdd1 {
	height: 45px;
	padding-top: 10px;
	vertical-align: top;
}

* html td.Col2MenuSelectedArea1, * html td.Col2MenuNonSelectedArea1, * html td.Col2MenuItemOdd1 {
	height: 35px;
}

.Col2MenuSelectedArea1 {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_int_nav_li_active.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	color: #2E417E;
	font-weight: bold;
	font-size: 12px;
}

.Col2MenuNonSelectedArea1, .Col2MenuItemOdd1 {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_int_nav_li.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	color: #2E417E;
	font-weight: bold;
	font-size: 12px;
}

td.Col2MenuItemOdd2, td.Col2MenuItemEven2 {
	margin: 0px;
	background-image: none;
	color: #2E417E;
	font-weight: normal;
	font-size: 11px;
	height: 1px;
	padding: 0px 0px 10px 35px;
	vertical-align: top;
}

.Col2MenuNonSelectedArea1 a, .Col2MenuItemOdd2 a, .Col2MenuItemEven2 a, .Col2MenuItemOdd1 a {
	color: #2E417E;
}

/* ### END OF AE MENU MANAGER STYLING!!!! ### */
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
#header img {
	margin: 40px 0px 0px 0px;
	float: left;
}

#didyouknow {
	width: 160px;
	float: left;
	text-align: center;
	margin: 60px 0px 0px 65px;
}

#didyouknow p {
	color: #666666;
	font-size: 11px;
}

#didyouknow p strong {
	font-size: 14px;
	color: #FF9900;
	font-weight: normal;
}

#header img.bxlogo {
	margin: 100px 0px 0px 40px;
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/
#homepage_features ul {
padding: 0px;
margin:0px;
}

#homepage_features ul li {
	float: left;
	margin: 5px;
}

#homepage_features ul li a {
	width: 165px;
	height: 70px;
	padding: 10px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#homepage_features ul li a.rosie {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/rosie_btn.gif);
}

#homepage_features ul li a.dooby {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/dooby_btn.gif);
}

#homepage_features ul li a.holly {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/holly_btn.gif);
}

#homepage_features ul li a.charlie {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/charlie_btn.gif);
}

#homepage_features ul li a.blank {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/blank_btn.gif);
}

#homepage_features ul li a p strong {
	font-size: 16px;
	color: #FFFFFF;
}

#homepage_features ul li a.blank p strong {
	font-size: 16px;
	color: #2E417E;
}

#homepage_features ul li a p {
	font-size: 11px;
}

#home_top {
	margin-bottom: 10px;
}

#comp {
	float: right;
	height: 110px;
	width: 250px;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bg_comp.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 20px;
	padding: 10px 20px 10px 20px;
}

#content h1 {
	font-size: 19px;
	font-weight: normal;
	color: #2E417E;
}

#comp h1 {
	font-size: 19px;
	font-weight: normal;
	color: #FF9900;
	margin: 0px 0px 10px 0px;
}

#comp ul, #introtext ul {
	font-size: 12px;
	margin-top: 10px;
}

#comp ul li a, #introtext ul li a {
	margin-top: 10px;
	color: #30427D;
	padding-left: 20px;
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bullet_blue.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#comp ul li a {
	background-image: url(http://www.bluecross.org.uk/upload/bx_kids_home_files/bullet_yellow.gif);
	color: #FF9900;
}

#content p {
	font-size: 11px;
}


#content ul {
	list-style: none;
}

#introtext {
}

#introtext h1 {
	margin: 10px 0px 10px 0px;
}


/* Start internal structure */
#copy {
	font-size: 11px;
}

#copy h1, #copy h2, #copy h3 {
	color: #2E417E;
	font-weight: bold;
	margin-bottom: 10px;
}

#copy h2 {
	font-size: 16px;
	font-weight: bold;
}

#copy h3 {
	font-size: 14px;
	font-weight: normal;
}

#copy p {
	margin-bottom: 10px;
}

#copy a {
	color: #FF9900;
}

#copy ul {
	margin: 0px 0px 10px 0px;
list-style-position: inside;
padding: 0px;
}

#copy ul li {
	margin-bottom: 10px;
}

#copy ol {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	list-style-position: inside;
}

#copy ol li {
	margin-bottom: 10px;
}
/* End internal structure */

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
#footer p {
	font-size: 10px;
	margin: 0px 0px 0px 30px;
	color: #A6AFC8;
}

/***********************************************************************
	FORMS
************************************************************************/