/*TUUSI CSS layout*/

body {
	text-align:center; /*center hack*/
}

#wrap {
	width:80%; /*center hack*/
	margin:0 auto; /*center hack*/
	text-align:left;
}

#header {
	text-align:left;
}

#footer {
	clear:both;
}

#main-body {
		float:left;
width:73%;
}

#sidebar-2 {
	float:right;
	width:25%;
	overflow:hidden;
	margin-left:-3px;
	/*border:1px solid #f00;*/
}

#content {
	float:right;
	width:72%;
	overflow:hidden;
	/*border:1px solid #0f0;*/
}

#sidebar {
	float:left;
	width:25%;
	overflow:hidden;
	margin-right:-3px;
	max-width:200px;
	/*border:1px solid #00f;*/
}

#content img.left {display:inline; float:left; border:1px solid ##8A2219; margin-right:5px; margin-bottom:5px;}
#content img.right {display:inline; float:right; border:1px solid ##8A2219; margin-left:5px; margin-bottom:5px;}

.inside {
	padding:10px;
}

/*Customization*/

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
	margin:0.5em 0;
}

ul{
	margin-left:2em;
}

ol {margin-left:2em;}
ol li {list-style:number;}

fieldset{
	padding:.5em;
	border: 1px solid #e6e6e6;
}

body{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.4em;
	margin:1em 0;
}

#wrap{
	border:1px solid #8A2219;
	background:#fff;
	height:100% !Important;height:1%;
	max-width:1024px;
	min-width:800px;
}

#wrap-inner {
	background:#fff;
	height:100% !Important;height:1%;
}

#header{
	border-bottom: 1px solid #8A2219;
	border-top: 5px solid #8A2219;
	padding:5px;
	background:#8A2219;
	background-image: url(../images/background.jpg);
	background-position: top;
	background-repeat: y-repeat;
}

#footer{
	border-top: 1px solid #8A2219;
	padding:2px;
	background:#fff;
	border-bottom: 5px solid #8A2219;
	background:#8A2219;
	background-image: url(../images/background.jpg);
	background-position: top;
	background-repeat: y-repeat;
}

a{
	text-decoration:none;
	color:#8D6A02;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
	border-bottom: 1px dashed #8D6A02;
	background-color:#FEEEBE;
}

h1,.componentheading{
	font-size:1.6em;
	line-height:1.3em;
	color:#8A2219;
	font-weight:bold;
}

h2,.contentheading{
	font-size:1.3em;
	line-height:1.3em;
	color:#8A2219;
	font-weight:bold;
}

h3{
	font-size:1.1em;
	line-height:1.3em;
	color:#8A2219;
}

h4{
	font-size:1em;
	line-height:1.3em;
	color:#8A2219;
}

h5{
	font-size:1.1em;
	line-height:1.1em;
	color:#8A2219;
}

h6{
	font-size:1em;
	line-height:1em;
	font-weight:bold;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption{
	font:0.8em Arial,Helvetica,sans-serif;
	color:#FFF;
}

.module_who {
	border:1px solid #8A2219;
	border-right:10px solid #8A2219;
	margin-top:1.5em;
	margin-bottom:1em;
	padding:0 10px;/*padding for inside text*/
	color: #8A2219;
	font-size:0.9em;
	padding-bottom: 10px;
}

.module_who h3 {color: #8A2219; font-size:0.9em; border-bottom:1px solid #8a2219;}

.moduletable{
	margin-bottom:1em;
	padding:0 10px;/*padding for inside text*/
	border:1px #8A2219 solid;
	padding-bottom: 10px;
}

.moduletable h3{
	background:#FFF;
	color:#8A2219;
	padding:0.25em 0;
	text-align:left;
	font-size:1.1em;
	margin:0 -10px 0.5em -10px;/*negative padding to pull h3 back out from .moduletable padding*/
	padding-left:5px;
}

.moduletable ul{
	padding:0px;
	margin:0px;
	margin-left:0.75em;
	list-style:circle;
	margin-bottom:10px;
}



.moduletable-leftnav{
	margin-bottom:1em;
	padding:0; /*the padding is removed so the menu fills the whole module box*/
	border:1px #8A2219 solid;
}

.moduletable-leftnav h3{
	background:#FFF;
	width:100%;
	color:#8A2219;
	padding:0.25em 0;
	text-align:left;
	font-size:1.1em;
	margin:0; /*now we have no padding in the module, we don't need the negative margins*/
	border-bottom: 1px solid #8A2219;
}

#navcontainer{text-align:right;
	font-size:1.2em;
	padding:0;
	color: #333;
}

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer li{
	font-size:0.9em;
	border-bottom: 1px solid #8A2219;
	margin: 0;
}

#navcontainer li a{
	display: block;
	padding: 3px 5px;
	border-left: 3px solid #8A2219;
	border-right: 10px solid #8A2219;
	background:#C09200;
	color: #fff;
	text-decoration: none;
	font-size:0.95em;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover,a#active_menu:link,a#active_menu:visited{
	border-left: 3px solid #8A2219;
	border-right: 10px solid #AC4D45;
	background: #D6D633;
	color: #8a2219;
	border-bottom:0px none;
}

