html {
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
font-size:1em; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}

div {
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
}

body {
height:100%; /* fix height to 100% for IE */
max-height:150%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background-image: url(../images/bg-body.gif);
background-repeat: repeat-x;
background-color: #d5c7b8;
color: #993300;
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}

h1 {font-size: 170%; margin-top:12px; margin-bottom:6px;}
h2 {font-size: 120%; margin-bottom:2px;}
h3 {font-size: 115%; margin-bottom:2px; color:#cc9933;}
h4 {font-size: 105%; margin-bottom:0px;}

p {
padding:0; /*remove padding */
margin:0px 0px 7px 0px;
border:0; /* remove borders */
font-size:100%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
}

.content-view-full .class-article .attribute-long p,
.content-view-full .class-folder .attribute-long p {
margin:0px 0px 10px 0px;
line-height: 150%;
}

img, img a, img a:visited, img a:hover {
border:0px;
margin:0px;
padding:0px;
background-color:transparent;
}

a, a:visited {
color:#40647b;
text-decoration: none;
}

a:hover {
color:#40647b;
background-color: #f4f0ec;
text-decoration: underline;
}

#container {
display: block;
width: 768px;
padding-right:8px;
padding-left:8px;
margin: 0px auto;
border-left: 5px solid #d5c7b8;
border-right: 5px solid #d5c7b8;
/*background-color: #99b7d7;*/
background-color: #7190A4;
background-image: url(../images/bg-container-test.jpg);
/*background-repeat: repeat-x;*/
}

#header {
width: 768px;
height: 219px;
margin:0;
padding:0;
background-color: transparent;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#header-left {
float:left;
width: 128px;
height: 219px;
margin:0;
padding:0;
background-color: transparent;
background-repeat: no-repeat;
z-index:50;
}

#white-box {
display: block;
width: 128px;
height: 99px;
padding:5px 0;
margin:0;
position: relative;
top: 109px;
text-align: center;
font-size: 135%;
font-weight: normal;
color: white;
border: 1px solid white;
border-bottom: 0px solid white;
background-color: #8FA8B8;
}

#header-right-upper {
float:right;
width: 632px;
height: 187px;
margin:0;
padding:0;
background-color: transparent;
}

#header-right-lower {
float:right;
width: 632px;
height:32px;
margin: 0;
padding: 0;
background-color:#993300;
}


/* EDITORS BOX */

#editors-interface {
border-bottom: 1px solid #f1f1f1;
padding-bottom:4px;
font-size: 85%;
color: #cc9933;
}

#editors-interface a,
#editors-interface a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}

#editors-interface a:hover {
color: #cc9933;
background-color: transparent;
text-decoration: none;
}

textarea.box {width: 90%;}

/* LEFT MENU */

#menu-left {
clear:both;
width: 128px;
float: left;
background-color: #8FA8B8;
background-image: url(../images/bg-menu-left.jpg);
border: 1px solid white;
border-top: 0px solid white;
padding-bottom: 24px;
}

#menu-left ul {
list-style-type: none;
font-size: 115%;
margin:0;
padding:0;
} 

#menu-left li a, #menu-left li a:visited { 
display: block;
color: white;
font-weight: bold;
text-decoration: none;
padding:2px 12px;
width: 104px;
}

#menu-left li a:hover {
background-color: white;
color:#993300;
}

#content {
/* text-align: justify; */
width: 608px;
float: right;
background-color: white;
padding:6px 12px;
margin:0 0 2px 0;
background-image: url(../images/bg-content.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

div.clear {display: block; clear: both; height: 1px; width:12px; margin:0; padding:0;}

/* FOOTER */

#footer {
clear:both;
margin:0;
padding:6px 0;
text-align: center;
width: 100%;
font-size: 85%;
font-weight: normal;
color: #d4dde4;
background-color: transparent;
text-decoration: none;
}

