/* CSS Document */


body {
 	margin-top: 0px;
 	background-image: url(../i/bg_logo1.jpg);
 	background-repeat: no-repeat;
 	background-color: #dfdfdf;
 	background-position: left top;
 	font-family: Arial, Helvetica, sans-serif;
 	color: #476394;
 	font-size: small;
 	text-align:justify;
}

#wrap {
 	width: 773px;
 	margin: auto;
	background-image: url(../i/ds_tile.jpg);
 	background-repeat: repeat-y;
}

/****** HEADER *********/

#head {
 	background-image: url(../i/header.jpg);
 	height: 213px;
 	background-repeat: no-repeat;
 	margin: auto;
}
 
.pink_donate {
 	float: right;
 	margin-right: 202px;
 	margin-top: 143px;
 	padding: 0px;
}

.pink_donate img {border: none;}
 
/*** HEADER HACKS ***/
* html .pink_donate {margin-top: 142px; margin-right: 107px;}

 
/****** MIDDLE SECTION *********/

#container {
 	margin: auto;
 	width: 753px;
 	background-color: #fff;
}

#left_col {
 float: left;
 width: 215px;
 border-left: 2px solid  #fff;
 border-right: 1px solid #fff;
 background-image: url(../i/grad_bg.jpg);
 background-repeat: repeat-x;
 background-color: #fff;
 margin: 0px;
}

#left_image {
 	background-image:url(../i/menu_image.jpg);
 	width: 186px;
 	height: 107px;
 	background-repeat: no-repeat;
 	background-position: top left;
 	margin-left: 15px;
 	margin-top: 10px;
}

#left_logo {
 	background-image:url(../i/drsb-logo.jpg);
 	width: 186px;
 	height: 107px;
 	background-repeat: no-repeat;
 	background-position: top left;
 	margin-left: 15px;
 	margin-top: 10px;
}

.event_logo {
 	margin-left: 15px;
 	margin-top: 10px;
}

#right_col {
 	float: right;
 	width: 534px;
 	margin-top: -5px;
	margin-left:-30px;
 	border-right: 2px solid #fff;
 	background-image: url(../i/grad_bg.jpg);
 	background-repeat: repeat-x;
 	background-color: #fff;
}

/*** MIDDLE SECTION HACKS ***/
* html #left_col {margin-top: -5px;}
* html #right_col {margin-top: -2px;}
*:first-child+html #right_col {margin-top: 0px;}

/****** LANGUAGE TABS *********/

#tabs {
	margin-left: 30px;
 	height: 20px;
 	width: 136px;
}

#tabs li {
 	display: inline;
 	float: left;
 	background-image:url(../i/tab_off.gif);
	 background-repeat: no-repeat;
 	background-position: top left;
 	width: 60px;
 	height: 20px;
 	padding-right: 1px;
 	list-style-type: none;
 	text-decoration: none;
}

#tabs li a {
 	color: #e2ff85;
 	font-size: x-small;
 	font-weight: bold;
 	text-align: center;
 	padding-top: 4px;
 	text-align:center;
 	text-decoration: none;
 	padding-bottom: 4px;
 	
}

#tabs li a:hover {
	background-image: url(../i/tab_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 4px;
}

#tabs li .selected {
	background-image: url(../i/tab_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 10px;
	padding-bottom: 4px;
	height: 20px;
	width: 60px;
}

/*** LANGUAGE TABS HACKS ***/
* html #tabs {margin-top: 0px;}
* html #tabs {margin-bottom:-8px;}



ul li a {display: block; text-decoration: none; border-bottom: 0;}


ul {margin: 0; padding: 0;  width: 184px;}
ul li {position: relative; }
#right_col ul li {
	margin-left:20px;
}
#right_col li {
	margin-bottom:10px;
}

ul li a {display: block; text-decoration: none; border-bottom: 0;}
	














/******** MAIN NAV ************/

#menu_top {
 	margin-left: 15px;
 	width: 186px;
 	height:16px;
	background:url(../i/menu_top.gif) no-repeat top left;

}
.menu {
float:left;
margin-left:15px;
display:inline;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:184px;
}
/* style the list items */
.menu li {
background:#d4d8bd url(shade.gif);
/* for IE7 */
float:left;
}



/****** SET LINK BACKGROUNDS ******/

li.ms1 a, li.ms2 a, li.ms3 a, li.ms4 a, li.ms5 a, li.ms6 a, li.ms7 a, li.ms8 a {
	height:21px;
	line-height:21px;
}

li.ms1, li.ms2, li.ms3, li.ms4, li.ms5, li.ms6, li.ms7, li.ms8 {
	height:22px;
}

