﻿/*general*/	
#content{ /*wrapper_for_footer stick to the bottom*/
	height: auto !important;
	min-height: 100%;
	min-width:960px;
	/*margin: 0 auto -79px;*/
	background:white;	
	/*position:relative;*/
	}
	
.wrapper{
	/*position:relative;if relative drop-down menu is hide under main text block*/
	/*width:96%;*/
	/*max-width:100em;*/
	width:960px;
	margin:auto;
	}
	
.gray_bg{
	background:#fff/*f7f8f7/*f3f3f4/*f6f6f6*/;
	}
	
.gray_to_white{
	background:url(../images/gray_to_white.png) repeat-x white;
	}	

		
	
/*********1st page - choose the language****/	

#splash {
	width: 100%; 
	margin: auto 0; 
	text-align: center;
	min-width:800px;
}
.bot_bg {
	width:100%;
	height:20px;
	margin-top: -4px;
	background:url(../images/gray_to_white.png) repeat-x;
	}
		
#en  {
	padding:24px 21px 24px 20px;
	border:1px solid #7e001c;
	border-radius: 5px;
	font-size:20px;
	text-align:center;
	margin-right: 5px;
	background:url(../images/bt_bg.png);
}
#fr  {
	padding:24px 15px;
	border:1px solid #7e001c;
	border-radius: 5px;
	font-size:20px;
	text-align:center;
	margin-left: 8px;
	background:url(../images/bt_bg.png);
}
			
a#en, a#fr  {
	color:#7e001c;
	text-decoration:none;
	text-align:center;
	}
		
a:hover#en, a:hover#fr {
	background:url(../images/bt_hvr.png) no-repeat;
	color:#f5f5f5;
}

a.notice{
	width:150px;
	margin:5px 50px 0 0;
	color:#7e001c;
	font-size:80%;
	text-align:center;
	}	
	

a.notice_fr{
	margin-right:5px;
	}



	
/******picture for top image is beside header and different for differnet section of the web site*/

#wrapper_image {
        width:960px;
}


#main_image{
	background: url(../images/cats/main.jpg) no-repeat 41% 10px /*70% only for mouse*/; 
	}
	
#about_image{
	background: url(../images/cats/about.jpg) no-repeat 32% 0;
	}
	
#care_image{
	background: url(../images/cats/care.jpg) no-repeat 40% 0;
	}
	
#research_image{
	background: url(../images/cats/research.jpg) no-repeat 40% 0;	
	}
	
#testing_image{
	background: url(../images/cats/testing.jpg) no-repeat 35% 0;
	}	
	
#teaching_image{
	background: url(../images/cats/teaching.jpg) no-repeat 50% 0;
	}
	
#acc_image{
	background: url(../images/cats/acc.jpg) no-repeat 45% 0;	
	}
	
#index_image{
	background: url(../images/cats/index.jpg) no-repeat 50% 0;
	}

	

/****************** header *****************/	
#header{
	height:79px;
	background: url(../images/top_gradient.png) repeat-x #931934;
	}

#header_second{
	height:90px;
	background:url(../images/top_gradient_internal.png) repeat-x #931934;
	}
	

/* LOGO */
	
#logo{
	float:left;
	height:79px;
    width:500px;
	margin:0;
	}
	
/* languages and search  */	
#lang{
	float:right;
	margin:0;
	height:65px;
	padding:10px 0 0 0;
	color:#fff;
	text-align:right;
	}
	
#lang a{
	padding:0 .7em;
	color: #fff;
	font-size:12px;
	text-decoration:none;	
	}
	
#lang a:hover, 	#lang a:active{
	color: #ddd;
	}	

#lang a[href^="mailto:"]{
	background:none;
	padding-right:.7em;
	}
	
a#last_lang{
	padding-right:.8em;
	font-weight:bold;
	}

#search_panel{
	margin-top:.3em;
	text-align:right;
	}
.loupe {
	vertical-align: bottom;
	margin-left:2px;
}
.searchbox {
	width:150px;
	height:13px;
	font-size:12px;
	padding:2px;
	margin-top:1px;
}	
#search_text{
	vertical-align:middle;
	padding:.1em .5em;
	}
	
#search_button{
	vertical-align:middle;
	padding:.15em .5em;
	color:#595856;
	font-size:90%;
	}
	
