/* Layout stylesheet
Based on Tonico's elaborate flexible-layout http://www.webproducer.at/flexible-layout/
Static-n-centered version
*/

/* Layout stylesheet */

body {
	font-size: 76%;
	 /*font-size: 100.01%; [1] */
	margin:0;
	padding:0;
	min-width:50em;
}

#header,
#matter,
#footer {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}

#header .div-wrapper,
#matter .div-wrapper,
#footer .div-wrapper {
	text-align:center;
	width:700px;
	margin:0 auto;
	position:relative;
}

#col-a {
  float: right;
  width: 100%;
}
#col-a[id] { /* [2] */
  margin-left: -1px;
  text-align:left;
}
#col-b {
  float: left;
  margin-left: -170px;
  z-index: 10; /* [3] */
  text-align:left;
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
  float: right;
  margin-right: -170px;
  z-index: 11; /* [3] */
  text-align:left;
   position:relative;
}
#col-c[id] { /* [2] */
  margin-left: 1px;
}

#grid {
	text-align:center;
}

.show-all #grid {
  padding: 0 170px;
}
.hide-left #grid {
  padding: 0 170px 0 0;
}
.hide-right #grid {
  padding: 0 0 0 170px;
}
.hide-all #grid {
  padding: 0 0 0 0;
}
.cols-wrapper {
	position:relative;
	width: 530px;
	margin:0 auto;
	background:#ffffff;
}
.hide-all #grid .cols-wrapper{
  width: 700px; /* static-ing the column */
  margin:0 auto;
}
.cols-wrapper[class] {
	padding-bottom: 0.1px;
}

.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
  background: #ffffff;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}
.sidecol {
  position: relative;
  width: 170px;
  overflow: hidden;
}
.box {
  padding: 0 0;
  text-align:left;
}
.main-content {
  margin: 0 1em;
  text-align:left;
}
.clear {
  clear: both;
}
.none {
  display: none;
}
/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/


#logo{
position:relative;
float:left;
width:180px;
height:170px;
background-color:#ffffff;
text-align:center;
padding:10px 0 0 0;
}


#logo p{
margin:0;
padding:0;
}

#logo a:hover {
background-color:none;
}

.bannerillos{
	text-align:right;
	background-image: url(/images/bannerillosbak.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #333355;
	margin:0 0 0 180px;
	padding:0;
	height:170px;
}
.bannerillos p {
margin:0;
padding:0;
}
.bannerillos img {
margin:9px 9px 9px 0;
padding:0;
}

/* MATT */
#gridwrap, #grid {
	background-color:#ffffff;
}


/* FOOT */
#scrubwrap {
 	background-color:#ffffff;
}

#gutterbox{
	text-align:center;
	padding:1em;
	margin:0;
}


h2 {
	color: #666699;
	font-weight: bold;
	margin:30px 0 .5em 0;
}

h3 {
	color: #666699;
	margin: 0px;
	padding: 15px 0px 3px;
	border-bottom: 1px solid #CC9933;
}

a:link {
	color: #0000CC;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #0000CC;
	background: #CCCCFF;
}

img.illosquare {
	border: 1px solid #6699CC;
	margin: 5px 10px;
}

.oldbrowser {display:none}

p.langlink {
	text-align: center;
}
p.langlink a:link,
p.langlink a:visited {
color: #5677A8;
}

div.sidenav, div.sidenav-b {
	border-right-color: #6688bb;
	border-right-style: solid;
	border-right-width: 1px;
	margin:0;
	padding:0;
	position:relative;
	color:#666666;
}
div.sidenav {
	background: #ffeedd url(/images/sidenavbaktop.gif) no-repeat left top;
	padding: 2em .5em .1em .5em;
	}
div.sidenav-b {
	background: #ffeedd url(/images/sidenavbakbot.gif) no-repeat left bottom;
	padding: .1em .5em 2em .5em;
}

div.sidenav p {
	margin-left:.5em;
	padding:0;
}
div.sidenav dl.nav a:link,
div.sidenav dl.nav a:visited, 
div.sidenav-b dl.nav a:link,
div.sidenav-b dl.nav a:visited{
	color: #aa3311;
}

div.sidenav dl.nav a:hover {
text-decoration:none;
}

dl.nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

dl.nav dt{
	margin-left:.5em;
	margin-bottom: .3em;
	padding-left:0;
	font-weight: bold;
}

dl.nav dd{
	margin-left:1em;
	border-top: 1px solid #6688bb;
	padding-top: .3em;
	padding-bottom: .3em;
}

.photocredit{
	font-style: italic;
	color: #999999;
}
.center {
text-align:center;
}

/*