/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: x-small;
	color: #000000;
}


a:active{
	color: #135293;
	font-family: verdana;
}


a:link {
	color: #135293;
	font-family: verdana;
}

a:visited {
	color: #135293;
	font-family: verdana;
}

a:hover {
	text-decoration: none;
	font-family: verdana;
	}



h1 {
	font-weight: normal;
	font-size: x-large;
	font-family: "Trebuchet MS";
	line-height: 26px;
	}

h2 {
	font-weight: bold;
	font-size: x-small;
	font-family: verdana;
}



/* JABADAO NEW MENU STYLES    WORK FROM HERE!!!!*/

	#left_home{
	width: 177px;
	height: 410px;
	background: url(../images/left_images/image-left_home.jpg) no-repeat;
	}
	
	
	#header{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header.jpg) no-repeat;
	}
	
	
	#header_programmes{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header_programmes.jpg) no-repeat;
	}
	
	#left_programmes{
	width: 177px;
	height: 410px;
	background: url(../images/left_images/image-left_programmes.jpg) no-repeat;
	}
	
	
	
	#header_developing{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header_developing.jpg) no-repeat;
	}
	
	#left_developing{
	width: 177px;
	height: 410px;
	background: url(../images/left_images/image-left_developing.jpg) no-repeat;
}

#header_catalogue{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header_catalogue.jpg) no-repeat;
	}
	
	#left_catalogue{
	width: 177px;
	height: 410px;
	background: url(../images/left_images/image-left_catalogue.jpg) no-repeat;
}


#header_research{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header_research.jpg) no-repeat;
	}
	
	#left_research{
	width: 177px;
	height: 410px;
	background: url(../images/left_images/image-left_research.jpg) no-repeat;
}
	
	
	#header_fascinating{
	width: 570px;
	height: 194px;
	Padding-bottom: 6px;
	background: url(../images/jabadao_header_fascinating.jpg) no-repeat;
	}
	
	
	
	
	
#generic_border{
	width: 175px;
	border: 1px solid #666666;
}
	
	
#purple{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #C171B5;
	background: url(../images/menu_buttons/purple1.gif) no-repeat;
	text-transform: uppercase;
	}
	
	
	#purple_sub{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #E1B5DA;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	#purple_sub_on{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #C171B5;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
#orange{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background: url(../images/menu_buttons/orange1.gif) no-repeat;
	background-color: #FFAA72;
	border-top: 1px solid #666666;
	text-transform: uppercase;
	}
	
	
	#orange_sub{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #FFBB8E;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	#orange_sub_on{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #FFAA72;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	


#pink{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background: url(../images/menu_buttons/cherry1.gif) no-repeat;
	background-color: #F1669E;
	border-top: 1px solid #666666;
	text-transform: uppercase;
	}
	
	
	
	
	#pink_sub{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #F485B1;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	#pink_sub_on{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #F1669E;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	


#yellow{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background: url(../images/menu_buttons/yellow1.gif) no-repeat;
	background-color: #F5FB84;
	border-top: 1px solid #666666;
	text-transform: uppercase;
	}
	
	#yellow_sub{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #F7FC9D;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	#yellow_sub_on{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #F5FB84;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	

#green{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background: url(../images/menu_buttons/green1.gif) no-repeat;
	background-color: #85CB77;
	border-top: 1px solid #666666;
	text-transform: uppercase;
}
	
	
	#green_sub{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #9DD592;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	
	
	#green_sub_on{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background-color: #85CB77;
	text-transform: uppercase;
	border-top: 1px solid #666666;
	}
	

#blue{
	width: 151px;
	Padding-left: 18px;
	Padding-right: 6px;
	Padding-top: 6px;
	Padding-bottom: 6px;
	background: url(../images/menu_buttons/blue1.gif) no-repeat;
	background-color: #97ADD2;
	border-top: 1px solid #666666;
	text-transform: uppercase;
	}



/* menu open items */


