img {
  margin:0;
  padding:0;
}

.Hidden {
  display:none;
}

.ClearBoth {
  clear:both;
}

.FloatLeft{
  float:left;
}
.FloatRight{
  float:right;
}
.Size100Percent{
  width:200;
  height:200;
}
.DisplayNone{
  display:none; 
}

.Section { 
  padding:1em;
  margin:1em;
}

.Semantic { 
  border: 0px solid;
  border-color:#EEE;
  padding:0;
  margin:0;
}

.ShadowTop{
  background:url(dropShadowTop.png) repeat-x bottom;
  height:8px;
  margin-left:16px;
  margin-right:16px; 
}
.ShadowTopLeft, .ShadowTopLeftRight, .ShadowTopRightLeft, .ShadowTopRight{
  width:8px;
  height:8px;
  margin-bottom:-8px;
  position:relative;
}
.ShadowTopLeft{
  margin-left:-16px;
  background:url(dropShadowTopLeft.png);
}
.ShadowTopLeftRight{
  margin-left:-8px;
  background:url(dropShadowTopLeftRight.png);
}
.ShadowTopRightLeft{
  background:url(dropShadowTopRightLeft.png) bottom right;
  background-repeat:repeat-x;
  float:right;
  position:relative;
  left:8px;
}
.ShadowTopRight{
  background:url(dropShadowTopRight.png) no-repeat bottom right;
  float:right;
  position:relative;
  left:16px;
}

.ShadowRight{
  background:url(dropShadowRight.png) repeat-y right;
  padding-right:8px;
}
.ShadowLeft{
  background:url(dropShadowLeft.png) repeat-y left;
  padding-left:7px;
}

.ShadowBottom{
  background:url(dropShadowBottom.png) repeat-x bottom;
  height:8px;
  margin-left:16px;
  margin-right:16px; 
}
.ShadowBottomLeft, .ShadowBottomLeftRight, .ShadowBottomRightLeft, .ShadowBottomRight{
  width:8px;
  height:8px;
  margin-bottom:-8px;
  position:relative;
}
.ShadowBottomLeft{
  margin-left:-16px;
  background:url(dropShadowBottomLeft.png);
}
.ShadowBottomLeftRight{
  margin-left:-8px;
  background:url(dropShadowBottomLeftRight.png);
}
.ShadowBottomRightLeft{
	background:url(dropShadowBottomRightLeft.png) bottom right;
	background-repeat:repeat-x;
	float:right;
	position:relative;
	left:8px;
}
.ShadowBottomRight{
	background:url(dropShadowBottomRight.png) no-repeat bottom right;
	float:right;
	position:relative;
	left:16px;
}
.Interior {
	position:relative;
	top:-7px;
}

body {
	font-family:arial;
	font-size:14px;
	background:url(background.png) repeat;
}

#BodyContainer0{
	background-color:white;
	background:url(backgroundTopFade.png) repeat-x;
	margin:0;
	padding-left:115px;
}

#BodyContainer1{
	width:758px;
	margin:0;
	margin-top:-1.5em;
	padding-top:16px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:16px; 
}

.ShadowRight {
  padding-right:8px;
}

#BodyNatural{
  width:743px;
  background-color:#5b6e91;
  padding-bottom:60px;
}	

#Header {
	background-image:url(headerTouched.jpg);
	border:0;
	margin:0;
	padding:0;
	width:743px;
	height:355px;
	margin-bottom:-50px;
}
#CdcLogo {
	float:left;
	padding-top:25px;
	padding-left:27px;
}
.LanguageSwitcher {
	margin-top:0;
	margin-left:12px;
	margin-right:12px;
	padding:7px;
	background-image:url(shortLanguageSwitcher.png);
	height:61px;
	border:0;
}
.LanguageSwitcherFlag{
	margin:4px;	
	width:16px;
	height:11px;
}
.LanguageSwitcherFr{
	background:url(fr.png) no-repeat top;
}
.LanguageSwitcherEn{
	background:url(us.png) no-repeat top;
}
.LanguageSwitcherFrDisabled{
	background:url(frGray.png) no-repeat top;
}
.LanguageSwitcherEnDisabled{
	background:url(usGray.png) no-repeat top;
}

/* Nav Bar */

#NavBar {
	position:absolute;
	left:160px;
	top:265px;
	margin:0;
	height:38px;
	width:599px;
	padding-top:7px;
	padding-left:13px;
	background:url(navbar.png) no-repeat;
	font-family:georgia;
	font-size:18px;
	font-weight:normal;
}
#NavBar ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#NavBar ul li {
 float:left;
 display:inline;
}
#NavBar ul li a {
}
.Tab {
  padding-top:0px;
  padding-bottom:5px;
  padding-left:6px;
  padding-right:2px;
}
.Tab a {
  color:black;
  border-bottom: transparent 1px;
  margin:0;
  padding:0;
	font-weight:normal;
}
.TabForeground {
}
.TabForeground a{
  color:#852f2e;
  border-bottom: transparent 1px;
}
.TabContainer{
  margin-right:0.3em;
  float:left;
  font-family:Georgia;
}

#ContentAndFooter0 {
	margin:0;
	margin-left:36px;
	width:673px;
	border:0;
	background:url(contentLeft.png) #eae8e2 repeat-y;
}

#ContentAndFooter1{
	background:url(contentTop.png) transparent repeat-x;
	padding:0;
	padding-top:16px;
	padding-bottom:0px;
}

