/* @override http://127.0.0.1:5000/static/css/styles.css */

/* @group CSS Reset */

/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - No underline by default on links (we add it explicitly in the body text)
   - When we want markers on lists, we will be explicit about it, and they render inline by default
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: middle; }



/* @end */

/* @group Basics */

body { 
	font: 100% Arial, FreeSans, sans-serif;
	background: White;
	color: Black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, FreeSans, sans-serif; 
	font-weight: bold;
	line-height: 125%;
	color: Black;
}
h1, h2 {
	letter-spacing: -1px;
}
h1 {
	font-size: 1.625em; /* 26px equiv */
}
h2 {
	font-size: 1.375em; /* 22px equiv */
}
h3 {
	font-size: 1.125em; /* 18px equiv */
}
h4 {
	font-size: 0.875em; /* 14px equiv */
}
h5 {
	font-size: 0.75em; /* 12px equiv */
}
h6 {
	font-size: 0.625em; /* 10px equiv */
}

p {
	font-size: 0.75em; /* 12px equiv */
}

a:link, a:visited {
	color: #205c90;
}

a:link:hover,
a:visited:hover {
	color: #75ad0a;
}

dt {
	font-weight: bold;
}
input {
	font-family: "Lucida Grande", Arial, FreeSans;
}

/* @end */

/* @group Grid */

/* Grid classes, these can also be nested */
.grid-row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
.grid-cell {
  position: relative;
  float: left;
  left: 100%;
}

/* Widths, these are abstracted out so that pixel-based layouts or other
   similar approaches can be retrofitted without changing the markup,
   or if you want to apply rules like the Golden Ratio to your layouts */
.width-half {
	width: 50%;
}
.width-quarter {
	width: 25%;
}
.width-three-quarters {
	width: 75%;
}
.width-third {
	width: 33.33%;
}
.width-two-thirds {
	width: 66.67%;
}

/* Positioning classes, these are subtracting from a rightmost position */
.position-leftmost {
	margin-left: -100%;
}
.position-third {
	margin-left: -66.67%;
}
.position-two-thirds {
	margin-left: -33.33%;
}
.position-quarter {
	margin-left: -75%;
}
.position-half {
	margin-left: -50%;
}
.position-three-quarters {
	margin-left: -25%;
}

/* @end */

/* @group Rounded Corners */
.rounded {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.roundedleft {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.roundedright {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

/* @end */

/* @group accordion */
.accordion {

	/* some decorations for the accordion root element */

	/* IE6 cannot handle PNG24 backgrounds. use a solid color instead */
	-background:#666;
}

/* accordion header */
.accordion h2 {
	background:url(../images/arrow-gray-right.png) no-repeat 0% 50% transparent;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	color: #314da1;
	font-weight:bold;
	cursor:pointer;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	color:#af1e4a;
	background:url(../images/arrow-gray-down.png) no-repeat 0% 50% transparent;
}

/* accordion pane */
.accordion div.pane {
	display:none;
	height:100px;
	padding:5px 0px;
	color:black;
	font-size:12px;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
.accordion div.pane p {
    font-size: 11px;
}

/* @end */

/* @group Wrappers */


html, body {
/* Sticky footer */
	height: 100%;
}


#outer-wrapper {
	background: 0% 0% url(../images/body-background.png) repeat-x #fcfcfc;
/* Sticky footer w/IE fixes*/
/*	min-height: 100%;
	height: auto !important;
	height: 100%; */
	margin: 0 auto 0em;
}
#middle-wrapper {
    background:url(../images/paper-center.png) repeat-y 76px 120px transparent;
}
#inner-wrapper {
	border-top: 0px solid #314da1; 
	padding: 0 0em;
/*	background:url(../images/content-papertop.png) no-repeat 0px 120px transparent;*/
	background:url(../images/papertop-frontpage.png) no-repeat 76px 120px transparent;
}
#innermost-wrapper {
/*    background:url(../images/teaser-background.png) no-repeat 79px 120px transparent; */
    margin: 0px 0px 0px 0px;
}

#top-wrapper {
    margin: 0px;
}

#header-wrapper {
    background:url(../images/header.png) 0% 0% repeat-x transparent;
}


#content-outmost-wrapper {
    background:url(../images/papertop-frontpage-alt.png) no-repeat 76px 0px transparent;
    margin: 0px 0px 0px 0px;
}