a.menu_link:link {	
	text-decoration: none;
	color: #000000;	
	font: bold;
	text-transform: uppercase;
	}
	
	a.menu_link:visited {	
	text-decoration: none;
	color: #000000;
	font: bold;
	text-transform: uppercase;
	}
	
	a.menu_link:hover {
	text-decoration: none;
	color: #242424;
	font: normal;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
	
	a.menu_on_link:link {	
	text-decoration: none;
	color: #000000;	
	font: bold;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
	a.menu_on_link:visited {	
	text-decoration: none;
	color: #000000;
	font: bold;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
	a.menu_on_link:hover {
	text-decoration: none;
	color: #242424;
	font: normal;
	text-transform: uppercase;
	text-decoration: underline;
	}







/* Content */

#content {
	float: left;
	width: 578px;
}


.boxed {
	width: 568px;
	padding: 10 10 10 10;
	border: 1px solid #666666;
	float: none;
	font-family: verdana;
}

.boxed_content {
	width: 418px;
	padding: 20px 50px 0px 100px;
	float: none;
	font-family: verdana;
	line-height: 18px;
}




/* Sidebar */

#sidebar {
	float: left;
	width: 190px;
	padding-left: 10px;
}





/* Logo */

#logo {
	height: 200px;
}


.blockquote {
	font-style: italic;
	font-size: x-small;
}







/* Footer */

#footer {
	width: 780px;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.grey_footer {
	background: url(../images/footer.gif) no-repeat;
	color: #FFFFFF;
	padding: 5px;
	height: 30px;
}


a.copyright_link:link {	
	text-decoration: none;
	color: #666666;
	font: bold;
	}
	
	a.copyright_link:visited {	
	text-decoration: none;
	color: #666666;
	font: bold;
	}
	
	a.copyright_link:hover {
	text-decoration: none;
	color: #CCCCCC;
	font: bold;
	}









/* Submenus with in pages */



	a.submenu_pink:link {	
	text-decoration: none;
	color: #000000;
	background: #C171B5;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 36px;
	}
	
	a.submenu_pink:visited {	
	text-decoration: none;
	color: #000000;
	background: #C171B5;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 36px;
	}
	
	a.submenu_pink:hover {
	text-decoration: none;
	color: #000000;
	background: #DFB5D8;
	padding: 6px;
	text-transform: uppercase;
	height: 36px;
	}
	
	
	
	a.submenu_orange:link {	
	text-decoration: none;
	color: #000000;
	background: #FC9B61;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_orange:visited {	
	text-decoration: none;
	color: #000000;
	background: #FC9B61;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_orange:hover {
	text-decoration: none;
	color: #000000;
	background: #FE5815;
	padding: 6px;
	text-transform: uppercase;
	height: 46px;
	}
	
	
	a.submenu_cherry:link {	
	text-decoration: none;
	color: #000000;
	background: #F1669E;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_cherry:visited {	
	text-decoration: none;
	color: #000000;
	background: #F1669E;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_cherry:hover {
	text-decoration: none;
	color: #000000;
	background: #E90268;
	padding: 6px;
	text-transform: uppercase;
	height: 46px;
	}
	
	
	
	
	a.submenu_yellow:link {	
	text-decoration: none;
	color: #000000;
	background: #F3FA67;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_yellow:visited {	
	text-decoration: none;
	color: #000000;
	background: #F3FA67;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_yellow:hover {
	text-decoration: none;
	color: #000000;
	background: #EBF605;
	padding: 6px;
	text-transform: uppercase;
	height: 46px;
	}



	a.submenu_green:link {	
	text-decoration: none;
	color: #000000;
	background: #85CB77;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_green:visited {	
	text-decoration: none;
	color: #000000;
	background: #85CB77;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_green:hover {
	text-decoration: none;
	color: #000000;
	background: #33A23C;
	padding: 6px;
	text-transform: uppercase;
	height: 46px;
	}
	
	
	a.submenu_blue:link {	
	text-decoration: none;
	color: #000000;
	background: #97ADD2;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_blue:visited {	
	text-decoration: none;
	color: #000000;
	background: #97ADD2;
	padding: 6px;
	border: 1px solid #FFFFFF;
	text-transform: uppercase;
	height: 46px;
	}
	
	a.submenu_blue:hover {
	text-decoration: none;
	color: #000000;
	background: #567EB9;
	padding: 6px;
	text-transform: uppercase;
	height: 46px;

	}
