/*****************************************************/
/*   Design:  Try2                                   */
/*---------------------------------------------------*/
/*   Author:  Emil Matei                             */
/*            emil@matei.ro                          */
/*---------------------------------------------------*/
/*   Version: 2.1                                    */
/*   Date:    June, 2017                             */
/*****************************************************/

/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 72.5%;
	margin: 0 auto;
	padding: 0;
	background: url(../img/img_background.gif) top center repeat-y;
  	font-family:Verdana, Arial, Helvetica, sans-serif
}
hr{ color:#0000FF;}
a {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img
{ border:0;
}

#wrap {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background-color: rgb(255,255,255);
	border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);
}

#content, #topcontent
{	width:730px;
	float:left;
	display:inline;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFFFEE;
}
#topcontent
{
	padding-bottom:0;
}


/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

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

.horizmenu
{	width:760px;
	height:32px;
	background-color:#006699;
	float:left;
	border-top:2px solid white;	
}

a.m1,a.m2,a.m3,a.m4,a.m5,a.m6,a.m7,a.m8, a.m9, a.m10, a.m11, a.m12, a.m13, a.m14
, a.m15, a.m16, a.m17, a.m18, a.m19, a.m20, a.m21, a.m22, a.m23, a.m24, a.m25, a.m26, a.m27, a.m28
{	width:107px;
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	
	border-right:1px solid white;
	line-height:15px;
		
}
a.m1 { width:95px; }
a.m2 { width:120px; }
a.m3 { width:120px; }
a.m4 { width:100px; }
a.m5 { width:110px; }
a.m6 { width:105px; }
a.m7 { width:100px; color: #FFB865;  border-right:none;}

a.m8 { width:95px; }
a.m9 { width:120px; }
a.m10 { width:120px; }
a.m11 { width:100px; }
a.m12 { width:110px; }
a.m13 { width:105px; }
a.m14 { width:100px;  border-right:none;}

a.m15 { width:95px; }
a.m16 { width:120px; }
a.m17 { width:120px; }
a.m18 { width:100px; }
a.m19 { width:110px; }
a.m20 { width:105px; }
a.m21 { width:100px; border-right:none;}

a.m22 { width:95px; }
a.m23 { width:120px; }
a.m24 { width:120px; }
a.m25 { width:100px; }
a.m26 { width:110px; }
a.m27 { width:105px; }
a.m28 { width:100px; border-right:none;}


/*** Header main banner ***/
#header-banner {
	width: 760px;
	height: 114px;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background: url(../img/banner.jpg) no-repeat;
}

#contactform
{	margin-left:20px;
	margin-top:30px;
}
#address
{	margin-left:20px;
}

/*** Header navigation top ***/
#header-nav-top {
	float: right;
	margin: 0.7em 0.7em 0em 0em;
	padding: 2px 2px 2px 2px;
	background-color:white;
	border:1px solid black;
	color:black;
	line-height:1.2em;
	font-size:10px;
}

#header-nav-top ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
}	

#header-nav-top li {
	float: left;
	white-space: nowrap;
	border-left: solid 0.1em rgb(150,150,150);
}

#header-nav-top li a {
	display: block; 
	margin: 0em;
	padding: 0em 0.5em 0em 0.5em;
	background-color: rgb(255,255,255);
	color: black;
	text-decoration: none;
}

#header-nav-top a:hover, #header-nav-top .selected {
	background-color: inherit;
	color: rgb(0,0,0);
	text-decoration: underline;	
}

#header-nav-top .img-flag {
	height: 1.2em;
	display: block;
	margin: 0 5px 0 5px;
	padding: 0em;	
	border: none;
}

/*** Header navigation bottom ***/
#header-nav-bottom {
	float: left;
	width: 78.0em;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	border-top: solid 0px rgb(69,136,176);		
	border-bottom: solid 0px rgb(69,136,176);			
	line-height: 2.0em;
	/*background: url(../img/img_header_nav_bottom.jpg);*/
}

#header-nav-bottom ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;	
}	