#content-outer-wrapper {
/*    background:url(../images/paper-center.png) repeat-y 100% 0% transparent; */
    width: 1046px;
    border: 0px solid blue;
    margin: 0px auto 0px 54px;
}

#content-inner-wrapper {
    background:url(../images/paper-center-bottom.png) no-repeat 50% 100% transparent;
    width: 1046px;
    border: 0px solid blue;
    margin: 0px auto;
}

#content-wrapper {
	width: 996px; /* 937px; */
	margin: 0em auto 0em auto;
	border: 0px solid red;
}

#main-wrapper {
    padding: 0px !important;
    margin: 0px !important;
}

#header {
    width: 1024px;
    margin: 0 auto 0 2em;
    border: 0px solid black;
}

#logo-wrapper {
	width: 510px;
	margin: 0;
}

#logo {
	margin: 0 22px 25px;
	background: 0 0px url(../images/logo.png);
	width: 455px;
	height: 141px;
	display: block;
	line-height:0%;
	text-indent: -3000px;
	overflow:hidden;
	border: none !important;
}

#language-flags-wrapper {
    float: right;
    clear:right;
    width: 345px;
    border: 0px solid red;
}

#language-flags-wrapper a {
    line-height: 0%;
    text-indent:-3000px;
    overflow:hidden;
}

#flag-de {
    background: 0 0px url(../images/flag-germany.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-en {
    background: 0 0px url(../images/flag-en.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-fr {
    background: 0 0px url(../images/flag-fr.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-it {
    background: 0 0px url(../images/flag-it.png) no-repeat;
	width: 64px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-es {
    background: 0 0px url(../images/flag-es.png) no-repeat;
	width: 69px;
	height: 64px;
	display: inline-block;
	border: none !important;
}
#flag-ja {
    background: 0 0px url(../images/flag-ja.png) no-repeat;
	width: 75px;
	height: 64px;
	display: inline-block;
	border: none !important;
}

#global-quicklinks {
    float: right;
    clear:right;
    margin-top: 20px;
    width: 350px;
    border: 0px solid red;
}

#global-quicklinks ul li {
    margin-right: 5px;
}

#global-quicklinks a {
    color: white;
    font-size: 0.70em;
}

/* @end */

/* @group frontpage teaserblock */

#teaserblock {
    background:url(../images/teaser-image-frontpage.jpg) no-repeat 40px 0px white;
    height:182px;
    margin: 0px;
    padding: 0px 0px 100px 0px;
}

#teaser {
    border: 0px solid #ccc;
    padding-left: 20px;
    width: 500px;
    float: left;
}

#teaser h1 {
    color: #314da1;
    font-size: 300%;
    line-height: 90%;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;
}
#teaser h2 {
    color: #af1e4a !important;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;
    font-size:1.3em;
}

#teaseraction {
    background:url(../images/teaser-button.png) no-repeat 0% 0% transparent;
    width: 296px;
    height: 54px;
    text-transform: uppercase;
    font-size: 130%;
}

#teaseraction h3 {
    margin-left:75px;
    padding-top: 10px;
    font-family: Verdana, sans-serif;
}

#teaseraction h3 a:link,
#teaseraction h3 a:visited {
    color: white;
    border: none;
}
#teaseraction h3 a:hover {
    color: white !important;
    text-decoration: underline;
}

#teaser-sb li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

#fb-block {
    width: 313px;
    float: right;
    margin: -10px 0px 10px 0px !important;
}

/* end */

/* @group splashboxes */

.splashbox {
    border: 1px solid white;
}

.splashboxHeader {
    position:absolute;
    top: 10px;
    border: 0px solid black;
    background:url(../images/actionbox-header-red.png) no-repeat 0% 0% transparent;
    height:42px;
    width: 179px;
    padding: 10px 0px 0px 30px;
}

#splashboxes-two .splashboxHeader {
    background:url(../images/actionbox-header-blue.png) no-repeat 0% 0% transparent;
}

.splashboxHeader h3 {
    color: white;
    font-size: 1em;
}

.splashboxHeader h3 a:link,
.splashboxHeader h3 a:visited {
    color: white;
}
.splashboxHeader h3 a:hover {
    color:white;
    text-decoration: underline;
}

.splashboxHeaderLarge {
    position:absolute;
    border: 0px solid black;
    background:url(../images/button-large-blue.png) no-repeat 0% 0% transparent;
    height:40px;
    width: 276px;
    padding: 15px 0px 0px 20px;
}