/***************Top image block (top image is upper)*******************/	

.top_image_wrapper{
	clear:both;
	height:199px;
	background:url(../images/left_gradient_top_image.png) repeat-y;
	-background-image: none;
	}
		
.top_image_wrapper2{
	height:199px;/*199*/
	background:url(../images/right_gradient_top_image.png) right repeat-y;
	-background-image: none;
	}	
	
.top_text{
	padding:2.6em 0 0 73px; /*left padding the same size as logo is*/
	width:20%;
	font: 140%/1.2 	Georgia, Times, "Times New Roman", serif;
	color:#595856;
	float:left;
	}

.right_text{
	float:right;
	padding-right:3em;
	}			
		
#top_title{
	padding:50px 5px 10px 0;
	float:right;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size:44px;
	/*line-height:38px;*/
	text-align:right;
	color:#77001a;
	margin-right:20px;
	}
.title {
	font-size:36px;
	line-height:36px;
	text-align:right;
	color:#14609e;
}
.home_title {
	font-size:24px;
	line-height:24px;
	text-align:right;
	color:#14609e;
}			
			
		
/********** Top menu *******************/		
/*for home page*/
#top_menu_sideline{
	height:40px;/*39px;*/
	background:url(../images/menu_side.png) repeat-x;
	}
		
#top_menu{
	height:51px;
	margin-top:-51px;
	width:100%;/*to make IE stretch, since it is now float and collapses*/
	clear:both;
	float:left;	/*to avoid overflow:hidden, which cuts the dropdown*/
	background:url(../images/top_menu_gradient.png) repeat-x;
	position:relative;/*in IE, parent has to have z-index, so that following relative element doesn't cover the dropdown menu*/
	z-index:2;
	
	} 
					
#top_menu #top_menu_left_corner{
	height:51px;/*51*/
	background:url(../images/top_menu_left_corner.png) no-repeat;
	}	
	
#top_menu ul#top_menu_right_corner{
	padding-left:1px;
	height:51px;
	background:url(../images/top_menu_right_corner.png) no-repeat right top;
	}
	
#top_menu li{
	height:39px;/*41*/
	width:14.25%; /*16.69*/
	margin:0 1px 0 0;
	padding:0;
	float:left;
	position:relative;
	top:1px;
	background: url(../images/separator.png) right top no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	}
	
#top_menu li#last_section{
	width:14%;/*16.15*/
	background:none;	
	margin-right:-10px;	
	/*margin-left:-1px;*/
	white-space:nowrap;	
	}

#top_menu li.martop{
	line-height: 29px;
	}		
	
#top_menu li a{
	display:block;
	height:22px;
	/*margin-right:2px;*/
    padding:5px .2em 14px 0;
	color:#3d0808;
	text-decoration:none;
	}

#top_menu .drop {
    padding-top:12px;
	}
	
#top_menu .drop, a.active_section {
    padding-top:12px;
	}
		
#top_menu li a:hover, #top_menu a.active_section {
	background:url(../images/top_menu_highlighted.png) repeat-x;
	color:#fff;
    }
    	
/*#top_menu li a[href^="http:"]{
	background:none;
	padding-right:0;
	}*/

	
/****** content - row for home page*************/




/*-------------HOME PAGE---*/

#home_page {
	min-width: 960px; 
	width: 100%;
	margin-left: 5px; 
	margin-right: 5px;
}
table#home {
	margin-bottom: 25px;
	border:0; 
	width:100%;
}

#left_column {
	margin-bottom:20px;
}
	
table.one_colum{
	width:100%;
	margin:-.5em 0 -1.5em 0;
	}
		
table.one_colum td{
	/*width:30.8%;*/
	width:235px;
	padding:5px 1em;
	margin:0;
	border:1px solid #e7e7e5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align:top;
	background: url(../images/block_gradient.png) repeat-x bottom white;	
	<!--[if IE 7]>
	width:230px;
    <![endif]-->
	}
		
table.one_colum h1{
	height:50px;/*icons are 94px*/
	/*margin-top:-15px;*/
	padding:15px 0 0 40px;
	font-size:140%;/*120%;*/
	font-weight:bold;
	text-align:center;
	color:#5e5e5e/*#9e9e9e/*595856*/;
	font-family: Georgia, Times, "Times New Roman", serif;
	}