/* STYLE 1*/
li.ms1 a {
	background:#d4f370 url(../i/marker_8.gif) no-repeat top left;
	color: #2551a1; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms1 a:hover {
	text-decoration:none;
	background-color: #deff88;
	color: #2551a1; 
}
* html .menu li.ms1 a:hover {color:#2551a1; background:#deff88; position:relative;}
.menu li.ms1  a:active, .menu li.ms1 a:focus {color:#2551a1; background:#deff88;}
.menu li.ms1:hover > a {color:#2551a1; background:#deff88;}


/* STYLE 2*/
li.ms2 a {
	background: #3766b5 url(../i/marker_5.gif) no-repeat top left; 
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms2 a:hover {
	text-decoration:none;
	background-color: #244377;
	color: #fff; 
}
* html .menu li.ms2 a:hover {color:#fff; background:#244377; position:relative;}
.menu li.ms2  a:active, .menu li.ms2 a:focus {color:#fff; background:#244377;}
.menu li.ms2:hover > a {color:#fff; background:#244377;}

/* STYLE 3*/
li.ms3 a {
	background: #3ab8b1 url(../i/marker_3.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms3 a:hover {
	text-decoration:none;
	background-color: #267975;
	color: #fff; 
}
* html .menu li.ms3 a:hover {color:#fff; background:#267975; position:relative;}
.menu li.ms3  a:active, .menu li.ms3 a:focus {color:#fff; background:#267975;}
.menu li.ms3:hover > a {
	color:#fff;
	background-color: #267975;
}

/* STYLE 4*/
li.ms4 a {
	background: #f59518 url(../i/marker_4.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms4 a:hover {
	text-decoration:none;
	background-color: #a06007;
	color: #fff; 
}
* html .menu li.ms4 a:hover {color:#fff; background:#a06007; position:relative;}
.menu li.ms4  a:active, .menu li.ms4 a:focus {
	color:#fff;
	background-color: #a06007;
}
.menu li.ms4:hover > a {
	color:#fff;
	background-color: #a06007;
}


/* STYLE 5*/
li.ms5 a {
	background: #3766b5 url(../i/marker_5.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms5 a:hover {
	text-decoration:none;
	background-color: #244377;
	color: #fff; 
}
* html .menu li.ms5 a:hover {color:#fff; background:#244377; position:relative;}
.menu li.ms5  a:active, .menu li.ms5 a:focus {color:#fff; background:#244377;}
.menu li.ms5:hover > a {color:#fff; background:#244377;}


/* STYLE 6*/
li.ms6 a {
	background: #b13164 url(../i/marker_6.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms5 a:hover {
	text-decoration:none;
	background-color: #792245;
	color: #fff; 
}
* html .menu li.ms6 a:hover {color:#fff; background:#792245; position:relative;}
.menu li.ms6  a:active, .menu li.ms6 a:focus {color:#fff; background:#792245;}
.menu li.ms6:hover > a {
	color:#fff;
	background-color: #792245;
}

/* STYLE 7 Latest News link*/
li.ms7 a {
	background: #8A63C0 url(../i/marker_6.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms7 a:hover {
	text-decoration:none;
	background-color: #5C359F;
	color: #fff; 
}
* html .menu li.ms7 a:hover {color:#fff; background:#5C359F; position:relative;}
.menu li.ms7  a:active, .menu li.ms7 a:focus {color:#fff; background:#5C359F;}
.menu li.ms7:hover > a {
	color:#fff;
	background-color: #5C359F;
}

/* STYLE 8 Vacanies link */
li.ms8 a {
	background: #969E19 url(../i/marker_8.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms8 a:hover {
	text-decoration:none;
	background-color: #7E8518;
	color: #fff; 
}
* html .menu li.ms8 a:hover {color:#fff; background:#7E8518; position:relative;}
.menu li.ms8  a:active, .menu li.ms8 a:focus {color:#fff; background:#7E8518;}
.menu li.ms8:hover > a {
	color:#fff;
	background-color: #7E8518;
}

/* STYLE 9 Vacanies link */
li.ms9 a {
	background: #5CB249 url(../i/marker_9.gif) no-repeat top left;
	color: #fff; 
	font-weight:bold;
	border-top:1px solid #fff;
}
li.ms9 a:hover {
	text-decoration:none;
	background-color: #4A9231;
	color: #fff; 
}
* html .menu li.ms9 a:hover {color:#fff; background:#4A9231; position:relative;}
.menu li.ms9  a:active, .menu li.ms9 a:focus {color:#fff; background:#4A9231;}
.menu li.ms9:hover > a {
	color:#fff;
	background-color: #4A9231;
}






/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
width:184px;
text-indent:15px;
border:1px solid #fff;
border-width:0 1px 1px 1px;
}


/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:185px; w\idth:183px;}
/* style the link hover */
/** html .menu a:hover {color:#efa; background:#aa7; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
/*.menu a:active, .menu a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
/*.menu li:hover > a {color:#efa; background:#aa7;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:155px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}







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





































li.menu_divider {
 	margin-left:0px;
	width:185px;
	w\idth:183px;
 	height: 7px;
 	display: block;
 	float: left;
 	background-color: #8298BE;
	border-left:2px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

* html li.menu_divider {
	border-top:none;
	border-bottom:1px solid #fff;
	padding-left:1px;
	
}


#menu_bottom {
 	margin-left: 15px;
 	width: 186px;
 	height:10px;
 	background-image: url(../i/menu_bottom.gif);
 	background-position: top left;
 	background-repeat: no-repeat;
 	clear: both;
}


/****** SEARCH *********/

#search {
 	margin-left: 16px;
 	width: 170px;
 	background-color: #d4f371;
 	border-left: 1px solid #fff;
 	border-right: 1px solid #fff;
 	padding: 7px 2px 2px 10px;
 	clear: both;
}

#search form {
 	margin: 0px;
 	padding: 0px;
}

form#search-form label.search {
	font-weight:bold;
	height:40px;
}

table {border-collapse:collapse; width: 172px;}
tr, td { vertical-align: middle;}

/*** SEARCH HACKS ***/
*:first-child+html #search { padding-bottom: 4px;}

/****** BANNER IMAGE *********/

#flash_imageholder {
 	background-image:url(../i/flash_banner.jpg);
 	margin-top: 0px;
 	margin-left: 20px;
 	width: 486px;
 	height: 167px;
}

/*** BANNER IMAGE HACKS ***/
*:first-child+html #flash_imageholder {margin-top: -15px;} * html #flash_imageholder {margin-top: -15px;}

/****** CONTENT *********/

#content {
 	background-image: url(../i/watermark.jpg);
 	background-position: bottom right;
 	background-repeat: no-repeat;
 	float: left;
 	width: 486px;
 	margin-left: 20px;
 	margin-bottom: 0px;
 	line-height: 130%;
}

.page_links {width:100%; margin-top:20px;}

.page_links li {
	clear: both;
 	list-style: disc;
 	font-weight: bold;
 	text-decoration: none;
 	color: #b15583;
	width:100%;
}

.page_links li a {
 	list-style: disc;
 	color: #b15583;
 	font-weight: bold;
 	text-align: left;
 	padding-bottom: 3px;
}

.page_links li a:hover {
 	list-style: disc;
 	text-decoration: underline;
 	text-align: left;
 	padding-bottom:3px;
}

#content .help_links li a {font-weight: bold; font-size: medium; color: #b15583; list-style: none;}
#content .help_links li a:hover {font-weight: bold; font-size: medium; color: #b15583; list-style: none; text-decoration: underline;}

/*** CONTENT HACKS ***/
*:first-child+html #content {margin-top: 15px;} * html #content {margin-left: 10px; margin-top: 15px;}

/****** FOOTER *********/

#footer {
 	margin: auto;
 	clear: both;
 	background-image: url(../i/footer_nd.jpg);
 	width: 753px;
 	height: 112px;
 	margin-top: 0px;
 	background-position: top left;
 	background-repeat: no-repeat;
 	color: #2551a1;
 	font-size: xx-small;
 	font-weight: bold;
}
 
.donate {
 	float: right;
 	margin-right: 6px;
 	margin-top: 0px;
 	padding: 0px;
}

#footer_ds {
 	background-image:url(../i/bottom_ds.jpg);
 	background-repeat: no-repeat;
 	width: 773px;
 	height: 10px;
 	margin: auto;
}
 
#footer_links {
 	margin: auto;
 	width: 350px;
 	text-align: left;
	float:left;
	padding: 8px 0px 0px 0px;
 	color: #73716d;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: xx-small;
}

.cabLeft {
	float:left;
}

.cabLeft a {
	color:#666666;
	text-decoration:underline;
}

.cabLeft a:hover {
	color:#333333;
}

.cabRight {
	float:right;
}

.cabRight a {
	color:#666666;
	text-decoration:none;
}

.cabRight a:hover {
	color:#333333;
	text-decoration:none;
}

#footer_links img {border: none; vertical-align: middle; padding-right: 2px;}
#caboodle-copy {width:753px; text-align:right; font-size:xx-small; margin:auto; color: #73716d;}
#caboodle-copy img {border: none; padding-bottom: 4px;}
.donate img {border: none;}
.footer_p {float: left; padding-left: 70px; padding-top: 70px; width: 500px;}
.charity {float: right; color: #2551a1; font-size: xx-small; font-weight: bold; margin-top: 17px; padding-right: 20px;  }
 
/*** FOOTER HACKS ***/
* html .charity {margin-top: 15px; width: 100px; padding-right: 6px;}
* html .donate {margin-top: 0px; margin-right: 3px;}
*:first-child+html .charity {margin-top: 15px; width: 100px; padding-right: 6px;} 
*:first-child+html .donate {margin-top: 0px; } 
*:first-child+html .footer_p {padding-top: 78px;} * html .footer_p {padding-top: 78px;}

/******** GENERAL PROPERTIES *********/

h1 {font-size: large; color: #fff; text-align: left; margin-left: 20px;}
h2 {font-weight: bold; color: #77a71a; font-size: small; padding: 0px; margin-bottom: -12px;}
h3 {font-weight: bold; color: #b15583; font-size: 110%; padding: 0px; margin-bottom: -12px; font-style: italic;}
h4 {
	font-size:1.2em;
	color:#2753a7;
	margin:0px;
	padding:0px;
	margin-left:0px;
	padding-top:15px;
}

.bakeHeader {
	margin-top:15px;
}

.orange { color:#ff9900;}
/*a:link {color: #73716d; text-decoration:none; }
a:visited {color: #73716d; text-decoration:none; }
a:hover {color: #29539f; text-decoration: underline;}
a:active {color: #73716d; text-decoration:none;}
*/
/******** GENERAL STYLES (CLASSES) ***********/

.welcome {color: #fff; font-size: medium;}
.bold {font-weight: bold;}
.highlight {font-weight: bold; font-size: medium; color: #77a71a; letter-spacing: 1px;}
.help {font-weight: bold; font-size: medium; color: #b15583;}
span.help a  {text-decoration: none; color:#b15583; }
/*.nav_p {padding-left: 4px; padding-right: 4px;}*/
.floatleft {
	float:left;
	padding-right: 20px;
	padding-bottom: 15px;
}
.floatright {float:right; padding-left: 20px; padding-bottom: 15px;}
.quote {font-style: italic; text-align: center;}
.centre {text-align:center; }
.small {font-size: x-small; font-weight: bold;}
.clear {clear:both;}
.italic {font-style: italic;}
.superscript {font-size:xx-small; vertical-align:top;} 

/******** PAGE SPECIFIC STYLES *******/

#sitemap_menu {line-height: 140%;}
ul li ul {margin-left:20px;}
#trust li {display: block; font-weight: bold; list-style-type: none; padding-bottom: 2px;}
.teampics {clear:both;}
.teampics2 {clear:both; margin-left:20px;}
.name {font-weight:bold;}



ul.standardlist {width:100%;}
.standardlist li {list-style-type:disc;}


ul.center-list {text-align:center;}
ul.center-list li {padding-bottom:20px;}

p.companylogos {padding-bottom:10px; text-align:center; width:100%;}

#content ul {
	width:100%;
}

h2.lottery {font-size:200%; margin-top:10px; line-height:110%;}

ul.bobathlist {list-style-type:disc; list-style-position:inside;}

a img {border:none;}
.contactlabel {font-weight:bold;}

/****************************************************************
							Keep It Real Extra Style
*****************************************************************/

.ContainerBox {
	clear:both;
	margin-top:20px;
	float:left;
	width:100%;
}

.ContainerBox span.Date {
	display:block;
	float:left;
	width:200px;
}

.ContainerBox span.Info {
	display:block;
	float:left;
	width:280px;
}

.DisplayNone {
	visibility:hidden;
}

.FloatImgLeft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

/****************************************************************
							Flash Video
*****************************************************************/
.flashvideo {
	display:block;
	padding:3px;
	border: 1px solid #E1E1E1;
	background-color:#F7F7F7;
	text-align: center;
}
.flashvideo_screen {
	display:block;
	padding:5px;
	border: 1px solid #CCCCCC;
	background-color:#F0F0F0;
	text-align: center;
}


/*******************************************************************
                         Bobath Merchandise
********************************************************************/

.sale-item {
	width:100%;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	float:left;
}

.price {color:#b15583; font-weight:bold; font-size:110%;}
.item-description {float:left; width:50%;}
.paypal-button {width:100%; float:right; text-align:right;}
.paypal-button table {margin-bottom:10px;}


/*******************************************************************
                         Gallery Styling
********************************************************************/

#gallery {
	width:530px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;
}

.img {
	text-align: center;
	float: left;
	height: auto;
	width: 140px;
	height:100px;
	padding-top: 4px;
	margin-right:25px;
	margin-bottom:15px;
	border:1px solid #CCC;
	background-color:#F0F0F0;
}

.img2 {
	text-align: center;
	float: left;
	height: auto;
	width: 231px;
	height:327px;
	padding-top: 4px;
	margin-right:18px;
	margin-bottom:15px;
	border:1px solid #CCC;
	background-color:#F0F0F0;
}