#header-nav-bottom li {
	float: left;
	white-space: nowrap;
}

#header-nav-bottom li a {
	display: block;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: none;
}

#header-nav-bottom a:hover, #header-nav-bottom a.selected {
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}

/*** Correction for IE5 ***/
* html #header-nav-bottom a {width:1%;}


/***   Buffer between heading and content area   ***/

.buffer {
	clear: both; 
	width: 730px;
	height: 2.0em;
	margin: 0em;
	padding: 0em;
	background-color: inherit;
}

.bigletter
{	font-size:110%;
	font-weight:bold;
}
.verybigletter
{	font-size:150%;
	font-weight:bold;
}

.textblue { color: #0000FF; }
 
.titlu {
	clear:both;
	width:500px;
	text-align:left;	
	font-weight:bold;
	margin-bottom:20px;
}
.titlu span {color: red;}

.titlumic {
	clear:both;
	text-align:left;	
	font-weight:bold;
	margin-top:5px;
}
.titlumic a {color:#000;}
.titlumic span {color:#3c5373;}

.titlumare {
	clear:both;
	width:730px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
.titlumare span {color: red;}

.publicatii-img
{	float:left;
	width:150px;
	border:1px solid #000000;
}
.publicatii-list
{	float:left;
	width:500px;
	margin-left:20px;
	padding-left:20px;
	border-left:1px dotted #003366;
	
}
.pjustif
{
	text-align:justify;
}
.centrat730
{	width:730px; 
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.more
{	color:red;
	margin: 10px 0 10px 0;
	display:block;
	font-weight:bold;
	text-decoration:underline;
}
.more:hover
{	text-decoration:overline underline;
}

.boxflag
{	border:1px solid white;
	margin-right:6px;
	vertical-align:middle;
}
.boxleft
{	width:335px; 
	padding: 3px 5px 5px 10px; 
	float:left;
	background:#FFFFCC url(../img/boxheader.jpg) no-repeat top left;
	color:#000; 
	margin-bottom:20px; 
	margin-right:10px;
	border:1px solid gray;
}
.boxleftpromo
{	width:343px; 
	padding: 23px 5px 1px 2px; 
	float:left;
	background:#FFFFFF url(../img/boxheader.jpg) no-repeat top left;
	color:#000; 
	margin-bottom:20px; 
	margin-right:10px;
	border:1px solid gray;
}
.boxright
{	width:335px; 
	padding: 3px 5px 5px 10px; 
	float:right; 
	background:#FFFFCC url(../img/boxheader.jpg) no-repeat top left; 
	color:#000;
	margin-bottom:20px;
	margin-left:10px; 
	border:1px solid gray;	
}
.boxrightpromo
{	width:338px; 
	padding: 27px 5px 5px 7px; 
	float:right; 
	background:#FFFFCC url(../img/boxheader.jpg) no-repeat top left; 
	color:#000;
	margin-bottom:20px;
	margin-left:10px; 
	border:1px solid gray;	
}
.boxfull
{	clear:both;
	width:715px; 
	padding: 3px 5px 5px 10px;
	margin-bottom:20px;
	color:#000;
	background:#FFFFCC url(../img/boxheader.jpg) no-repeat top left; 
	border:1px solid gray;	
}
.boxfullpromo
{	clear:both;
	width:724px; 
	padding: 22px 1px 0 1px;
	margin-bottom:20px;
	color:#000;
	background:#FFFFCC url(../img/boxheader.jpg) no-repeat top left; 
	border:1px solid gray;	
}
#topcontent .boxfullpromo
{
		margin-bottom:0;
}
.boxend
{	display:block; 
	height:5px;
}
.boxtitle
{	color:#FFFFFF;
	font-size:12px; 
	display:block; 
	margin-bottom:10px;
	line-height:10px;
}
.boxcoloanaleft
{	width:350px;
	float:left;
	display:inline;
}
.boxcoloanaright
{	width:350px;
	float:right;
}

.coloanaleft
{	width:350px;
	float:left;
	margin-right:30px;
	text-align:justify;
}
.coloanaright
{	width:350px;
	float:left;
	text-align:justify;	
}


/*****************/
/***   FOOTER   **/
/*****************/
#footer {
	clear: both;
/*	float: left; */
	width: 760px;
	margin: 1.0em 0em 0em 0.0em;
	padding: 0.5em 0em 0.5em 0em;
	border-top: solid 0.1em rgb(200,200,200);
	border-bottom: solid 0.1em rgb(200,200,200);	
	background-color: rgb(255,255,255);
	text-align: center;
	color:#FFFFFF;
	font-size: 1.0em;
	background-color:#006699;
}
#footer a {
	color:#fff;
}
#subfooter
{	width:760px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
#stats
{	
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background-color: rgb(255,255,255);
	border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);

	text-align:center;
	padding-top:10px;
	padding-bottom:10px;	
	color:#CCCCCC;
}


/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column-first {
	clear:both;
	float: left;
	width: 150px;
	margin: 0em;
	padding: 0em;
	color: rgb(100,100,100);
}


#left-column {
	clear:both;
	float: left;
	width: 174px;
	padding: 0px 10px 0 10px;
	/*border-right: solid 0.1em rgb(200,200,200);		*/
	color:#000000;
	font-size:14px;
	/*border:1px solid red;*/
	text-align:justify;	
}

#left-column ul {	
	width: 15.8em;
	float: left;
	list-style: none;
	margin: 0em;
	padding: 0em;	
	border-bottom: solid 0.1em rgb(200,200,200);
}	

#left-column li {
	margin: 0em;
	padding: 0em;
}

