body.home
{
	padding-left: 0em;
	padding-top: 0em;
	color: #d0d0d0;
	font-family: Arial, SunSans-Regular, sans-serif;
	background: url(/images/home_background1.jpg) #ebebeb no-repeat left top;
	max-width: 50%;
	max-height: 50%;
	width: 500px;
	height: 640px;
}

img#barn_back
{
	padding-left: 0em;
	padding-top: 0em;
	position:fixed;
}

img#bottom_cover
{
	padding-left: 0em;
	padding-top: 0em;
	position:fixed;
	top:725px;
	left:64px;
}

img#top_cover
{
	padding-left: 0em;
	padding-top: 0em;
	position:fixed;
	top:0px;
	left:62px;
}
img#bottom_cover_house
{
	padding-left: 0em;
	padding-top: 0em;
	position:fixed;
	top:744px;
	left:74px;
}

img#top_cover_house
{
	padding-left: 0em;
	padding-top: 0em;
	position:fixed;
	top:0px;
	left:66px;
}
body.barn
{
/*	background: url(/images/barn_back.jpg) #ebebeb no-repeat left top;*/
	padding:0;
	margin:0;
	color: #ebebeb;
	font-family: Arial, SunSans-Regular, sans-serif;
}

body.house
{
	background: url(/images/house_back.jpg) #ebebeb no-repeat left top;
	padding-left: 0em;
	padding-top: 0em;
	color: #ebebeb;
	font-family: Arial, SunSans-Regular, sans-serif;
}

img#miro_name
{
	padding-top:  0em;
	position:absolute;
	left:20px;
    top:50px;
}
img#smoke
{
	padding-top:  0em;
	position:absolute;
	left:250px;
    top:220px;
}
img#jour_text
{
	padding-top:  0em;
	position:absolute;
	left:20px;
    top:150px;
}

embed#mediaplayer1
{
	position:absolute;
	left:-1000px;
	top:0px;
}
/*Home button in barn menu*/
a.home_button
{
	position:fixed;
	display: block;
	left:736px;
    top:261px;
    width:135px;
    height:140px;
	background: none;
}

a.home_button:hover
{
	background: transparent url(/images/home_hover_barn.gif) no-repeat; 
}

/*Home button in house menu*/
a.home_button_house
{
	position:fixed;
	display: block;
	left:736px;
    top:261px;
    width:135px;
    height:140px;
	background: none;
}

a.home_button_house:hover
{
	background: transparent url(/images/home_hover_house.gif) no-repeat; 
}

/*Home button in littlehouse menu*/
a.home_button_littlehouse
{
	position:fixed;
	display: block;
	left:736px;
    top:261px;
    width:135px;
    height:140px;
	background: none;
}

a.home_button_littlehouse:hover
{
	background: transparent url(/images/home_hover_littlehouse.gif) no-repeat; 
}


/*Home button in garden menu*/
a.home_button_garden
{
	position:fixed;
	display: block;
	left:736px;
    top:261px;
    width:135px;
    height:140px;
	background: none;
}

a.home_button_garden:hover
{
	background: transparent url(/images/home_hover_garden.gif) no-repeat; 
}

/*
	barn photo strip
*/
div#loadarea
{
	position: fixed;
	left: 290px;
	top: 163px;
	width:414px;
	height:338px;
	text-align:center;
}

img#overlay
{
	position: fixed;
	padding:0;
	left: 253px;
	top: 121px;
}

ul.navbar_left
{
	font-family: Arial, SunSans-Regular, sans-serif;
	list-style-type: none;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 122px;
	width: 89px;
	height: 763px;
	padding:0;
}

ul.navbar_left li
{
	padding-bottom: 10px;
}

img.thumb
{
	width:89px;
	padding-bottom:8px;
}

/*
	the barn on the homepage
*/
a.barn
{
	position:absolute;
	display: block;
	width: 223px;
	height: 215px;
	left:413px;
	top:283px;
	background: none;
}

a.barn:hover
{
	background: transparent url(/images/barn_selected.gif) no-repeat; 
}


a.garden
{
	position:absolute;
	display: block;
	width: 1114px;
	height: 791px;
	left:591px;
	top:00px;
	background: none;
/*	background: transparent url(/images/garden_unselected.gif) no-repeat; */
}

