body{
  padding:0;
  margin:0;
  background:#f5f5f5;
  font-family:arial, helvetica, sans-serif;
  color:#303030;
  font-size:12px;
}
a{
  color:#303030;
}
img{
  border:none;
}
ul{
  padding:0px;
  margin:0px;
  list-style:none;
}
img{
  border:0px;
}
/********** Main Page layout ******************/


#nav_links{
  position:absolute;
  right:0;
  text-align:right;
  padding-top:4px;
}
#nav_links a{
  margin:0 10px;
}
#speech_bubble{
  position:absolute;
  top:20px;
  right:0;
  z-index:100;
}
#speech_text{
  position:absolute;
  top:30px;
  right:0;
  width:400px;
  z-index:101;
}
#speech_text > div{
  width:180px;
  padding:0 5px;
  text-align:center;
}
#speech_text a{
  line-height:25px;
  color:#FC7D21;
}
#yeti_pic{
  position:absolute;
  top:70px;
  right:400px;  
}
#destinations{
  position:absolute;
  left:300px;
  padding:5px 10px 7px;
  background:url('/images/grad_tabs.png') repeat-x;
}
#destinations a{
  margin-left:5px;
}
.main_spacer{
  margin-top:20px;
  padding-top:10px;
}
#title_strip{
  width:100%;
  height:100px;
  text-align:center;
  background:white;
  border-bottom:#b0eaff 1px solid;
}
#city_name{
  position:absolute;
  left:205px;
  top:25px;
  font-family:helvetica, sans-serif;
  font-style:italic;
}
#single_pix_strip{
  height:101px;
  width:100%;
  z-index:100;
  border-bottom:#7bdcff 1px solid;
  position:absolute;
}
.centered{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
}
#title > a{
  position:absolute;
  top:10px;
  left:30px;
}
#title_tabs{
  position:absolute;
  
  padding:10px 0;
  z-index:101;
}
#title_tabs a{
  margin:0 25px;
  font-size:15px;
  float:left;
  text-decoration:none;
}
#main_div{
  padding-bottom:20px;
  width:1000px;
  float:left;
}

/*********** admin page ********************/
#forgot_passwd{
  font-size:10px;
  font-style:italic;
}

#footer{
  font-size:10px;
  font-style:italic;
  text-align:center;
  margin:20px 0 50px;
}

/******* City Pulldown ***********/
#city_pulldown{
  margin-left:30px;
  position:relative;
  z-index:4000;
}
#city_pulldown ul a{
  color:#4b5052;
  display:block;
  text-decoration:none;
  font-weight:bold;
}
#city_pulldown li{
  background-color:#F6F6F6;
  border-color:#FFFFFF #D9D9D9 #D9D9D9;
  border-style:solid;
  border-width:1px 1px 1px 0;
  padding:7px 10px;
}
#city_pulldown li:hover {
  background-color: #eee;
}

#city_pulldown ul{
  width:100px;
  position:absolute;
  top:25px;
  left:0;
  z-index:1000;
}

/******* Popup Stuff ************/
#background_fade{
  width:100%;
  height:100%;
  position:fixed;
  z-index:1200;
  left: 0px;
  top: 0px;
  opacity: .8;
  filter: alpha(opacity=80);
  background-color: #666666;
}
#popup_pane{
  position:absolute;
  width:500px;
  left:50%;
  margin-left:-250px;
  z-index:3000;
  border-width:2px;
  padding:5px;
}
#popup_header{
  height:20px;
}

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot, a.active_tab .rbtabtop{
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
  margin: 0 7px; 
  /*padding:5px;*/
}
#blue_mark_inst.rbcontent { 
  margin: 0 7px; 
  padding:0;
}

/******** Utility Classes **************/
.all_alone{
  width:100%
}
.slant{
  font-style:italic;
}
.pad_top_bot{
  padding:10px 0;
}
.positioner{
  position:relative;
}
.white_bg{
  background:white;
}
.small_font{
  font-size:10px;
}
.text_right{
  text-align:right;
}
.force_ur{
  position:absolute;
  top:0px;
  right:0px;
}
.force_ur_pad {
  position:absolute;
  top:3px;
  right:3px;
}
.right {
  float:right;
}
.left {
  float:left;
}
.bold{
  font-weight:bold;
}
.full_border{
  border-style:solid;
  border-width:1px;
}
.line_height{
  height:20px;
}
.centered_text{
  text-align:center;
}
.numbering{
  font-weight:bold;
  font-style:italic;
  color:#1e5efa;
}
.bar{
  margin:0 3px;
}
.emphasize{
  font-size:10pt;
  font-weight:bold;
}
.orange, a.orange{
  color:#FC7D21;
}
.input{
  border-width:1px;
  border-style:solid;
  border-color:#c0c0c0;
}
.disabled{
  color:#b3b3b3;
}
.light{
  background-color:#eeeeee;
}
.dark{
  background-color:#c0c0c0
}
.blues{
  background-color:#eeeeee;
  border-color:#c0c0c0;
}
.red, a.red{
  color:red;
}
.blue, a.blue{
  color:blue;
}
.green, a.green{
  color:green;
}
.header{
  margin:5px;
  margin-top:25px;
  font-size:13pt;
  font-weight:bold;
}
.half_width{
  width:450px;
}

/* The Flash Message Popout thingy */
#flash{
  position:fixed;
  left:0px;
  bottom:70px;
  width:100%;
  height:50px;
  z-index:2000;
  text-align:center;
  line-height:50px;
  font-size:20px;
}
.error{
  background:url('/images/grad_red.png') repeat-x;
  color:white;
}
.ok{
  background:url('/images/grad_tabs.png') repeat-x;
}
/** corner rounding **/

.corner_box { position: relative; background: white;}
.corner { position: absolute; width: 10px; height: 10px; background: url('/images/circle.png') no-repeat; font-size: 0%; }
.corner_box_inner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/** Map Stuff **/

.full_size_map{
  width: 480px; 
  height: 400px;
}
.small_size_map{
  width: 400px; 
  height: 300px;
}
.mid_size_map{
  width:450px;
  height:400px;
}
.map_padding{
  margin-left:20px;
  margin-bottom:30px;
}
#map_canvas{
  position:relative;
  border: #ffa500 1px solid;
}