#left-column li.left-nav-title {
	display: block;
	text-align: right;	
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background-color: inherit;
	color: rgb(50,50,50);
	text-transform: uppercase;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li a {
	display: block;
	text-align: right;	
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-top: solid 0em rgb(215,215,215);
	border-left: solid 0.5em rgb(255,255,255);		
	background-color: inherit;
	color: rgb(125,125,125);
	text-decoration: none;
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li.left-nav-group a {
	display: block;
	text-align: right;	
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-top: solid 0.1em rgb(215,215,215);
	border-left: solid 0.5em rgb(255,255,255);		
	background-color: inherit;
	color: rgb(125,125,125);
	text-decoration: none;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}	
	
#left-column a:hover, #left-column .selected {
	text-align: right;
	border-left: solid 0.5em rgb(137,199,44);				
	background-color: inherit;	
	background-color: rgb(224,244,181);	
	color: rgb(0,0,0);
	text-decoration: none;
}

#left-column li.left-nav-group a:hover, #left-column li.left-nav-group .selected {
	text-align: right;
	border-left: solid 0.5em rgb(137,199,44);		
	background-color: rgb(224,244,181);
	color: rgb(0,0,0);
	text-decoration: none;
}

/*** Images ***/
#left-column-first .img-left-nav {
	height: 50.0em;
	width: 15.9em;
	margin: 0em;
	padding: 0em;
	border: none;
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#middle-column {
	float: left;
	width: 370px;
	margin: 0em;
	padding: 0em 0 0em 0;
	color: rgb(100,100,100);
	font-size:14px;
	/*border:1px solid blue;*/
}

/***   Pagetitle   ***/
#pagetitle {
/*	float: left; */
	width: 39.0em;
	margin: 0.3em 0em 1.0em 0em;
	padding: 0em;
	background-color: inherit;
	color: rgb(100,100,100);
}

#pagetitle p {
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	font-size: 1.1em;
}