#splashbox-header-one {
    top: 10px;
}
#splashbox-header-two {
    top: 85px;
}
#splashbox-header-three {
    top: 160px;
}

#splashbox-header-one h3 {
    background: url(../images/icon-pencil.png) no-repeat 0% 0% transparent;
    padding-left: 40px;
    height: 35px;
}
#splashbox-header-two h3 {
    background: url(../images/icon-download.png) no-repeat 0% 0% transparent;
    padding-left: 40px;
    height: 35px;
}
#splashbox-header-three h3 {
    background: url(../images/icon-books.png) no-repeat 0% 0% transparent;
    padding-left: 40px;
    height: 35px;
}

.splashboxHeaderLarge h3 a:link,
.splashboxHeaderLarge h3 a:visited {
    color: white;
}
.splashboxHeaderLarge h3 a:hover {
    color: white;
    text-decoration: underline;
}


/* @group Action Boxes */

.actionBox {
    border: 1px solid #ccc;
    background: #ebebeb;
    margin: 0px 0px 0px 5px;
}

.actionBoxHeader {
/*    background:url(../images/actionbox-header-red.png) no-repeat 0% 0% transparent; */
    padding: 17px;
}
.actionBoxHeader h2 {
    color: white;
    font-size: 1em;
}

.actionBoxBody {
    padding: 5px 20px;
    min-height: 120px;
}

.actionBoxBody p {
    color: #464646;
    font-size: 0.7em;
}
.actionBoxBody h4 {
    color: #af1e4a;
}

.actionBoxBody h4 a:link,
.actionBoxBody h4 a:visited {
    color: #af1e4a;
}
.actionBoxBody h4 a:hover {
    text-decoration: underline;
}

#splashbox-actions .actionBoxBody {
    min-height: 300px;
}

#splashbox-contact .actionBoxBody p {
    color: #314da1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75em;
}
#splashbox-contact .discreet {
    font-family: Georgia, sans-serif;
    font-style:normal;
    font-weight: normal;
    font-size: 0.7em;
    color: #464646;
}

a.more-link {
    background:url(../images/arrow-gray-right.png) no-repeat 0% 50% transparent;
	margin:0;
	padding:5px 0px 5px 15px;
	color:#af1e4a;
	font-weight:bold;
}

.call-me {
    background:url(../images/icon-phone.png) 0% 0% no-repeat transparent;
    padding: 7px 0px 7px 40px;
    color: #314da1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
}

#actionbox-phone .actionBoxBody h3 {
    color: #af1e4a;
}
#actionbox-contact .actionBoxBody {
    font-family: Georgia, sans-serif;
    font-style:italic;
    font-size: 0.8em;
    color: #464646;
}

#actionbox-info .actionBoxBody h3 {
    margin-top: 0;
	background: url(../images/icon-globe.png) 0 50% no-repeat transparent;
	padding-left: 20px;
	color: #314da1;
}

/* @end */

/* @group External Award Implementation */

#external-award-badge {
    padding-left: 40px;
}

/* @end */

/* @group copyright & social bookmarks */
#copyright-wrapper {
    padding: 20px 0px 0px 0px;
}

#copyright-block {
    color: #314da1;
    font-size: 0.7em;
}
#copyright-block span {
    color: #af1e4a;
}

#sm-block ul li {
    display: inline;
    margin-right: 3px;
}

/* @end */

/* @group Splash pages */

div.splash {
	font-family: "Helvetica Neue", Arial, FreeSans, sans-serif; 
	background-color: #205c90;
	color: White;
	margin-bottom: 1em;
	padding: 1em 1.5em 2em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

#content div.splash h1 {	
	color: White;
	letter-spacing: 0;
}


#content div.splash h2,
#content div.splash h3 {
	color: White;
	letter-spacing: 0;
	font-weight: normal;
}

#content div.splash a {
	color: White;
	border: none;
	background: transparent 0 -114px url(../images/sprite.png) no-repeat;
	padding-left: 16px;
	font-size: 1.375em;
	font-weight: bold;
}

div.pullout {
	background-color: #87B829;
	padding-left: 2.5em;
	margin-left: -1em;
}

div.pullout li {
	display: block;
}

div.pullout li a:before {
	content: "→ ";
}
/* @group Content Area */

#content {
	line-height: 1.5em;
	clear: both;
	margin: 0px !important;
	padding: 0px !important;
}