table.one_colum ul{
	margin-left:-20px;
	padding:0;
	display:block;
	padding-top:10px;
	}
	
table#one_colum li{	
    margin: .1em 0 0 2em;
	}
		
table.one_colum a{
	text-decoration:none;
	font-weight:bold;
	/*color:#2d5caf;*/
	}
	
.pic_mid {
	color: #5e5e5e;
	background: #fff;
	border:1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:4px 0 2px 3px;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
    width:98%;
	min-height:42px;
	font-size: 15px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
}
.pic_mid img {	
	display:inline-block;
	vertical-align:middle;
}
.pic_mid1 {
	color: #5e5e5e;
	background: #fff;
	border:1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:8px 0 2px 3px;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
    width:98%;
	min-height:42px;
	font-size: 15px;
	line-height:16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
}
.pic_mid1f {
	color: #5e5e5e;
	background: #fff;
	border:1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:6px 0 2px 3px;
	margin-left:auto;
    margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
    width:98%;
	height:50px;
	font-size: 15px;
	line-height:16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
}
.pic_midf img {	
	display:inline-block;
	vertical-align:middle;
}	
.pic_mid2 {
	color: #5e5e5e;
	background: #fff;
	border:1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0 0 2px 3px;
	margin-left:auto;
    margin-right:auto;
	margin-bottom:5px;
	margin-top:5px;
    width:98%;
	min-height:42px;
	font-size: 16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
	}
		
#news {
	padding:5px 10px 30px;
	min-width:360px;
	border:0px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
 /* -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;*/
}
#news .news_t {
	color:#77001A;
	margin-right:30px;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 10px 0;	
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
}
.tt {
	color:#1d507c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	padding-top:30px;
		
}
event {
	color:#333;
	font-size:12px;
	font-weight:bold;
}
#right_column {
	width:90%;
	padding-top:20px;
	margin-left:5px;
	margin-bottom:20px;
}	
#right_column .item {
	width:95%;
	color: #0b4d87;
	background: #f5f3ef;
	border:1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 0 10px 10px;
	margin-bottom: 5px;
	font-size: 16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
	}


/****************first row**********************/
table#three_colums{
	width:100%;
	margin:-.5em 0 -1.5em 0;
	}
		
table#three_colums td{
	width:30.8%;
	padding:0 1em;
	margin:0;
	border:1px solid #e7e7e5;
	vertical-align:top;
	background:url(../images/block_gradient.png) repeat-x bottom white;	
	}


	
table#three_colums h1{
	height:50px;/*icons are 94px*/
	/*margin-top:-15px;*/
	padding:15px 0 0 40px;
	font-size:140%;/*120%;*/
	font-weight:bold;
	text-align:center;
	color:#206098/*#9e9e9e/*595856*/;
	font-family: Georgia, Times, "Times New Roman", serif;
	}
	

	
table#three_colums ul{
	margin:0;
	padding:0 .5em;
	}
	
			
table#three_colums a{
	text-decoration:none;
	font-weight:bold;
	/*color:#2d5caf;*/
	}	


		
a#certificate, a#three_rs_button{
	width:216px;	
	height:75px;
	margin:0 auto;
	display:block;
	border:1px solid #ccccca;
	}
a#certificate, a#three_rs_button_f{
	width:216px;	
	height:75px;
	margin:0 auto;
	display:block;
	border:1px solid #ccccca;
	}
	
	
a#three_rs_button{
	width:216px;
	height:75px;
	background: url(../images/buttons/3r_button.gif) no-repeat;
	padding-right:0;/* it's external link - to don't add a place for external link sign*/
	}
	
a#three_rs_button:hover{
	background: url(../images/buttons/3r_button_hl.gif) no-repeat;
	}	
a#three_rs_button_f{
	width:216px;
	height:75px;
	background: url(../images/buttons/3r_button_f.gif) no-repeat;
	padding-right:0;/* it's external link - to don't add a place for external link sign*/
	}
	
a#three_rs_button_f:hover{
	background: url(../images/buttons/3r_button_hl_f.gif) no-repeat;
	}
	
	