h1.Title {
	padding:0;
	margin:0;
	margin-left:20px;
	padding-left:8px;
	padding-bottom:2px;
	margin-bottom:0;
	border-bottom:2px solid gray;
    /* h1 overloads */
	font-size:22px;
	color:black;	
}

#ContentAndFooter2{
  background:url(contentAndFooterRightBottom.png) repeat-y right;
}
#ContentAndFooter3{
  background:url(contentAndFooterRight.png) repeat-x right top;
}

#ContentContainer {
	width:643px;
	padding:0;
	margin:0;
	margin-left:0em;
	background:url(content.png) #f4f2ef repeat-y;
}
#ContentContainer .LanguageSwitcher {
	margin-left:27px;
}
#Content {
  padding:0;
  padding-top:2px;
	padding-right:0.5em;
  padding-left:0.5em;
  margin:0;
	margin-left:30px;
  border-style:solid;
}
#Content .Hidden {
  /* HACK: Sets the margin for any translated content; ie, the main content. */
	/* This gets around the left photo. */
	margin-left: 4ex;
}

#Content p {
  margin-left:0.5em;
  margin-right:0.5em;
}
#Content img {
  position:relative;
  top:3px;
}
#ContentEmbellishment {
  float:right;
  margin-bottom:12px;
  margin-right:9px;
  width:178px;
  height:55px;
}

#PhotoLeft {
	position:absolute;
	width: 251px;
	height:251px;
	background:url(photoLeft.png);
	left:16px;
	top:412px;
}
#PhotoRight {
	position:absolute;
	width: 255px;
	height:255px;
	background:url(photoRight.png);
	padding:0;
	left:700px;
	top:240px;
}
#PhotoLeftTextMask0, #PhotoLeftTextMask1, #PhotoLeftTextMask2, #PhotoLeftTextMask3 , #PhotoLeftTextMask4 , #PhotoLeftTextMask5 , #PhotoLeftTextMask6 {
	float:left;
	clear:left;
}
#PhotoLeftTextMask0 {
	width:25px;
	height:1px;
}
#PhotoLeftTextMask1 {
	width:45px;
	height:30px;
}
#PhotoLeftTextMask2 {
	width:55px;
	height:30px;
}
#PhotoLeftTextMask3 {
	width:55px;
	height:30px;
}
#PhotoLeftTextMask4{
	width:65px;
	height:30px;
}
#PhotoLeftTextMask5{
	width:75px;
	height:30px;
}
#PhotoLeftTextMask6{
	width:80px;
	height:30px;
}
#PhotoRightTextMask {
	float:right;
	width:95px;
	height:80px;
}

/* Floated images for the personnel page */
#personnel #Content h1 + p > img, #Content h2 + p > img {
  background-color:white;
  float:right;
  height:100px;
  width:150px;
  margin-left:8px;
}
#personnel #Content h1 + p:nth-child(even) > img, #Content h2 + p:nth-child(even) > img {
  float:left;
  margin-right:8px;
}
#personnel #Content br {
  clear:both;	
}
/* For the photo album page */
#Content a > img{
	width:150px;
	height:100px;
}
#PhotosPage #Content img {
  width:500px;	
  height:333px;
}

#tooltips div {
	position: absolute;
	visibility: hidden;
	z-index: 534;
	background-color:#ffffcc;
	border: 3px solid Grey;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100px;
	opacity:.85;
	padding:2px;
}

#Footer {
  color:white;
  width:100%;
	text-align:center;
  background:#692424;
  font-size:0.75em;
  clear:both;
}
#FooterContent{
	padding-top:2px;
	padding-bottom:9px;
	margin-right:29px;
}
#FooterContent a {
  color:white;
	font-weight:normal;
}

/* A */

a {
  color: #006400;
  font-weight:bold;
  text-decoration:none;
}
a :hover {
  color:#006400;
  text-decoration:underline;
}
a :visited {
  color:#006400;
}
a :active {
  color:#006400;
  text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	padding-left:2px;
	padding-top:0.15em;
	padding-bottom:0.1em;
	font-family:georgia;
	margin-left:4px;
	margin-right:1ex;
	color:#333333;
}
h1 {
	border-bottom:2px solid lightgray;
	font-style:italic;
	font-size:18px;
	padding-bottom:0;
}
h2 {
	border-bottom:2px solid lightgray;
	font-style:italic;
	font-size:16px;
}
h3 {
	border-bottom:1px solid lightgray;
	font-size:14px;
}
h4 {
	border-bottom:1px solid lightgray;
	font-size:14px;
}
h5 {
	border-bottom:1px solid lightgray;
	font-size:14px;
}
h6 {
	border-bottom:1px solid lightgray;
	font-size:14px;
}

em {
  font-style:italic;
}
strong {
  font-weight:bold;
  font-style:normal;
}

p {
  margin-top:1em;
  margin-bottom:1em;
  padding:0;
ß}

tr, td {
  border-top:1px dotted lightgray;	
}

tr:first, td:first {
  border:0px solid transparent;	
}

i {
  background:url(information.png) no-repeat 4px 4px;	
  padding:4px;
  padding-left:25px;
  border:1px solid Green;
  background-color:#EFE;
}

form {
  /* HACK: for the camp selection forms; they get hidden under the left Polaroid photo */
  margin-left:20px;
}