#content h1,
#archetypes-fieldname-title input {
	margin-top: 0.5em;
}

#content h1.documentFirstHeading {
	margin-top: 0;
	background: url(../images/icon-globe.png) 0 50% no-repeat transparent;
	padding-left: 20px;
	color: #314da1;
}

#content h2,
#content h3,
#content h4 {
	margin-top: 0.5em;
	color: #444;	
}


#content p,
#content ul,
#content ol,
#content table,
#content dl,
#content dt,
#content dd,
dl.portlet p,
dl.portlet ul {
	margin-bottom: 1em;
	line-height: 1.3em;
	font-size: 13px;
}

/*#content p,
#content dl,
#content ul,
#content ol {
	text-align: justify;	
}*/

#content a:link {
	color: #205c90;
	border-bottom: 1px solid #ccc;
}

#content a:link:hover {
	color: #75ad0a;
}

#content a:visited {
	color: #427597;
	border-bottom: 1px solid #ccc;
}
#content a:target {
	background-color: #ffb !important;
}

#content img {
	max-width: 100%;
}

#content ul,
dl.portlet ul {
	list-style-type: disc;
	margin-left: 2em;
}

#content ol,
dl.portlet ol {
	list-style-type: decimal;
	margin-left: 2em;
}

#content li,
dl.portlet li {
	margin-bottom: 0.25em;
	line-height: 1.5em;
	display: list-item;
}

#content dt {
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 0;
}
#content dd {
	margin: 0 0 1em 1em;
}

#content pre {
	background-color: #222;
	color: White;
	font-family: Consolas, Inconsolata, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;	
	padding: 10px;
	overflow-x: auto;
	font-size: 90%;
	margin-bottom: 1em;
	line-height: 1em;
}

#content code {
	font-family: Monaco, Consolas, Inconsolata, "Courier New", monospace;
}

#content div.documentByLine {
	margin-bottom: 10px;
	font-size: 11px;
	display: block;
	margin-top: -0.5em;
	color: gray;
}

#content .discreet,
#sidebar .discreet {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}

#content .visualHighlight {
    background-color: #ffb;
}

#content .pullquote {
    padding: 0 1em 0 1em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    float: right;
    width: 35%;
    clear: right;
    border-left: 1px solid #888;
	color: #888;
}
#content .callout {
    color: #666;
    padding: 1em;
	border: 1px solid #666;
	border-style: solid none;
	clear:  both;
}


#content table {
	width: 100%;
	text-align: left;
}

#content p.documentDescription,
#description {
	color: gray !important;
	font: bold 1em "Helvetica Neue", Arial, FreeSans, sans-serif !important;
	margin-left: 0;
}

#content img.tileImage,
#content div.newsImageContainer {
	float: left !important;
	margin: 0.5em 1em 0.5em 0em;
}
#content div.newsImageContainer {
	width: 200px;
}
#content div.newsImageContainer p.discreet {
	margin: 0;
	padding: 0.5em;
	background-color: #666;
	background-color: rgba(40,40,40,0.7);
	color: White;
	font-weight: bold;
	position: relative;
	top: -3em;
}

.parentLink {
    border: 1px solid #ccc;
    background: #ccc;
}


.dottedline {
    clear:both;
    background:url(../images/dotted-line.png) 0% 50% repeat-x transparent;
    line-height:1.5em;
    margin: 0px 20px;
}

/* @end */

/* @group Edit bar */

#content-views {
	margin: 1em 0;
}

#edit-bar { 
	width: 1000px;
	margin: 0 auto 0 76px;
	background-color: #75ad0a;
	clear: both;
}

#edit-menu ul { 
	padding-left: 0.5em;
	border-top: 4px solid #76AD17;
	background-color: #76AD17;
	border-bottom: 1em solid #63A100;
	line-height: 2em;
	height: 1em;
	margin-top: 1em;
}

#edit-menu li a { 
	color: White;
	font-weight: bold;
	padding: 0.5em;
	line-height: 2em;
}


#edit-menu li a:hover, 
#edit-menu li.selected a { 
	color: #75ad0a;
	background-color: White;
	border-top: 1px solid #75ad0a;
	line-height: 2em;
}

#edit-menu li:hover a, 
#edit-menu li.selected a { 
	color: #75ad0a;
}

#action-menu {
	/*float:right;
	clear: right;*/
}