/*************Second row************************/		
#content_second_row{
	clear:both;
	margin-top:1em;
	padding:1em 0 0 0;
	background:url(../images/second_row.png) repeat-x /*#e7e7e5*/;
	height: 100%;
	}
	
content_second_row wrapper{
	background-color:#e7e7e5;
	}
	
.column{
	width:43%;
	margin:0 2% 1% 3%;
	/*display:inline;*/
	float:left;
	}
			
.column h1{
	height:40px;
	padding:12px 0 0 30px;
	background: url(../images/yellow_title_gradient.png) right no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/yellow_title_gradient.png',sizingMethod='crop');
	font-size:110%;/*100%;*/
	color: #77001a;
	position:relative;
	font-family: Georgia, Times, "Times New Roman", serif;
	}
		
span.icon{
	position:absolute;
	top:0; left:-5px;
	height:30px;
	width:30px;
	}
	
.events{
	background:url(../images/red_line_calendar.png) no-repeat left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/red_line_calendar.png',sizingMethod='crop');
	}
		
.updates{
	background:url(../images/red_line_light.png) no-repeat left;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/red_line_light.png',sizingMethod='crop');
	
	}
	
	
	
.column  a{
	text-decoration:none;
	}
		
/*.column a:hover{
	color:#b30000;
	}*/	
a.red_link{
	text-decoration:underline;
	color:#b30000;
	}
.event_date{
	margin-top:1em;
	font-size:85%;
	color:black;
	}
		


	
/*********LEFT, right  MENUs, text *********************/
#main {
	min-height:400px;
}
table.internal{
	width:100%;
	margin:0;
	border-collapse:collapse;
	/*position: relative;*/
	/*margin: 0 auto -150px;*/
	}
		
table.internal>tbody>tr>td{/*to don't appicate it to all table in main block*/
	vertical-align:top;
	}
		
table.internal td#left_menu{
	width:20%;
	background:url(../images/left_menu_bg.png) right repeat-y white;
	vertical-align:top;
	}

table.internal td.text_column{
	padding:1.5em 1.5em 3.5em;
	width:60%;
	max-width:20em;
	background:white;
	/*text-align:justify;* /*body text is left-aligned for most of web sites*/
	}
	
table.internal td.text_column1{
	padding:1.5em 1.5em 3.5em;
	width:600px;
	max-width:20em;
	background:white;
	/*text-align:justify;* /*body text is left-aligned for most of web sites*/
	}


table.internal td.two_columns_design{
	width:80%;
	}

		
table.internal td#right_menu{
	width:20%;
	padding-right:0;
	background:url(../images/right_menu_bg.png) repeat-y white;
	vertical-align:top;
	min-height:400px;
	}
/*******to finish menu by gradient from grey to white for the short pages (to have always footer sticky to the bottom)*/
table.internal td#left_menu_finish{
	width:20%;
	height:50px;
	background:url(../images/left_menu_bg_finish.png) top right no-repeat white;
	vertical-align:top;
	}	

table.internal td#right_menu_finish{
	width:20%;
	height:50px;
	background:url(../images/right_menu_bg_finish.png) top left no-repeat white;
	vertical-align:top;
	}
	
	


/*****LEFT menu **********/

#left_menu ul{
	display:block;
	line-height:130%;
	font-size:1em;	
	}

	
#left_menu li{
	width:99%;/*85%;*/
	margin:0;
	padding:0;
	float:right;
	clear:both;
	background:url(../images/left_menu_button.png) no-repeat right bottom;/*line on the bottom*/
	text-align:right;
	}
	
#left_menu li a{
	display:block;
	padding:.5em 1em;
	margin:0;
	text-align:left;
	text-decoration:none;
	color:#000;
	border-bottom:1px solid white;
	}

#left_menu li a:hover{
	/*padding-right:.9em;
	padding-left:1.1em;*/
	background:url(../images/left_menu_button_highlight.png) no-repeat;
	/*border-bottom:1px solid white;*/
	color:#77001a;
	}
	
	
#left_menu li a.two_line_section{
	padding:0 1em 1em 1em;
	}
		

#left_menu li.active a{
	padding-left:1em;
	color:#77001a;
	background:url(../images/left_menu_button_active.png) no-repeat white;
	/*border-bottom:1px #d7d7d8 solid;*/
	border-bottom:1px #d7d7d8 solid;

	}	
	

	
