body { background: url('../background.jpg'); font-family: 'verdana'; }

#page { width: 1000px; height: 700px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; }

#head { width: 1000px; text-align:center; padding-bottom: 20px; }

h1 { font-size: 92px; font-family: verdana; letter-spacing: -4px; }

span.lefttitle { color: #F7DE00; }

#nav { width: 550px; height: 50px; float: right; position: relative; top: -15px;}

#nav a { color: #666; text-decoration: none; padding: 5px 20px; margin-right: 15px; background-color: #fbffcc; }

#nav a.current { background-color: #e2c774; }

#page p { margin: 20px; line-height: 200%; clear: both; }

#page h3 { margin: 20px; }

#content_area img { margin-left: 200px; }

#content_area { width: 1000px; padding-bottom: 40px; margin-left: auto; margin-right: auto; background-color: #fff; box-shadow: 0px 3px 5px #cccccc; -webkit-box-shadow: 0px 3px 5px #cccccc; -moz-box-shadow: 0px 3px 5px #cccccc; }

#content_area ul { margin-left: 20px; }

#content_area form { margin-left: 20px; }

#content_area p.link { border: 1px dashed #83B9FF; background-color: #D6E8FF; padding: 2px 10px; }

#content_area p.link_error{ border: 1px dashed #FF1A1A; background-color: #FFCBCB; padding: 2px 10px; }

#left_panel { background: url('../panel-1.png'); position: relative; left: 0px; float: left; width: 383px; height: 571px; }

#right_panel { background: url('../panel-2.png'); position: relative; left: 400px; width: 596px; height: 571px; }

#behavior_container { position: relative; width: 140px; height: 380px; margin: 15px; margin-top: 160px; float: left; }

#behavior_container img { margin-left: 0px; }

#behaviors { height:400px; width: 150px;}

li.behavior { display: block; text-align: center; width: 100px; float: left; cursor: move;	}

#hierarchy_container { float: left; width: 150px; height: 380px; margin-left: 49px; margin-top: 168px; }

#hierarchy_container img { margin-left: 0px; }

#hierarchy { position: relative; height:400px; width: 150px; }

#hierarchy li { margin-bottom: 16px; }

#movie_container { position: absolute; width: 480px; height: 270px; background-color: #ddd; float: left; margin-top: 130px; margin-left: 70px; }

#targetlink { color: white; position: relative; top: 30px; left: 120px; padding:5px 20px; background-color: #0e77ff; text-decoration: none; }

#targetlink:hover { background-color: #81b0ff; }

#GoTag { position:absolute; width:48px; height:32px; top: 53px; left: 132px; display: block; background: url('../go-tag-up.png'); }

#GoTag:hover { background: url('../go-tag-over.png'); }

#GoArrow { position: absolute; width:110px; height:80px; top: 250px; left: -40px; display: block; background: url('../go-arrow-up.png'); }

#GoArrow:hover { background: url('../go-arrow-over.png'); }

#hidebehavior { width: 93px; height: 25px; display: block; background: url('hide-up.png'); position: relative; top: 570px; left: 140px; z-index: 20; }
#showbehavior { width: 93px; height: 25px; display: block; background: url('show-up.png'); position: relative; top: 570px; left: 140px; z-index: 20; display: none;}


#hidebehavior:hover { background: url('../hide-down.png'); }
#showbehavior:hover { background: url('../show-down.png'); }

#footer { text-align: center; margin-bottom: 40px;font-size: 10px; margin-top: 50px; }

#footer li { display: inline; margin-left: 8px; margin-right:8px; }

#footer li a { color: #333; text-decoration: none; }

#footer li a:hover { color: #666; }

#footer p { color: #666; margin-top: 8px; }