.text-negru {color:#000000}
.text-bleu {color:blue}
.text-rosu {color:red}



/*** Standard title and box option ***/
.middle-column-title-standard {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0em;	
	border-bottom: solid 0.167em rgb(120,176,39);	
	background-color: rgb(255,255,255);
	color: rgb(112,162,36);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-left-standard {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-right-standard {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-full-standard p.heading, .middle-column-box-left-standard p.heading, .middle-column-box-right-standard p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p.subheading, .middle-column-box-left-standard p.subheading, .middle-column-box-right-standard p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-standard p, .middle-column-box-left-standard p, .middle-column-box-right-standard p {
	margin: 0em 0em 0.6em 0em;	
	font-size: 1.2em;	
}

/*** Grey options ***/
.middle-column-title-grey {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-left-grey {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-right-grey {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);
}

.middle-column-box-full-grey p.heading, .middle-column-box-left-grey p.heading, .middle-column-box-right-grey p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p.subheading, .middle-column-box-left-grey p.subheading, .middle-column-box-right-grey p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-grey p, .middle-column-box-left-grey p, .middle-column-box-right-grey p {
	margin: 0em 1.0em 0.6em 1.0em;	
	font-size: 1.2em;	
}

/*** Blue options ***/
.middle-column-title-blue {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-blue {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(226,238,252);
	color: rgb(100,100,100);
}

.middle-column-box-left-blue {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(226,238,252);
	color: rgb(100,100,100);
}

.middle-column-box-right-blue {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(226,238,252);
	color: rgb(100,100,100);
}

.middle-column-box-full-blue p.heading, .middle-column-box-left-blue p.heading, .middle-column-box-right-blue p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-blue p.subheading, .middle-column-box-left-blue p.subheading, .middle-column-box-right-blue p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-blue p, .middle-column-box-left-blue p, .middle-column-box-right-blue p {
	margin: 0em 1.0em 0.6em 1.0em;	
	font-size: 1.2em;	
}

/*** Yellow options ***/
.middle-column-title-yellow {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,236,128);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-yellow {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,240,170);
	color: rgb(100,100,100);
}

.middle-column-box-left-yellow {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,240,170);
	color: rgb(100,100,100);
}

.middle-column-box-right-yellow {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,240,170);
	color: rgb(100,100,100);	
}

.middle-column-box-full-yellow p.heading, .middle-column-box-left-yellow p.heading, .middle-column-box-right-yellow p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-yellow p.subheading, .middle-column-box-left-yellow p.subheading, .middle-column-box-right-yellow p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-yellow p, .middle-column-box-left-yellow p, .middle-column-box-right-yellow p {
	margin: 0em 1.0em 0.6em 1.0em;
	font-size: 1.2em;	
}

/*** Green options ***/
.middle-column-title-green {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green {
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(224,244,181);
	color: rgb(100,100,100);	
}

.middle-column-box-left-green {
	clear: left;
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(224,244,181);
	color: rgb(100,100,100);	
}

.middle-column-box-right-green {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(224,244,181);
	color: rgb(100,100,100);	
}

.middle-column-box-full-green p.heading, .middle-column-box-left-green p.heading, .middle-column-box-right-green p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green p.subheading, .middle-column-box-left-green p.subheading, .middle-column-box-right-green p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-green p, .middle-column-box-left-green p, .middle-column-box-right-green p {
	margin: 0em 1.0em 0.6em 1.0em;
	font-size: 1.2em;	
}

/*** Red options ***/
.middle-column-title-red {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,176,176);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-red {
	clear: left;
	float: left;
	width: 43.0em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,219,219);
	color: rgb(100,100,100);	
}

.middle-column-box-left-red {
	float: left;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,219,219);
	color: rgb(100,100,100);	
}

.middle-column-box-right-red {
	float: right;
	width: 20.5em;
	margin: 0em 0em 2.0em 0em;
	padding: 0em;
	background-color: rgb(255,219,219);
	color: rgb(100,100,100);	
}

.middle-column-box-full-red p.heading, .middle-column-box-left-red p.heading, .middle-column-box-right-red p.heading {
	margin: 1.0em 1.0em 1.0em 1.0em;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-red p.subheading, .middle-column-box-left-red p.subheading, .middle-column-box-right-red p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-red p, .middle-column-box-left-red p, .middle-column-box-right-red p {
	margin: 0em 1.0em 0.6em 1.0em;
	font-size: 1.2em;	
}

/*** Image with border ***/
.middle-column-img-left-halfsize-border {
	float: left;
	width: 5.5em;
	height: 5.5em;
	margin: 0.3em 0.75em 0.3em 0em;
	border: solid 1px rgb(100,100,100);
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-right-halfsize-border {
	float: right;
	width: 5.5em;
	height: 5.5em;
	margin: 0.3em 0em 0.3em 0.75em;
	border: solid 1px rgb(100,100,100);	
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-left-fullsize-border {
	float: left;
	width: 11.0em;
	height: 11.0em;
	margin: 0.3em 0.75em 0.3em 0em;
	border: solid 1px rgb(100,100,100);
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-right-fullsize-border {
	float: right;
	width: 11.0em;
	height: 11.0em;
	margin: 0.3em 0em 0.3em 0.75em;
	border: solid 1px rgb(100,100,100);	
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

/*** Image without border ***/
.middle-column-img-left-halfsize-noborder {
	float: left;
	width: 5.0em;
	height: 5.0em;
	margin: 0.3em 0.5em 0.3em 0em;
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-right-halfsize-noborder {
	float: right;
	width: 5.0em;
	height: 5.0em;
	margin: 0.3em 0em 0.3em 0.5em;
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-left-fullsize-noborder {
	float: left;
	width: 10.0em;
	height: 10.0em;
	margin: 0.3em 0.5em 0.3em 0em;
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

.middle-column-img-right-fullsize-noborder {
	float: right;
	width: 10.0em;
	height: 10.0em;
	margin: 0.3em 0em 0.3em 0.5em;
	font-size: 0.833em; /*!scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.*/
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 140px;
	margin: 0em 0em 0em 0em;
	padding: 0 10px 0 10px;
	/*border:1px solid green;*/
	font-size:14px;
	
}


/*** Standard option ***/
.right-column-title-standard {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-standard {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);	
}

/*** Grey title and box option ***/
.right-column-title-grey {
/* clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.2em;
	background-color: rgb(220,220,220);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-grey {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(235,235,235);
	color: rgb(100,100,100);	
}

/*** Blue title and box option ***/
.right-column-title-blue {
/*	clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-blue {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);		
	color: rgb(100,100,100);		
}

/*** Yellow title and box option ***/
.right-column-title-yellow {
/*	clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.2em;
	background-color: rgb(255,236,128);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-yellow {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,255,191);	
	color: rgb(100,100,100);			
}

/*** Green title and box option ***/
.right-column-title-green {
/* 	clear: both;*/
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.2em;
	background-color: rgb(196,221,108);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-green {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(224,244,181);	
	color: rgb(100,100,100);	
}

/*** Red title and box option ***/
.right-column-title-red {
/*	clear: both; */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.2em;
	background-color: rgb(255,176,176);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-red {
/*	float: right; */
	width: 13.0em;
	margin: 0em 1.0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,219,219);	
	color: rgb(100,100,100);	
}

/*** Paragraph text ***/
#right-column p {
	margin: 0em 0em 0.4em 0em;
	font-size: 1.1em;
}

.attachmentimg
{
	/* Firefox */
	max-width: -moz-calc(100% - 320px);
	/* WebKit */
	max-width: -webkit-calc(100% - 320px);
	/* Standard */
	max-width: calc(100% - 320px);
}

.attachmentpage
{
	background:#FFFFCC;	
}

.attachmentpage #footer
{
	clear: both;
/*	float: left; */
	width: 100%;	
	margin: 1.0em 0em 0em 0.0em;
	padding: 0.5em 0em 0.5em 0em;	
	text-align: center;
	color:#FFFFFF;
	font-size: 1.0em;
	background-color:#006699;
}

.attachmentpage #subfooter
{
	width: 100%;
}

.attachmentpage header
{
	width: 100%;
	background-color:#fff;
	height: 91px;
	border-bottom: 3px solid #006699;
}

.attachmentpage article
{
	margin: 0 auto;
	text-align: center;
	border:1px solid red;
}