#footer a,
#footer a:visited {
color: white;
background-color: transparent;
text-decoration: none;
}

#footer a:hover {
color: white;
background-color: transparent;
text-decoration: underline;
}

/* TOP MENU */
#menu {list-style-type:none; margin:0; padding:0;}
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:0px;}
#menu li span {display:block; z-index:100; padding: 2px 10px; color: white; font-size:1em; }
#menu li a, #menu li a:visited {display:block; padding:0; font-weight: bold;}
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; } 
#menu dt {background-color: #993300; margin:0; font-size:1em; border-bottom:0px solid #fff; float:left; border-right:0px solid #fff;}
#menu dd {width: 164px; display:none; background: transparent; border-bottom:1px solid #d5c7b8; clear:left; margin:0; padding:0; color: #fff; font-size:0.85em; text-align:left;}
#menu dt a, #menu dt a:visited {display:block; color:white; padding: 6px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {width: 144px; background: #f4f0ec; color:#993300; text-decoration:none; display:block; padding: 2px 10px;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:3px solid #993300;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background-color: #f4f0ec; color:#993300; /*background-image: url(../images/menu-top-hover.gif); background-repeat: repeat-x;*/}
#menu li dd a:hover {background-color:#d5c7b8; color:#993300;}

.content-view-full .attribute-short {
padding:8px 12px 6px 12px;
margin:8px 0px 8px 8px;
font-size: 100%;
font-weight: bold;
border-bottom: 1px solid #d5c7b8;
background-color: #f4f0ec;
}

div.block {
margin-bottom:12px;
}