/* Classes for other elements */

.header_top { border:0px none;
   background-color:transparent;
	border-collapse: collapse;
	padding:0px;
	width:100%;
}

.search {
	text-align:right;
   width:25%;
	min-width:200px;
	color:#8A2219;
}

.search form {
	text-align:right;
}

#header_2 table {
	color:#8A2219;
	width:100%;
	padding:3px;
}

#header_2 .asareca {
	text-align:right;
   color:#8A2219;
	width:50%;
	text-decoration:underline;
}

#header_2 .date {
	text-align:left;
	color:#8A2219;
	width:50%;
	padding:3px;
	padding-left:5px;
}

.pathway p {
	color:#8a2219;
	display:inline;
	marging-bottom:20px;
	font-size:0.9em;
	margin-top:0px;
}
#footer table {width:100%; border:1 px solid #000;}
#footer .copy  {width:90%; color:#fff; font-size:1.1em; text-align:center; height:100%; }
#footer .copy  a{color:#fff; font-size:1em; text-decoration:underline;}
#footer .copy  a:hover {color:#fff; font-size:1em; text-decoration:underline; background-color:#8A2219;}
#footer .europa { width: 10%; padding:2px; float:left;}
#footer .europa img{border:1px solid #000;}

.moduletable_bestPractices {
	background-color:#D6D633;
	color:#8a2219;
	padding:5px;
	margin-bottom:15px;
	font-size:0.95em;
}

.moduletable_bestPractices h3 a {
	background-color:#D6D633;
	color:#8a2219;
	text-decoration:none;
}

.moduletable_bestPractices h3 a:hover {
	background-color:#D6D633;
	color:#8a2219;
	text-decoration:underlined;
	border-bottom:0px none;
}

.moduletable_bestPractices ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.moduletable_bestPractices a {
	background-color:#D6D633;
	color:#8a2219;
	text-decoration:none;
}

.moduletable_bestPractices a:hover{
	background-color:#D6D633;
	color:#8a2219;
	text-decoration:underline;
	border-bottom:0px none;
}

#tuusiViewBestPractice h3 {
	text-decoration:none;
}

#tuusiViewBestPractice table {
	border:0px none;
	border-collapse:collapse;
	padding:3px;
	font-size:1em;
}

#tuusiViewBestPractice table td {
	border:0px none;
	padding:3px;
}

#tuusiViewBestPractice table td table {
	border:0px none;
	margin-top:5px;
}

#tuusiViewBestPractice table td table td {
	border-bottom:1px solid #CBCD00;
	vertical-align:top;
	font-size:1em;
	background-color:#F3F3BB;
	padding:3px;
}

.imageShow {
	filter :progid:DXImageTransform.Microsoft.Fade(attribute1=value1, attribute2=value2, etc);
	border: 1px solid #8A2219;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 154px;
	height: 145px;
}