/* CCS for FastFieldSolvers */
/* 2013 E. Di Lorenzo   */

/* reset all tags, to start from clean situation */

html, body, br, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}

p {
	margin-top: 0.3em;}
	
	ol, ul {
	list-style: disc inside none;}

table {
	border-collapse: separate;
	border-spacing: 0;}

table.inline {
	margin: 5px;
	padding: 5px;}
	
/*  */
/* actual CCS */
/*  */

body {
	margin: 0px; /* Firefox wants this */
	padding: 0px; /* Opera wants this */
	color: #000000;
	font: 12px/200% georgia, arial, verdana, helvetica, sans-serif;}

code {
        font-family: monospace;}
	
a[href] img:hover {
	outline: #796250 solid 1px;}

a:link, a:visited {
	color: #794827;
	text-decoration: underline;}

a[href]:hover {
	font-weight: bold;}

a.bigger {
	font-size: 16px;}
	
/* header */

#top {
	padding-left: 100px; /* leave space on the left for the side image */
	text-align: center;
	height: 200px;     /* fix height equivalent to the image */
	background:  #d9c6c0 url(../Images/top_left.jpg) left top no-repeat;} /* left top aligns the image to the left top of the block */
	
		
#top #toptop {
	height: 200px;
	line-height: 100%;  /* this adjusts the spacing on IE */
	background: url(../Images/top_top.jpg) no-repeat left;} /* align the image to the left, so when enlarging to the right, the image is fixed to the left */

#top #toptop #logo-intro {
	position: relative;  /* can move relative to father block; height is guaranteed since fixed by the father, and not by this block*/
	top: 26px;	
	font-size: 40px;
        color: #794827;
	line-height: 100%;
	letter-spacing: -0px;
	text-decoration: none;}

#top #toptop #logo-text {
	position: relative; /* can move relative to father block; height is guaranteed since fixed by the father, and not by this block*/
	top: 40px;	
	font-size: 51px;
        color: #794827;
	line-height: 100%;
	letter-spacing: -0px;
	text-decoration: none;	}
	
#top #toptop #menuh {
	height: 20pt;
	line-height: 100%;
	border-bottom: solid 1pt #794827;}

#top #toptop #menuh table {
	float: right; /* float to keep on the right also when resizing width */
	height: 27px;
	text-align: center;
	font-size: 11px;}	
	
#top #toptop #menuh tr {
	padding: 0px 0px 0px 0px;}

#top #toptop #menuh td {
	padding: 1ex 1em 1ex 1em;} /* padding relative to font dimension */

#top #toptop #menuh td a {
	font-weight: bold;
	color: #000000;}
	
#top #toptop #menuh #current a {   /* modify links aspect, when used in this menu */
	color: #666666;}	
	
#top #toptop #menuh td:hover {
	background-color: #000000;}
	
#top #toptop #menuh td:hover a {
	color: #fbf1ee;}

/* content */

#canvas {
	padding-left: 100px; /* again leave free the left part for the side picture */
	background:  #000000 url(../Images/left.jpg) left top no-repeat;} /* have black background on below side picture when extending height */
		
#canvas #content {
	background: #fbf1ee;} /* and have cream background following width resizing */

h1 { 
     position: relative;
     text-align: left;
     font-size: 32px;
     font-weight: bold;
     color: #794827;
     height: 60px;
     line-height: 90%;
     border-bottom: 1px solid #dadada;
     margin-bottom: 5px;}	

h1 #main {
     position: absolute;
     top: 0;
     left: 0;}


h1 #shadow {
     position: absolute;
     top: 0.3em;  /* trick for shadow is moving the abs position. Height is guaranteed by father height parameter (otherwise father will collapse) */
     left: 0.3em;
     color: #FFFDFF; }

h2 { 
     color: #794827;
     font-size: 24px; 
     border-bottom: 1px dotted #dadada;
     padding-bottom: 0.3em;
     margin-top: 0.2em;}
     
h3 { 
     color: #794827;
     font-size: 18px;
     margin-top: 0.4em;}

h4 { 
     font-weight: bold; 
     margin-top: 0.6em;}

#borderbottom {
	clear: both;
	border-bottom: 1px dotted #dadada;
	padding-bottom: 0.3em;}
	
#bordertop {
	clear: both;
	border-top: 1px dotted #dadada;
	padding-top: 0.3em;}

/* classes for dimension */
.contentdim {             
	width: 1000px;} /* fixed not to allow the browser to put floated blocks to newline when the user is reducing the width of the browser window*/
	
.column100, .column80, .column60, .column50, .column40, .column30, .column20 {
	float: left;}  /* float to the left to have multiple columns */
	
.column20 {
	width: 200px;} /* fixed width, won't resize and keep the aspect ratio, not allowing titles to be wrapped with bad effect due to the 'absolute' positioning used for the shadow effect */

.column30 {
	width: 300px;}
	
.column40 {
	width: 400px;}

.column50 {
	width: 500px;}

.column60 {
	width: 600px;}
	
.column80 {
	width: 800px;}

.column100 {
	width: 1000px;}

img {
	background: #fbf1ee;
	border: 1px solid #dadada;
	padding: 8px;}

img.noborder {
  	margin: 0px 10px 0px 0px;
	border: 0px;
	padding: 0px;}

img.float-right {
  	margin: 5px 0px 10px 10px;  
	float: right;}

img.float-left {
  	margin: 5px 10px 10px 0px;
	float: left;}


img.do-not-float {
  	margin: 5px 10px 10px 10px;}

#canvas #content #colwrapper {  /* wrapper for the column (whatever class size), with a border on the right */
	margin: 5px 5px 5px 5px;
	border-right: 1px dotted #dadada;
	padding: 5px 5px 5px 5px;}

#canvas #content #sidewrapper { /* wrapper for the side column (whatever class size), without right border (close the line) */
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;}
	
#canvas #content #cell { /* wrapper for the basic content cell */
	padding: 10px 10px 10px 10px;}

#canvas #content #cell #licenseform { /* license form inside a cell */
	margin-left: auto;  /* this is the right way to center content */
        margin-right: auto; /* this is the right way to center content */
	display: block;
	text-align: center; /* this is the IE work-around (incorrectly applies the CSS "text-align" attribute to block-level elements) */}

#canvas #content #cell #licensebox { /* license box inside a form */
	margin: 5px 5px 20px 5px;
	text-align: left; /* counter-measure for the IE w/a in #licenseform */
	width: 100%;
	height: 300px;
	border: 1px solid;
	font-family: "Courier New", Courier, monospace;
	line-height: 120%;
	white-space: pre-line;}

#canvas #content #bottom {  /* wrapper for the bottom, inside the content */
	clear: both;
	margin-left: 1em;
	margin-right: 1em;
	border-top: 2px solid #dadada;
	font-size: 11px;
	color: #666666;
	padding-top: 1em;
	padding-bottom: 5em;
	padding-left: 2em;
	padding-right: 2em;}
	
#canvas #content #bottom #bottomleft {
	float: left;}

#canvas #content #bottom #bottomright {
	float: right;}

#bottom {  /* wrapper for the bottom, out of the content */
	clear: both;
	margin-left: 1em;
	margin-right: 1em;
	border-top: 2px solid #dadada;
	font-size: 11px;
	color: #666666;
	padding-top: 1em;
	padding-bottom: 5em;
	padding-left: 2em;
	padding-right: 2em;}

#bottom #bottomleft {
	float: left;}

#bottom #bottomright {
	float: right;}