/************************************************************33
	 * general markup (body, links, etc.)
	 */
  	body { 
		font-family:verdana, arial, helvetica, sans-serif; 
		font-size:10pt;
		margin:0;
		padding:4px;
		background-color:#ffffff;
	}
	
	/*
	 * general link format
	 */
	a:link {
		text-decoration:none;
		color:#701313;
	}
	a:visited {
		text-decoration:none;
		color:#701313;
	}
	a:hover {
		text-decoration:none;
		color:black;
	}
	
/****************************************************
 * content markup
 */
 
  
	/* main title. use it for accessability reasons */
	h1 {
		margin-bottom:4px;
		margin-top:1px;
		margin-right:18px;
		font-family:verdana, helvetica, arial, sans-serif; 
		font-variant:small-caps; 
		font-size:18pt;
	}
	 
	/* sub title. use it for accessability reasons */
	h2 {
		margin-bottom:2px;
		margin-right:18px;
		margin-top:1px;
		
		font-family:verdana, helvetica, arial, sans-serif; 
		font-variant:small-caps; 
		font-size:14pt;
		
	}
	
	/* ordinary text paragraphs inside content area */
	#content p { 
		margin-right:18px;
	}
	
	
	/* paragraph for an abstract text */
	#content p.abstract { 
		font-style:italic; 
		font-size:11px;
	}
	
	/* dividing line */
	hr { 
	 	color:black;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:18px;
	}
	
 	/* commun properties for picture divs */
	div.right-side-pic , 
	div.left-side-pic {
	 
		margin-left:8px;
		margin-right:4px;
		margin-bottom:0px;
		margin-top:0px;
		
		padding:0;
		
		border-style:solid;
		border-color:#999999;
		
		border-top-width:1px;
		border-bottom-width:1px;
		border-right-width:1px;
		border-left-width:1px;
	}
	
	/* specialized properties for right side pic */
	div.right-side-pic {
	 	float:right;
	}
	
	/* specialized properties for left side pic */
	div.left-side-pic {
		float:left;
		margin-left:18px;
		margin-right:10px;
		margin-top:12px;
	}
	 
	/* box for legend of an image */
	div.right-side-pic div , div.left-side-pic div {
	 	
		font-family:verdana, arial, helvetica, sans-serif; 
		font-size:10px; 
		font-variant:small-caps;
		
		margin:0;
		
		padding-left:6px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		
		border-style:solid;
		border-top-width:0px;
		border-bottom-width:0px;
		border-right-width:0px;
		border-left-width:0px;
		border-color:#ffffff;	
	} 
	
	/* images inside content area */	
	#content img {
		margin:0;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
	}

        /* list of feedback messages */
        ul.msg-list {
            list-style-type:none;
        }

        /* error, info and warn messages */
        li.error-msg {
            color:#ff0000;
            width:350px;
            list-style-type:square;
            font-size:9pt;
        }
        li.warning-msg {
            color:#ee5900;
            list-style-type:disc;
            font-size:9pt;
        }
        li.info-msg {
            color:darkgreen;
            list-style-type:circle;
            font-size:9pt;
        }