/***submenu of left menu***/
#left_menu li ul{
	margin-left:1.5em;/*2em;*/
	display: none;
	}
#left_menu li.active ul{
	display: block;
	}
	
#left_menu li ul li{	
	width:100%;
	overflow:hidden;
	margin:0;
	}
	
#left_menu li ul li a, #left_menu li.active ul li a{	
	padding-left:1em;
	background:url(../images/left_submenu.png);
	border-left:.2em #d7d7d8  solid;
	border-bottom:none;
	/*border-bottom:none;
	border-top:none;*/
	
	text-align:left;
	font-size:95%;
	color:#08283d;
	}	
	
#left_menu li ul li a:hover{
	/*padding:0 .7em 0 1px;*/
	margin-left:-.1em;
	padding-left:1.1em;
	/*padding-left:1.3em;*/
	background:url(../images/left_menu_button_highlight.png) no-repeat top left;
	/*border-bottom:1px #d7d7d8 solid;*/
	/*border-left:none;*/
	}	

#left_menu li.active ul li.active a, #left_menu li.active ul li.active a:hover{
	/*padding-left:1em;*/
	color:#08283d;
	background:url(../images/left_menu_button_active.png) no-repeat white;
	border-bottom:1px #d7d7d8 solid;
	border-left:none;
	margin-left:.1em;
	padding-left:1.1em;
	}	
	
#left_menu li ul li.last{
	margin-bottom:1px;
	border-bottom:1px #d7d7d8 solid;
	background:none;
	}
				
#left_menu li.last{	
	/*background:none;*/
	}
	
#left_menu a#order_button{
	/*height:20px;*/
	width:75%;
	display:block;
	float:right;
	margin:2em .5em 0 0;
	/*padding:.5em 1em 1em;*/
	background:url(/images/order_button_bg.png) bottom repeat-x;
	/*background:url(/images/top_menu_gradient.png) repeat-x;*/
	border:1px #d7d7d8 solid;
	border-bottom:none;
	color:#08283d;
	text-decoration:none;
	}
#left_menu a#order_button:hover{
	background: url(/images/order_button_hl.png) no-repeat;
	border:1px #d7d7d8 solid;
	}	

/*------------Right MENU--------------*/				
	

#right_menu h1{
	width:95%;
	height:38px;
	/*max-width:18em;*/
	padding: 12px .6em 0 1em;
	background:url(../images/black_title_gradient.png) no-repeat top right;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/yellow_title_gradient.png',sizingMethod='crop');
	color: #fff;
	font-size:100%;
	line-height:100%;
	}
	
#right_menu h1.small_h1{
	width:100%;
	padding: .6em .6em 0 1em;
	font-size:90%;
	line-height:100%;
	}	
	
#right_menu h1#sdvig{
	margin-left:-3.8em;
	}
#right_menu h5{
	margin-top:0;
	padding-left:2em;
	}
	
#right_menu	ul, #right_menu	ol{
	padding: 0 1em 0 0;
	}
	
	
#right_menu a{
	color: #146090;
	text-decoration:none;
	}
	
#right_menu a:hover{
	color: #77001a;
	text-decoration:underline;
	}


#right_menu p{
	padding:.3em 1em;
	margin:0;
    }
    

#right_menu li.active{/* for onlu species(guidelines-species recommendations) right menu*/
	display:none;
    }

.modstream {
	font-size: 13px;
	color: #b30000;
	font-weight:bold;
	margin-left:15px;
	line-height:13px;
}

		
/************ footer ***************************/		
.push{
	height:79px;
	}
	
#footer{
	clear:both;
	height: 79px;	
	margin-top: -79px; /* negative value of footer height */
	/*height:auto/*79px*/
	background:url(../images/bottom_gradient.png);
	text-align:center;
	font-size:95%;
	position:relative;
	padding-top:5px;
	}
	
#footer a, #footer #copyright{
	padding:0 1.3em;
	color:#fff;
	text-decoration:none;
	}
	
#footer a[href^="mailto:"]{
	background:none;
	padding:0;
	}
	 	
#footer a:hover{
	color:#ddd;
	}
		
#footer #copyright{
	padding-top:2.3em;
	line-height:140%;
	text-align:center;
	font-size:85%;
	}


