@charset "utf-8";


/* dev 
div, p {border:1px solid lime;} */


/* reset */
*    {margin: 0;padding: 0;border: none;}
body {background:#fff url('../img/bg.jpg') no-repeat;}

/* structure */

body {min-width: 980px;	}
#container {width:950px; margin:80px auto 0;}

#frame {position:relative;float:left;width:600px;padding:200px 50px 0 0; margin-bottom: 30px;border-bottom-width: 2px;border-right-width: 2px;}

#navigation {position:relative;display:block;float:left;width:250px;}

div#footer {padding-top:40px;clear: both;}


/* homepage */




div#info, div#old_site_menu {clear: both;}

.info{font-size:16px;font-weight: bold;}

em {font-style: italic;}

div#map {background: #fff;border:1px solid gray;padding: 10px;margin-top:50px; width:580px;overflow-x: hidden;}
#map address{margin-bottom: 20px;}

/* all pages default */

/* 2007 banner */

#banner2007{border-bottom:1px solid #ccc ; width:100%;height: 45px;background:#fff top right url('../img/oa2007_logo.png') no-repeat ;}
#spring{width: 300px;height: 45px; background:top right url('../img/oa2007_spring.png') ;}

/* navigation */
#navigation h3 {color: #fff;font-size:12px;margin:5px 0 0 0;}
#navigation hr {border: 1px solid #333;margin-top:10px;}

#navigation ul {margin:10px 0 0 0;}
#navigation ul li {padding:2px 0;font-size: 12px;}

#navigation a, #navigation a:link, #navigation a:visited  {color: #fff;font-weight:normal;text-decoration: none;font-size: 12px;}
#navigation a:hover, #navigation a:visited:hover {color: #ede;text-decoration:underline;}

#navigation a.big, #navigation a.big:link, #navigation a.big:visited  {color: #fff;font-weight:normal;text-decoration: none;font-size: 18px;}

/* header */
#header {margin-bottom: 30px;}
#header h1 {display:inline; width:500px;}
#header h1 a {display:block;border:none;width:500px;height:122px;background: url('../img/oa2009_logo.png') no-repeat;}
#header h1 a span {display: none;}


/* footer */


#footer ul {border-top:1px solid #eee;font-size:10px;color:#ccc;padding-top:10px;}
#footer li {text-align:center;list-style:none;}
#footer ul ul {border:none;margin-top:30px; padding:0 50px;}
#footer ul ul li a, #footer ul ul li a:visited, #footer ul ul li a:link { color:#ccc;}

#footer a {color: #aaa;font-weight:normal;text-decoration: none;}
#footer a:link, #footer a:visited {color:#aaa;}
#footer a:hover, #footer a:link:hover, #footer a:visited:hover {color: #888;text-decoration:underline;}

/* typography */
body{font: 16px/1.2 Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;color:#000;}

h1, h2, h3 {color:#333;letter-spacing:-0.5px;font-size-adjust:none;font-weight:normal; text-align:left;}

h1{font-size:25px;line-height:26px;padding:0 0 2px 0;margin:10px 0 30px 0;text-transform: uppercase;font-weight: bold;}
h2{font-size:20px;line-height:16px;margin:20px 0 10px 0;font-weight: bold;margin-top: 50px;text-transform: uppercase;}
h3{color: #666;font-size:12px;margin:25px 0 5px 0;}

h1 span {text-indent: 2000px;}

.moob {font-weight: bold; color: #333;}
.en   {color:#333;}
p     {margin-bottom: 10px;}
p.hour {float: left;font-size:25px;font-weight: bold;margin: 0 8px 10px 0;}

/* links */
a, a:link {color: #00f;font-weight:normal;text-decoration: underline;}
a:hover, a:visited:hover {color: #39c;}
a:visited {color: #39c;}

#content a, #content a:link, #content a:visited  {color: #333;font-weight:normal;text-decoration: none;}
#content a:hover, #content a:visited:hover {color: #fa0;text-decoration:underline;}

#content a img, #content a img:link, a img:visited { border:4px solid white;}
#content a img:hover, #content a img:visited:hover { border:4px solid #eee;}

/* lists */
#content ul {padding:0 0 10px 10px;list-style: none inside;}
#content ul ul {padding-left:15px;list-style: disc inside;}

ul {margin-bottom: 10px;}
ul li {list-style-type: none;}
ul ul li {padding: 0 10px;}
ul ul ul li {padding: 0 10px;}
ul ul ul ul li{padding:0 10px;}
ul ul{list-style-position: inside; padding-left:10px; }



/* forms */
input, textarea {
 font: 25px monospace;
 background-color: #fff;
 border: 1px solid #ccc;
 color:#000;
 margin:6px 0;
 padding: 3px;
 width:600px;
}
button {
 background-color: #eee;
 border: 1px solid #aaa;
 color:#666;
 margin:3px 0 ;
 width:200px;
}
button:hover {
 background-color: #ccc;
}
button:active {
 background-color: #eee;
}
label{display: block;font-size: 20px;color:#666;font-weight: bold;}
label.radiolabel{display: inline;}
input.radio{width:30px;}

/* buttons */
.button {-moz-border-radius:5px;background:#39c url(../img/button-bg.png) repeat-x scroll left top;border:medium none;color:white !important;font-size:14px;font-weight:bold;padding:4px 4px 3px;}
.button:hover {background:#333 none repeat scroll 0 0;cursor:pointer;}

.arrow_button a {display:block;width:200px;height:50px;padding-top:30px; text-align:center;background: transparent url(../img/button_arrow_big.png) no-repeat top left;text-decoration:none;color:#fff;text-transform:lowercase;font-size: 35px;}
.arrow_button a:hover, .arrow_button a:active {background: transparent url(../img/button_arrow_big.png) no-repeat top right;color:#fff;text-decoration:none;}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:250px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../img/1600x1200.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:1px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}