a.garden:hover
{
	background: transparent url(/images/garden_selected1.gif) no-repeat; 
}

a.house
{
	position:absolute;
	display: block;
	width: 142px;
	height: 159px;
	left:170px;
	top:342px;
	background: none;
/*	background: transparent url(/images/house_unselected.gif) no-repeat; */
}

a.house:hover
{
	background: transparent url(/images/house_selected.gif) no-repeat; 
}

a.little_house
{
	position:absolute;
	display: block;
	width: 92px;
	height: 132px;
	left:4px;
	top:399px;
	background: none;
/*	background: transparent url(/images/house_unselected.gif) no-repeat; */
}

a.little_house:hover
{
	background: transparent url(/images/littlehouse_selected.gif) no-repeat; 
}



#maman
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 20px;
	height: 34px; /*transparent url(/images/maman_0.gif);*/
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-image: none;
	background-color: transparent;
}


#miro
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 22px;
	height: 40px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#fire
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 54px;
	height: 62px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#paulette
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 17px;
	height: 32px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#chick1
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 15px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#chick2
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 15px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#chick3
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 15px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#bird
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 8px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#bird1
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 8px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#bird2
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 10px;
	height: 8px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#magali
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 20px;
	height: 36px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#fred
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 20px;
	height: 36px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#ourcar
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 48px;
	height: 24px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}


#lolotte
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 20px;
	height: 36px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#anselmo
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 20px;
	height: 36px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#theircar
{
	position: absolute;
	top: -100px;
	left: -100px;
	width: 61px;
	height: 24px;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

h1.MiroTitle
{
	position:absolute;
	left:32px;
	top:32px;
	font-family: Arial, SunSans-Regular, sans-serif;
}

p#txt
{
	position:absolute;
	left:1000px;
	top:10px;
}






























body
{
	padding-left: 0em;
	padding-top: 3em;
	color: #d0d0d0;
	background-color: #ffffff;
	font-family: Arial, SunSans-Regular, sans-serif;
}

body#ks4
{
	padding-left: 0em;
	padding-top:  3em;
	color: #d0d0d0;
	background-color: #ffffff;
    font-family: Arial,
          SunSans-Regular, sans-serif;
}

embed
{
	position:relative;
	top:8px;
	left:0px;
	width:740px;
	height:650px;
}


div#loadarea1
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	position:absolute;
    left:50px;
    top:150px;
}

div.horiz
{
	height:128px;
	width:1200px;
}

p#blah
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	position:absolute;
    left:-280px;
    top:0px;
	max-width: 260px;
	max-height: 15em;
	color:black;
	text-align:justify;
}

p#blah1
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	position:absolute;
    left:20px;
    top:150px;
	max-width: 260px;
	max-height: 15em;
	color:black;
	text-align:justify;
}

p#video
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	width:740px;
	color:gray;
	padding-left:0em;
	padding-top:2px;
	margin: 0 0 0 0;
	text-align:left;
}

p#perso
{
	height:351px;
	width:740px;
}

a#contact
{
	position:absolute;
	top:750px;
	left:8px;
	color:black;
    font-family: Arial,
          SunSans-Regular, sans-serif;
}

p#thankyou
{
	position:absolute;
	top:735px;
	left:480px;
	color:black;
    font-family: Arial,
          SunSans-Regular, sans-serif;
}

img.personal
{
	padding-top:  0em;
	float:left;
	width:400px;
    left:10px;
}

img.thumb
{
	float:left;
	height:80px;
    left:64px;
	padding-right:12px;
	padding-bottom:8px;
}

img.thumb1
{
	float:left;
	height:75px;
    left:64px;
	padding-right:10px;
}

img.big
{
	position:absolute;
}

img.big1
{
	position:absolute;
	left:50px;
}

img.students
{
	padding-top:  0em;
	position:absolute;
	top:426px;
	left:348px;
	float:left;
	width:400px;
	height:319px;
}

h1
{
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif
}

/*
 * Top Nav bar
 */		
