/* CSS Document */

/* Simple Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
a img {border:none;}
:focus { outline: 0; }

/* Layout and Position */
body {
background:#fff url(img/bbg.jpg) left top repeat-x;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3.mark {
text-indent:-9999px;
}
h1 {
background:url(img/happy.png) left top no-repeat;
display: block;
float:right;
height: 70px;
margin: 0;
overflow: hidden;
padding: 0px;
width: 388px;
}
h2 a {
background:url(img/mark.png) left top no-repeat;
display: block;
float:left;
height: 44px;
margin: 12px 0 0 0;
overflow: hidden;
padding: 0px;
width: 225px;
}
h3.mark a {
background:url(img/footmark.png) left top no-repeat;
display: block;
height: 39px;
margin: 0 0 10px 0;
overflow: hidden;
padding: 0;
width: 132px;
}
#wrap {
background:transparent url(img/wbg.jpg) center top no-repeat;
min-height:650px;
min-width:650px;
width:100%;
}
#content {
background:none;
margin:0 auto;
overflow:auto;
width:650px;
}
#flashContainer {
background:transparent url(img/slide.png) center top no-repeat;
height:450px;
width:650px;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}
div.player, div.forward {
background:none;
margin-top:4px;
padding-bottom:25px;
text-indent:-9999px;
}
div.player a, div.forward a {
display:block;
overflow:hidden;
}
div.player a {
background-image:url(img/sprite.jpg);
background-repeat:no-repeat;
height:29px;
width:252px;
}
div.player a, div.player a:link, div.player a:visited {
background-position:0 0;
}
div.player a:hover {
background-position:0 -29px;
}
div.forward a {
background-image:url(img/sprite.jpg);
background-repeat:no-repeat;
height:29px;
margin-right:4px;
width:237px;
}
div.forward a, div.forward a:link, div.forward a:visited {
background-position:0 -58px;
}
div.forward a:hover {
background-position:0 -87px;
}
#appendix {
background:#A4D1DB;
color:#fff;
margin-bottom:30px;
text-align:center;
width:650px;
}
#appendix p {
font-size:17px;
line-height:30px;
text-transform:uppercase;
}
#appendix a {
color:#009EC0;
text-decoration:none;
}
#appendix a:hover {
text-decoration:underline;
}
#footer {
background:none;
overflow:auto;
}
#footer p {
color:#666;
text-align:right;
font-size:12px;
}
#friend {
padding:10px;
}
#friend h3 {
font-size: 26px;
color: #016C84;
}
#friend h4 {
font-size: 18px;
font-weight: bold;
color: #016C84;
}
#friend a:link, #friend a:visited {
color: #009EC0;
text-decoration: underline;
}
#friend a:active, #friend a:hover {
color: #27BAD9;
text-decoration: none;
}
/* Forms */
label {font-weight:bold;}
fieldset {padding:.5em 1.4em .5em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:100px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
span.error {background:none; border:none; margin:0; padding:0;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}