#action-menu ul li a {
	color: White;
	font-weight: bold;
}

#action-menu ul li a img {
	display: none;
}
/* @end */



/* @group Status messages */

dl.portalMessage {
    font-size: 12px;
    background-color: #ffffe3; 
    border: 1px solid #996;
    margin-bottom: 1em;
}

dl.portalMessage a {
    color: black !important;
    border: none !important;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996; 
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em; 
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}



/* @end */

/* @group Editing */

/* @group Pulldown menus */

.contentActions {
    background-color: white;
    text-align: right;
    padding: 0 0 0 1em;
    z-index: 2;
    position:relative;
    height: 1.6em;
}
.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    color: Black;
    text-align: left;
    line-height: 1.6em;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
}
.contentActions a {
    text-decoration: none;
    color: White;
    padding: 0 0.5em;
    cursor: pointer;
}
.contentActions span.subMenuTitle {
    padding: 0em 0.5em;
    position: relative;
    white-space: nowrap;
    display: inline;
}
.contentActions a span.subMenuTitle {
    padding: 0px;
    display: inline;
}

#contentActionMenus li {
    float:  right;
    margin-top: 0.5em;
}

#contentActionMenus li .actionMenuContent li {
    float:  none;
    margin-top:  0;
}

.actionMenu {
    /*  The spec says we can't put this on an element with a float (although
        Opera is the only one that cares) and we need it in order to catch
        the position:absolute bubbling up */

    position: relative;
    margin: 0;
    padding: 0;
	font-weight: bold;
}
.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
}
.actionMenu.activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}
.actionMenu .actionMenuHeader a {
    display: block;
	color: White;
	padding: 0 0.5em 0.5em 0.5em;
}
.arrowDownAlternative {
    font-size: 0.85em;
}
.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.5em;
    right: 0;
    height: auto;
    padding: 0;
    margin: 0;
}
.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    /* this one will be ignored by IE, it is here to fix the cut-off error in
       Firefox */
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}
.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}
.actionMenu .actionMenuContent ul {
    display: block;
    background: #75ad0a;
	color: White;
    margin: 0;
	border: 3px solid #74ae0b;
}
.actionMenu .actionMenuContent li {
    float: none;
    display: inline;
}
.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
	background-color: #74ae0b;
	color: White;
	padding: 0.5em;
}
.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}
.actionMenu .actionMenuContent li a:hover {
    background-color: White;
    color: #75ad0a !important;
}
.actionMenu .actionMenuContent .actionSeparator a {
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}
#templateMenu li a {
    padding-left: 16px;
}

.noMenuAction {
    color:  white;
    padding: 0 0.5em;
}

/* @end */

/* @group Footer */

#footer-wrapper {
/* Sticky footer */
    height: 18em;
	background: #af1e4a;
}

#footer-gradient {
	background: top left url(../images/sprite.png) repeat-x;
	height: 7px;
}

#push {
/* Sticky footer */
	height: 18em;
}

#footer {
	color: White;
	font-family: "Lucida Grande", Verdana, FreeSans, sans-serif;
	margin: 0 auto 0 54px;
	padding: 97px 0 0 0;
	width: 1045px;
	border: 0px solid black;
	background:url(../images/footer.png) no-repeat 50% 0% transparent;
}

#footer p {
	font-size: 0.7em;
}

#footer-logo {
	float: left;
	background-image: url(../images/sprite.png);
	background-position: 0 -376px;
	width: 114px;
	height: 44px;
	border-right: 1px solid white;
	margin: 0 1em 0 0.5em;
}

#sitemap  {
	width: 100%;
	clear: both;
	padding-top: 1em;
/* IE:
	clear: both;
	margin-bottom: 3em;
	float:left;
*/
}

#sitemap dl {
	font-family: "Lucida Grande", Verdana, FreeSans, sans-serif;
	color: White;
	display: inline-block;
	vertical-align: top;
	width: 12%;
/* IE:   width: 16.3%;*/
/* IE:   float: left;*/

}
#sitemap dl a {
	font-size: 0.6em;
	color: White;
	display: block;
	padding: 0.25em 6px;
}
#sitemap dl a:hover {
	color: black;
	background-color: White;
}

#sitemap dl dt {
    height: 40px;
}

#sitemap dl dt a {
	font-size: 0.75em;
}
/* @end */

/* @group Invisibles */

.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

.visualClear {
	clear: both;
}

/* @end */