div.message-warning {
color: black;
width: 264px;
background-color: transparent;
padding:0;
margin:24px auto 0 auto;
background-image: url(../images/warning24.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
}

div.message-warning h2 {
text-align: center;
margin:0;
padding:0;
font-size: 120%;
text-transform: uppercase;
}

div.message-warning ul {
padding-left:24px;
}

.attribute-short p, .message-warning p {
padding:0;
margin:0;
}

.class-article a {
padding:0;
margin:0;
display: inline;
}

.floating-article-tools {
clear:both;
display: block;
float: right;
margin:0px;
padding:0px;
margin-right:2px;
}

.attribute-tipafriend {
display: inline;
font-size: 85%;
margin:0px 2px;
padding:0;
}

table.list {
width:100%;
}

table.list th {
border-bottom:1px solid #dadada;
background-color: #f1f1f1;
text-align: left;
padding:2px;
}

table.list td {
border-bottom:1px solid #f1f1f1;
text-align: left;
padding:2px;
}

table.list td.number {
text-align: left;
}

table.renderedtable {
margin-bottom:6px;
border:none;
width: 64%;
}

table.renderedtable td {
background-color:#f1f1f1;
padding:0px 4px;
margin:0;
border:none;
border-bottom:2px solid white;
}


/*INSPIRATIONAL THOUGHTS*/

.inspirational_thought {
clear: both;
display:block;
margin: 12px 32px 12px 32px;
padding:5px 0;
background-image: url(../images/thought.gif);
background-repeat: no-repeat;
background-position: top center;
}

.inspirational_thought p{
margin:0;
padding:0;
font-size: 100%;
text-align: center;
color: #2c5066;
}

.inspirational_thought h3{
margin-top:24px;
margin-bottom:7px;
}

.inspirational_thought .excerpt-title{
margin-left: 400px;
padding-top: 12px;
color: black;
font-style: italic;
font-size: 90%;
}

.inspirational_thought h3 a,
.inspirational_thought h3 a:visited {
color: #40647B;
font-weight: bold;
}

.inspirational_thought h3 a:hover {
color: #cc9933;
background-color: transparent;
text-decoration: none;
}

.pagenavigator {
border-top: 1px solid #cc9933;
margin: 6px 0;
padding: 6px 0;
}

.new-event,
.content-view-full .class-article h1 a,
.content-view-full .class-article h1 a:visited,
.content-view-full .class-reservation-form h1 a,
.content-view-full .class-reservation-form h1 a:visited,
.content-view-full .class-folder h1 a,
.content-view-full .class-folder h1 a:visited {
color: #40647B;
font-weight: normal;
}

.content-view-full .class-article h1 a:hover,
.content-view-full .class-reservation-form h1 a:hover,
.content-view-full .class-folder h1 a:hover {
color: #993300;
background-color: transparent;
text-decoration: none;
}

.new-event {
display: inline;
margin:0;
padding:0;
}

.new-event form {
display: inline;
margin:0;
padding:0;
}


/*reservation form*/
/* .content-view-full .class-reservation-form */

.class-reservation-form label {
width: 128px;
text-align: right;
float: left;
}

.class-reservation-form form .box {
width: 200px;
}

.class-reservation-form form .defaultbutton,
.class-reservation-form form .button {
margin-left: 137px;
}

.class-reservation-form div.attribute-school,
.class-reservation-form div.attribute-salutation,
.class-reservation-form div.attribute-first-name,
.class-reservation-form div.attribute-last-name {
}

div.school,
div.salutation,
div.first-name,
div.last-name {
margin:6px 0;
padding:0;
border:none;
}


/*ARTICLE PICTURES*/
.content-view-embeddedmedia .class-image .attribute-image {
border-top: 1px solid #ebebeb;
border-right: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
border-left: 1px solid #ebebeb;
/* border: 1px solid #999; */ 
/* border: 1px solid #d5c7b8; */
/* border: none; */
/* background-color: #f1f1f1; */ 
padding: 5px 5px 5px 5px;
margin-bottom: 12px;
text-align: center;
}

.object-left .content-view-embeddedmedia .class-image .attribute-image {
/* background-image: url(../images/embed-image-left-bottom.gif); */ 
/* background-repeat: no-repeat; */
/* background-position: bottom left; */
}

.object-right .content-view-embeddedmedia .class-image .attribute-image {
/* background-image: url(../images/embed-image-right-bottom.gif); */
/* background-repeat: no-repeat; */
/* background-position: bottom right; */
}

.object-left .content-view-embeddedmedia .class-image .attribute-image {
float: left;
margin-right:10px;
}

.object-right .content-view-embeddedmedia .class-image .attribute-image {
float: right;
margin-left:10px;
}

.content-view-embeddedmedia .class-image .attribute-image-name {
margin-top:5px;
padding:0;
font-size: 11px;
font-weight: bold;
color: #666;
}

.content-view-full .class-image .attribute-image {margin-top:12px;}
div.date, div.date div.element, div.time, div.time div.element {display: inline;}

.attribute-image .imageright {
display: inline;
float: right;
margin-bottom:6px;
margin-left:12px;
padding:0;
}

.attribute-image .imageleft img {
float: left;
margin-right:12px;
margin-bottom:6px;
padding:0;
}

.buttonblock {margin-top:12px; clear: left;}
div.buttonblock form {display: inline;}
div.buttonblock .button {display: inline;}

div.class-event .attribute-link p {
margin: 6px 6px 18px 6px;
padding-left: 18px;
background-color: transparent;
background-image: url(../images/page_prev.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}

div.class-event .attribute-link.new p {
background-image: url(../images/world_link.png);
}

.content-event-list .class-event h1 {
font-weight: normal;
font-size: 130%;
margin:0px;
}

div.content-view-line div.class-event {
display: block;
width: 100%;
margin:6px 0;
padding: 4px 0 0 0;
border-bottom: 1px solid #f1f1f1;
}

.attribute-date-and-time {font-size: 11px;}

.content-view-full .class-article .attribute-long h2,
.content-view-full .class-article .attribute-long h3 {
	clear: left;
	}

.content-view-full .class-article .attribute-long li {margin-left: 32px;}

div.content-event-list div.class-folder div.attribute-short p {font-weight: bold; padding-left:12px;}

.login-border {width: 320px; margin: 12px auto 0 auto; border: 4px solid #f1f1f1; padding: 12px 24px;}
.login-container .warning {color: #036;}


/* RESERVATION FORM */
.div-reservation {color: #036; border: 4px solid #f1f1f1; padding-top: 12px; padding-right: 24px;}
.div-reservation .mandatory {color: red;}
.div-reservation .title {color: #660; font-weight:bold;}
table.reservation-form td {padding: 1px 2px;}
table.reservation-form .small {font-size:10px;}
table.reservation-form input.box {width: 90%;}
table.reservation-form textarea.box {width: 90%;}
table.reservation-form .small-field input.box {width: 30%;}
table.reservation-form .people input.box {width: 30%;}
table.reservation-form select {width: 90%;}
.no-reservation { margin-top: 12px; text-align: center; padding-bottom: 6px;}


.author-info p {
font-size:11px;
color: #468ac5;
background-color: transparent;
background-image: url(../images/info.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 2px 0px 0px 18px;
}

/* COLECTED INFO */


table.sent {
width:100%;
color: #036;
}

table.sent td {
border-bottom: 1px solid #f1f1f1;
vertical-align: center;
padding: 2px 4px;
}

table.sent td.info {
font-size: 11px;
color: #930;
text-align: center;
border-bottom: none;
}

table.sent td.main {
text-align: right;
width: 24%;
font-size: 11px;
color: #999;
}

/* PAGENAVIGATOR */

div.pagenavigator
{
border-top: none;
background-color: #f1f1f1;
margin:0;
padding:0;
text-align: center;
width: 100%;
display: block;
}

div.pagenavigator span.previous
{
    float: left;
	padding-left: 12px;
}

div.pagenavigator span.next
{
    float: right;
	padding-right: 12px;
}

/* UPLOAD MANAGER */
.content-view-listitem .class-file {border-bottom: 1px solid #f1f1f1;}
.content-view-listitem .class-file h2 {margin: 3px 0 6px 0; padding:0;}
.content-view-listitem .class-file .attribute-file {margin: 6px 0 6px 12px;}
.content-view-listitem .class-file .attribute-byline p {font-size: 11px; margin:0; padding: 0; color: #666;}
.content-view-listitem .class-file .attribute-file img {vertical-align: middle;}
.content-view-listitem .class-file .attribute-file a, .content-view-listitem .class-file .attribute-file a:visited {background-color: transparent; text-decoration: none; color:#40647b;} 
.content-view-listitem .class-file .attribute-file a:hover {background-color: transparent; text-decoration: none; color:#930;} 
.content-view-listitem .class-file .remove-button {float: right; padding: 4px;} 


table.school-reservation-form {
width:100%;
border:none;
margin:0px;
padding:0px;
font-weight: bold;
clear:both;
}

table.school-reservation-form td.align-right {
text-align: right;
}

table.one-cell-table td.align-center {
text-align: center;
}

.form-information {
border: 3px solid #f33;
padding: 0 6px 0 12px;
}

.form-information p {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #f33;
text-transform: uppercase;
margin: 0;
}

.form-information .form-box {
float: right;
}

.form-information .form-box form {
margin: 0;
padding: 0;
padding-top: 5px;
}

.form-information p {
width: 480px;
padding: 10px 0;
margin:0;
}

div#lightbox span#caption {
font-family: Arial;
font-size: 12px;
font-weight: bold;
padding: 0 0 12px 0;
}

div#lightbox span#caption p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333;
}


div.content-view-full.museum, div.content-event-list.museum {background: transparent url(../images/abg-museum.jpg) scroll no-repeat center -20px;}
div.content-view-full.news, div.content-event-list.news {background: transparent url(../images/abg-news.jpg) scroll no-repeat center -20px;}

p.text-center {text-align:center;}