html { min-width: 600px; }

#cse-search-results {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#google_ads_frame1 {
}
h1 form {
	float:right;
	margin-top:10px;
}

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */
        font-family: 'Droid Sans',tahoma,verdana,sans-serif;
	font-size: small;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #333;
}
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/

.onlyprint { display: none; }

blockquote {
	color: #666;
}

p.legend {
	color: #666;
	margin:0px;
	border-bottom:1px dotted #888;
}

div#sections {
	margin-top:0.75em;
	border:solid 1px #888;
	padding:0.5em 1em 0.5em 1em;
	margin: 0.5em 0px 0.5em 0.5em;
	background:#eee;
	float:right;
}

div#sections h3 {
	display:inline;
}

ul#bookmarks {
	display: block;
	list-style: none;
	text-align:center;
	margin-top:1.5em;
	margin-bottom:0.5em;
}
ul#bookmarks li {display:inline}
ul#bookmarks li a {
	padding-right:0.3em;
	border-right:1px dotted #888;
	background:transparent;
}
ul#bookmarks li a:hover {
	background:#eee;
}
ul#bookmarks li:last-child a { border: none; }
ul#bookmarks li a img {
	width:1.3em;
	vertical-align:middle;
}

dl.figure * {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

dl.figure > dd {
  font-size: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  display:block;
  width:33%;
  min-width:600px;
  text-align: justify;
  font-weight: bolder;
}



div.message {
	background:#eee;
	border-left: 5px solid #888;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	margin: 0px auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width:80%;
}
div.message img {vertical-align:middle;margin-right:1em;}
div.message ul {list-style: none;}

div.album {
	padding:0px;
	margin:0px;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	display:block;
	clear:both;
	overflow: auto;
	width: 100%
}
.panorama img,
.thumbnail img {
	vertical-align:middle;
	border:1px;
	border-style:solid;
	border-color:#000;
	width:250px;
	height:250px;
}

.panorama img {
	width:auto;
	height:250px;
}

div.panorama,
div.thumbnail {
	width:250px;
	height:auto;
	text-align:center;
	padding:5px;
	display:block;
	float:left;
}

div.panorama {
	width:auto;
}

body {
	background: #eee;
	color: #333;
	padding: 0em 3% 3em 3%;
	margin: 0;
}

a:link {
  color: #00b;
  text-decoration: none;
}
a:visited {
  color: #00b;
  text-decoration: none;
}
a:active { color: #000; }
a:hover {
  color: #e2144a;
  text-decoration: none;
}

img a { border: none;}
img a:hover { border: 2px;}
p { line-height: 140%; }
acronym {border-bottom: 1px dotted black;}

.right {
	float:right;
	clear:none;
}

h1,h2 {
	font-family: 'Droid Sans', tahoma, trebuchet ms;
	font-weight: bold;
}

#header div#title h1 {
	font-size:4em;
	color: #eee;
	text-shadow: 0px -1px 0px #000;
	background-image: url('/img/title_logo.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:120px;
	padding-top:25px;
	margin:0px;
	height:100px
}

div#title {
	padding-bottom:3em;
	padding-left:2em;
}

#header #title img {
	vertical-align:middle;
}

h1 {
	color: #333;
	font-size: 200%;
	text-shadow: 0 1px 0 #fff;
	margin: 0;
}

h1 a { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }

h2 {
	font-size: 160%;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	color: #333;
	text-shadow: 0px 1px 0px #fff;
}

h3 {
	font-size: 130%;
	padding-bottom: 2px;
	margin: 0px;
}

h4 {
	padding-left: 1em;
}

h4 + p {
	padding-left: 1.5em;
}

p.note {
	background: #eee;
	padding: 4px;
	font-family: tahoma;
	font-size: 85%;
	line-height: 130%;
	margin-top: 0;
}

img {border: 0;}

legend {
    border:2px groove #eee;
    margin-bottom:1em;
}

th {border-bottom:1px solid #888;}

tr.odd {

}
tr.even {
	background-color:#d3e5ff;
}

ul.box {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; }


ul.box li {
position: relative;
float: left;
width: 90%;
height: 30%;
padding: 0;
border: 1px solid #efefef;
margin: 0 30px 30px 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }


ul.box li:before,
ul.box li:after {
content: '';
z-index: -1;
position: absolute;
left: 10px;
bottom: 10px;
width: 70%;
max-width: 5px; /* avoid rotation causing ugly appearance at large container widths */
height: 55%;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-6deg);
-moz-transform: skew(-15deg) rotate(-6deg);
-ms-transform: skew(-15deg) rotate(-6deg);
-o-transform: skew(-15deg) rotate(-6deg);
transform: skew(-15deg) rotate(-6deg); }


ul.box li:after {
left: auto;
right: 10px;
-webkit-transform: skew(15deg) rotate(6deg);
-moz-transform: skew(15deg) rotate(6deg);
-ms-transform: skew(15deg) rotate(6deg);
-o-transform: skew(15deg) rotate(6deg);
transform: skew(15deg) rotate(6deg); }

.roundabout-holder {
	padding: 0;
	height: 24em;
	width: 50%;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

.roundabout-moveable-item {
	height: 22em;
	width: 45em;
	cursor: pointer;
	background-color: #eee;
	border: 2px solid #888;
	border-radius: 5px;
	padding:0.5em;
}

.roundabout-moveable-item div {
	overflow:hidden;
	height: 100%;
	padding-left:0.5em;
}

.roundabout-moveable-item img {
	float:left;
	display: table-cell;
	vertical-align: middle;
	margin:0.5em;
}
.roundabout-in-focus { cursor: auto; }