@charset "utf-8";
/* CSS Document */

body {margin: 0; background-image: url(../images/bg-body.gif); background-position: center top; background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }

.bg1 {background-image: url(../images/bg-top-horizontal.gif); background-position: center top; background-repeat: repeat-x; }
.bg2 {background-image: url(../images/bg-bottom.gif); background-position: center bottom; background-repeat: no-repeat; padding: 0 0 18px 0; }
.bg3 {background-image: url(../images/bg-middle.gif); background-position: center bottom; background-repeat: repeat-y; }
.bg4 {background-image: url(../images/bg-top-middle.jpg); background-position: center top; background-repeat: no-repeat; }
.MainContainer {width: 1000px; margin: auto; overflow: hidden; }
.HeaderRight {float: right; clear: none; width: 650px; height: 110px; overflow: hidden; padding: 0 10px 0 0; }
.HeaderLogo {background-image: url(../images/logo_atelier.gif); background-position: 40px 5px; background-repeat: no-repeat; width: 120px; height: 80px; line-height: 16px; padding: 30px 0 0 215px; font-weight: bold; color: #1468AD; float: left; overflow: hidden; }
.HeaderLogo a {color: #1468AD; text-decoration: none;   display: none; }
.HeaderBar {float: none; clear: both; width: 980px; height: 80px; line-height: 80px; font-size: 36px; font-weight: bold; font-style: italic; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFF; text-align: right; /**/text-shadow: #406618 1px 1px 0; filter: dropshadow(color=#406618,offX=1,offY=1); }
.Menu {float: left; clear: none; padding: 20px 0 10px 0; width: 209px; overflow: hidden; border-right: 1px dotted #ccc; }
	.Menu ul.ulMenu {display: block; margin: 0; padding: 0; list-style: none; font-weight: bold; font-style: italic; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px; }
	.Menu ul.ulMenu li {display: block; margin: 0; padding: 0; list-style: none; }
	.Menu ul.ulMenu li a {display: block; line-height: 30px; height: 30px; text-indent: 20px; text-decoration: none; border-bottom: 1px solid #ddd; color: #1468AD; background-color: #FFF; }
	.Menu ul.ulMenu li a:hover {text-indent: 30px; background-color: #e2f596; }
	.Menu .boxLinks {padding: 20px 0 0 0;}
	.Menu .boxLinks h3 {font-weight: bold; font-style: italic; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px; color: #9bbc3e; margin: 0; padding: 10px 0 10px 20px; }
	.Menu .boxLinks ul {margin-top: 0; padding-top: 0;}
	.Menu .boxLinks ul li {}
	.Menu .boxLinks ul li a {line-height: 20px; height: 20px; text-indent: 20px; text-decoration: none; color: #739900; border-bottom: none; }
	.Menu .boxLinks ul li a:hover {border-bottom: 1px solid #739900; }
.Content {float: left; clear: none; padding: 20px 0 10px 15px; width: 760px; overflow: hidden; }

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 10px 0;}
h1 {text-transform: uppercase; color: #1468AD; font-size: 24px; text-align:center; }
h2 {text-transform: uppercase; border-bottom: 1px dotted #CCC; line-height: 30px; font-size: 17px; text-align:center; }
h3 {color: #1468AD; font-size: 13px; text-align:left; }
h4, h5, h6 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin: 0; padding: 10px 0 10px 0;}
p {margin: 0; padding: 0 0 5px 0; color: #333333; text-align: justify; line-height: 20px; }
p a {color: #333333; }

hr {background-color: transparent; border: none; border-top: 1px dotted #CCC; height: 1px; overflow: hidden; margin: 10px 0 10px 0; clear: both; width: 100%; }
hr.stylish {background-color: transparent; border: none; height: 50px; overflow: hidden; margin: 10px 0 10px 0; background-image: url(../images/divider.gif); background-position: center; background-repeat: no-repeat; }
hr.stylishsmall {background-color: transparent; border: none; height: 30px; overflow: hidden; margin: 10px 0 10px 0; background-image: url(../images/divider-small.gif); background-position: center; background-repeat: no-repeat; }

a.Link {color: #739900; text-decoration: none; padding: 0 2px 0 2px; float: right; }
a.Link:hover {background-color: #e2f596; color: #406618; text-decoration: underline; }

.Cookie {font-size: 11px; color: #666; text-align: left; line-height: normal; width: 100%; float: none; clear: both; }
.Cookie a {font-size: 11px; color: #666; }
.Note {font-size: 11px; color: #666; text-align: center; line-height: normal; width: 100%; float: none; clear: both; padding: 10px; }
.Note a {font-size: 11px; color: #666; }

.ItemsList1 {}
.ItemsList1 .projHeader {width: 760px; overflow: hidden; clear: both; text-align: center; font-size: 12px; font-weight: bold; color: #064085; }
	.ItemsList1 .projHeader div {text-align: center; line-height: 20px; height: 100px; padding: 10px 0 10px 0; }
	.ItemsList1 .projHeader div img {float: left; }
.ItemsList1 .boxRight {width: 200px; float: right; border: 1px solid #999; margin: 20px 0 0 0; }
	.ItemsList1 .boxRight h2 {text-transform: uppercase; color: #666; border-bottom: 1px dotted #CCC; margin: 0; padding:0; line-height: 30px; font-size: 17px; text-align:center; background-color: #eeeeee; }
	.ItemsList1 .boxRight ul {margin: 0; padding:0; list-style:none; display: block; color: #333333; height: 218px; overflow: auto; }
	.ItemsList1 .boxRight li {margin: 0; padding:0 0 5px 0; list-style:none; display: block; color: #333333; }
	.ItemsList1 .boxRight li a {display:block; color: #333333; text-decoration: none; padding: 5px 5px 5px 12px; text-indent: -8px; }
	.ItemsList1 .boxRight li a span {color: #739900; font-weight: bold; }
	.ItemsList1 .boxRight li a:hover {background-color: #e2f596; color: #406618; }
	.ItemsList1 .boxRight li a:hover span {color: #406618; text-decoration: underline; }
.ItemsList1 .boxLeft {width: 530px; float: left; }
	.ItemsList1 .boxLeft h1 {text-align: center; }

.OneColPage {width: 100%;}
.TwoColPage {width: 45%; float: left; }
.TwoColPageSep {width: 9.5%; float: left; min-height: 200px; }

.projHeader {width: 760px; overflow: hidden; clear: both; text-align: center; font-size: 12px; font-weight: bold; color: #064085; }
.projHeader div {text-align: center; line-height: 20px; height: 100px; padding: 10px 0 10px 0; }
.projHeader div img {float: left; }
.projDescription h1 {text-align: center; }
.projEvents h2 {}
.projEvents h3 {}
.projEvents h3 span {color: #666; font-weight: normal; font-size: 12px; line-height: 20px; }
