/* MY STUFF */
a, a:link, a:active, a:visited {color: #cc0000; text-decoration:none;}

a:hover {color:#fff;}

body {background:#EA7001;}

#doc3 {margin:auto 0px;}

html {background:#FF9D00;}
#ft {background:#FF9D00;padding:1.5em 1em 1em 1.2em;}
.top-nav {background:#000;}
.body-ltorange {background:#FF9D00;padding:1.5em .5em 1em .5em;}
.body-blue {background:#7184BD;padding:1.5em 1em 1em 1.2em;text-align:justify;}
.body-blue-gallery {background:#7184BD;padding:1.5em 1em 1em 1.2em;text-align:center;}
.body-green {background:#D3CB00;padding:1.5em .5em 1em .5em;}
.body-green-gallery {background:#D3CB00;padding:1.5em 1em 1em 1.2em;text-align:center;}
.body-white {background:#FFF;padding:1.5em .5em 1em .5em;}
.body-plato {background:#7184BD;padding:0 ;text-align:center;}


.imgStripRight {position:relative;width:16.3846em;*width:16.00em;float:right;}
.imgStripLeft {position:relative;width:19.2307em;*width:18.7547em;float:left;font-size:85%;font-weight:bold;padding:0 1.5em 0 0;}
.imgLeftblock {vertical-align:top;float:left;padding: 0 2em 2em 0;}
.imgInline {display:inline; padding: 2em 2em 2em 4em;}
.imgLeft {vertical-align:top;float:left;padding:0 1em 1em 0;}
.imgRight {vertical-align:top;float:right;padding:0 0 1em 1em;}
.imgcenter {text-align: center;}

/* top navigation */

.holdmenu {text-align:center;background:#000;}

.top-menu {   
  /* width: 41.5385em; *width: 40.5101em; */
  width:540px;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
}

.top-menu li {float: left;margin: 0;padding:0;}

.top-menu a {
  display: block;
  /*width: 6.9230em;*width: 6.7517em; */
  width: 90px;
  color: #fff;
  border: 0;
  /* padding:5.38em 0 0 0; */
  padding: 70px 0 5px 0;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.top-menu a:hover {color: #FF9D00;}

li.current a {color: #FF9D00;}
li.teambuilding a {background: url(images/nav_top_teambuilding.gif) no-repeat;}
li.adventures a {background: url(images/nav_top_adventures.gif) no-repeat;}
li.breakout a {background: url(images/nav_top_breakout.gif) no-repeat;}
li.games a {background: url(images/nav_top_games.gif) no-repeat;}
li.survivor a {background: url(images/nav_top_survivor_games.gif) no-repeat;}
li.movie a {background: url(images/nav_top_movie.gif) no-repeat;}

.top-nav {text-align: right;}
.top-nav img {padding: 1em;}

/* side navigation hover effect */
.yui-b ul a {color:#b4d500;}
.yui-b ul a:hover {color: #fff;}



.yui-g a {color: #fff;}
.yui-g a:hover {color: rgb(34, 136, 187);}

.yui-g li {
background: url(http://developer.yahoo.com/yui/3/assets/bullet4x4.png) no-repeat 1em .5em;
list-style: none;
margin: 0px;
padding: 0px 0px 0px 2em;
font-weight: bold;
line-height: 1.5em;
}


.yui-g li a {color: #fff;}
.yui-g li a:hover {color: rgb(34, 136, 187);} 


li.nav {background:url(../images/teambuilding_nav_button.gif) no-repeat; line-height: 2.1em;padding: 0 1.6em 0 .8em; text-align: center; font-size: 93%; font-weight:bold;}

li.selected {background:url(../images/teambuilding_nav_button_selected.gif) no-repeat; line-height: 2.1em;padding:  0 1.6em 0 .8em; text-align: center; font-size: 93%; font-weight:bold; color: #2288bb;}

li.selected a, li.selected a:hover {color: #2288bb;}


.yui-u li {
background: url(http://developer.yahoo.com/yui/3/assets/bullet4x4.png) no-repeat 1em .5em;
list-style: none;
margin: 0px;
padding: 0px 0px 0px 2em;
line-height: 1.4em;
font-weight: normal;
}


/* text formatting effects */
.page-title {font-size: 167%; font-weight: bold; color: #fff;}
.page-section-title {font-size: 100%; font-weight: bold; color: #fff; text-align:center;}

p.smallwhite {color: #fff;font-size:77%;font-weight:bold;text-align:center;padding:0 .7em .5em 0;margin:0;}
p.smallblack {color: #000;font-size:85%;font-weight:bold;text-align:center;padding:0 .7em 0 0;margin:0;}
p.whitelarge {color: #fff;font-family: Times New Roman;font-size:200%;text-align:center;padding:0 .1em 0 0;margin:0;}
h3.smallwhite {color: #fff;font-size:77%;font-weight:bold;text-align:center;padding:0 .7em .5em 0;margin:0;}
h3.smallblack {color: #000;font-size:85%;font-weight:bold;text-align:center;padding:0 .7em 0 0;margin:0;}
span.white-text {color: #fff;}
#ft a, #ft a:visited, #ft a:hover {color: #fff; text-decoration:none;}

.yui-u blockquote {
padding: 0px 0px 0px 3em;
font-size:93%;
font-weight: bold;
}

h3 {font-size:1.2em; font-weight: bold; font-variant: small-caps;}

h3.number1 {background: url(../images/1.gif) no-repeat top left; padding-left:40px; font-size:1.3em; line-height: 2em;}
h3.number2 {background: url(../images/2.gif) no-repeat top left; padding-left:40px; font-size:1.3em; line-height: 2em;}
h3.number3 {background: url(../images/3.gif) no-repeat top left; padding-left:40px; font-size:1.3em; line-height: 2em;}
h3.number4 {background: url(../images/4.gif) no-repeat top left; padding-left:40px; font-size:1.3em; line-height: 2em;}

h3.bottom_nav {background: url(../images/nav.gif) no-repeat top left; padding-left: 2em; font-size: 93%; line-height: 1.3em; text-align: left; color: #fff;}


#month-field, #day-field {width: 2em;}
#year-field {width: 3em;}

hr {height:1px;color:#EA7001;}


.clear {clear:both;}


/* Arrow comment box */

.commentbox{
background-color: #f0e9d6;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #bc5000;
}

.commentfooter b {font-weight: bold; font-size:1.2em;}

/* Cartoon Quote Box */

.cartoonbox {
background-color: #f0e9d6;
padding:  1.2em .8em .8em .8em;
border-bottom: 1px solid #bad6ff;
border-right: 1px solid #bad6ff;
border-left: 1px solid #bad6ff;
font-size: 93%;
line-height:1.5em;
}

.cartoonheader{
background: url(../images/cartoon_box.png) 0 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
line-height:43px;
font-size: 90%;
}

.cartoonheader1{
background: url(../images/cartoon_box1.png) 0 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
line-height:43px;
font-size: 90%;
}

p.company {
color: #bc5000;
text-align:right;
}