ul.navbar_top
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	
    list-style-type: none;
    padding: 0;
    margin: 0;
   	
    position: absolute;
    top: 1em;
    left: 10px;
    width: 90%;
	height:2em;
	min-width: 50%;
	max-width: 100%;
	max-height: 2em;
}

ul.navbar_top li
{
	float:left;
	color: #000000;
    margin: 0.0em 0;
    padding: 0.0em;
	padding-right: 5%;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_top li a:hover
{
}

ul.navbar_top a
{
	color: #000000;
    text-decoration: none 
}



ul.navbar_personal
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
	
    list-style-type: none;
    padding: 0;
    margin: 0;
   	
    position: absolute;
    top: 1em;
    left: 10px;
    width: 938px;
	height:2em;
	background:#8D8396;
}

ul.navbar_personal li
{
	float:left;
	color: #000000;
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 4px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_personal li#other
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 490px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_personal li#painting
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 440px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_personal li#sculpture
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 440px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_student li#playset
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 450px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_student li#bridges
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 350px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_personal li a:hover
{
}

ul.navbar_personal a
{
	color: #000000;
    text-decoration: none 
}

ul.navbar_student
{
    font-family: Arial,
          SunSans-Regular, sans-serif;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 1em;
    left: 10px;
    width: 938px;
	height:2em;
	background:#7AA677;
}

ul.navbar_student li
{
	float:left;
	color: #000000;
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 4px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}

ul.navbar_student li#other
{
    margin: 0.0em 0;
    padding: 0.0em;
	padding-left: 500px;
	max-height: 10%;
	font-size: 150%;
	font-weight: bold;
}


ul.navbar_student li a:hover
{
}

ul.navbar_student a
{
	color: #000000;
    text-decoration: none 
}

/*
 * Bottom Nav bar
 */		
ul.navbar_bot
{
    list-style-type: none;
    padding: 0;
    margin: 0;

    position:absolute;
    top: 426px;
    left: 8px;
	background:#7AA677;
    font-family: Arial,
      SunSans-Regular, sans-serif;
	 color:black;
    width: 340px;
	height:318px;
	font-weight: bold;
	font-size:200%;
}

ul.navbar_bot li
{
    margin: 1px 16px;
    padding: 0.3em;
	padding-right: 5%;
	max-height: 10%;
	min-width: 10%;
}

ul.navbar_bot li a:hover
{
color:#8A8A8A;
}

ul.navbar_bot a
{
	font-size:80%;
	font-weight: normal;
    text-decoration: none;
	color:black;
}


/*
 * User Nav bar
 */		

ul.navbar_user
{
    list-style-type: none;
    padding: 1em 0em;
    margin: 0;
	background:#8D8396;
    width: 340px;
	height:318px;
    font-family: Arial,
      SunSans-Regular, sans-serif;
	 color:black;
	float:left;
}

ul.navbar_user li
{
    margin: 1px 16px;
    padding: 0.3em;
	font-weight: bold;
	font-size:200%;
}

ul.navbar_user li a:hover
{
	color:#555555;
}

ul.navbar_user a
{
	font-size:80%;
	font-weight: normal;
    text-decoration: none;
	color:black;
}

/*
 * Other Nav bar
 */		

ul.navbar_other
{
    list-style-type: none;
    padding: 0;
    margin: 0;
   	
    position: absolute;
    top: 15em;
    left: 1em;
    width: 7em;
	height:10em;
}

ul.navbar_other li
{
    background: #404040;
    margin: 1px 0;
    padding: 0.3em;
    border-right: 1em solid #202020
}

ul.navbar_other li a:hover
{
color:#D3BE4A;
}

ul.navbar_other a
{
    text-decoration: none 
}

/*
 * Hyperlinks
 */
a:link
{
    color: #d0d0d0
}
a:visited
{
	color: #d0d0d0;
}

/*
 * Address: Currently unused
 */
address
{
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted
}


 * Links Styles
 */		

ul.links_list
{
    list-style-type: none;
    padding: 0;
    margin: 0;
   	
}

ul.links_list li
{
    margin: 1px 0;
    padding: 0.3em;
}

ul.links_list li a:hover
{
color:#D3BE4A;
}

ul.links_list a
{
    text-decoration: none 
}