@import url(http://www.google.com/css/go-x.css);
@import url(http://www.google.com/css/modules/buttons/g-button.css);
@media screen,projection{
body{max-width:985px;margin:0 auto;}
/* override intro with minwidth */
#intro{min-width:700px}
/* global styles */
p{padding-right:1em;}
input,select,textarea,option{font-family:inherit;font-size:inherit;}
hr{clear:left;margin:-1em 0;padding:0;visibility:hidden;}
ol li{padding:0 0 0.5em 0;}
ol{padding:0 0 1em 1.7em;}
/*blockquote{color:#090;font-size:1.166em;}*/
/*blockquote span {color: #666; font-size: 1em;}*/
blockquote{color:#090;font-size:2em;}
blockquote span {color: #666; font-size: 2em;}
/* nav */
#maincontent{overflow:auto; margin: 0;}
/* gox overrides */
h2,h3{border-color:#ccc;border-style:solid;border-width:0 0 1px;}
h2{color:#090;margin:0.6em 0;padding:0 0 0.1em;}
h3{color:#333;padding:0;}
/* intro section */
#intro{margin:0 0 -1em 0;overflow:auto;}
#promo {
  -moz-border-radius: 10px;
  background-color:#FFFFD9;
  border:1px solid #D2D26A;
  padding: 7px 5px 5px 5px;
  text-align: center;
  width: 235px;
}
  
/*size for top panel*/
#intro h2, #event h2.intro {border:none;font-size:3em;font-weight:normal;margin:0 auto auto auto; }
.graphic{float:left;margin:0 2em 1em 0;}
/* content boxes */
.column{display:inline;float:left;padding-right:5%;width:45%;margin:0;}
.columns {overflow: auto; margin: 1em 0 0 0;}
.column ul,.columns ul{list-style:none;padding-left:0;}
.column ul{padding:0 0 1.5em 0;margin:0;}
.column ul li,.columns ul li{padding:0;}
/*size for links*/
.column div{display:inline;float:left; font-size: 1.2em;}
/* button */
.column div div {width: 55%; font-size:1.2em;}
.column h3,.columns h3{color:#333;padding:0;}
/*col headings*/
.column div h3 {font-size:1.5em}
.columns h3{margin-bottom:0;}
.columns div{float:left;margin:0;padding:0;width:33%;}
.longtext li {margin-bottom: 0.5em;}
/* IE6 hacks */
* html .column div{margin:0 2% 0 0;}
* html #maincontent{margin-right: 25%;}
/* additional links in leftnav */
#nav em{border:dashed #ccc;border-width:1px 0;display:block;font-style:normal;margin:0.5em 0;padding:0.5em 0;}
/* tables */
table {border-bottom: 1px solid #dbd7d0;}
td,th {padding: 0.5em 1em 0.5em 0.5em }
.alt td {background: #f4efe8; border: solid #dbd7d0; border-width: 1px 0;}
}


.screenContainer {
  margin:0 auto;
  display:none;
}

.largeScreen {
  line-height:0;
  background:#bfc5c7;
  display:block;
  margin:0 auto;
  width:320px;
  height:480px;
  border:5px solid #ffffff;
}

.thumb-container {
  margin-top:1em;
}

.captionText {
  font-style:italic;
  display:none;
  width:90%;
  margin:0 auto 1em auto;
  text-align:left;
  min-height:2.8em;
}

ul.thumbs {
  padding:0;
  margin:0 100px;
  list-style-type:none;
  width:260px;
}
ul.thumbs li {
  display:block;
  height:70px;
  width:70px;
  float:right;
}
ul.thumbs li img {
  width:50px;
  height:50px;
  margin:4px 5px;
  background-color:#bfc5c7;
  padding:4px;
  border:1px solid blue;
}
ul.thumbs li:hover {
  background:url('img/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li:hover img {
  border:5px solid #ffa32c;
  padding:0;
}
ul.thumbs li.selected {
  background:url('img/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li.selected img {
  border:5px solid #ffa32c;
  padding:0;
}