* { margin: 0; padding: 0;  }

html { height: 100%; padding-bottom: 1px; }

body { background: #0b472d; font-family: "Verdana", "Geneva", sans-serif; color: #333; font-size: 12px; }

a img { border: none; }
a { color: #333; font-weight: 700; text-decoration: underline; }
h1, h2 { color: #fff; font-family: "Arial Black"; }
h3 { margin-bottom: 2em; color: #F5821F; font-size: 1.2em; text-transform: uppercase; }

p { text-align: justify; margin-bottom: 2em; }
p.large { font-size: 1.2em; }
p.no-indent { text-indent: 0; }
p.text-right { text-align: right; }
p.bold { font-weight: 700; }
p.italic { font-style: italic; }

ul { margin-bottom: 2em; }
li { padding-left: 2em; list-style-position: inside; }

.body-background { position: fixed; overflow: hidden; width: 100%; height: 100%; }
.body-background img { width: 100%; height: 100%; }

#container { position: absolute; left: 50%; top: 0; width: 800px; height: 400px; margin-left: -400px; margin-top: 30px; }

/**
 * Index
 */
body.main p.logo { float: left; text-indent: 0; width: 208px; padding: 20px 0 20px 100px; background: #fff }
body.main p.logo img { border-color: #fff; border-style: solid; border-width: 20px 0 20px 100px; border: none;}
body.main h1.title { float: left; padding-left: 10px; padding-top: 10px; font-size: 45px; line-height: 1.1; }
body.main h2 { clear: both; padding-top: 200px; text-align: center; font-size: 30px; }
body.main h2 a { color: #fff; text-decoration: none; }
body.main h2 a span {  text-decoration: underline; }
body.main h2 img { vertical-align: top; margin-top: -40px; margin-left: 20px; }

body.main #container { padding: 30px 30px 0; background: url('../images/layout/diamond.png') no-repeat 91% 100%; }
body.program .logo { text-indent: 0; }
body.program .logo img { margin-top: -70px; margin-left: 30px; border: 2px solid #fff; }
body.program h1,
body.program h2 { text-align: right; }
body.program h2 { padding-right: 50px; }

#footer { margin: 20px 0 0 0; padding: 20px; background: #41ad49; color: #fff; }
#footer h2 { text-align: left; }
body.program #footer .logo img { margin: 0; }
#footer div.bracket { width: 40px; margin: 20px 0; padding: 10px;  border: 1px solid #fff; border-width: 3px 0 3px 3px; }
#footer div div { width: 680px; }

* html #footer div.bracket { overflow: hidden; }
* html #footer div div { position: relative; }



.main-menu { float: left; clear: both; padding: 15px 30px; background: transparent url('../images/layout/main_menu_background.png') repeat 0 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 18px; }
.main-menu h1 { font-size: 18px; border-bottom: 1px solid #fff; }
.main-menu ul {list-style: none; width: 400px; margin: 0; border-top: 2px solid #fff; }
.main-menu li { overflow: hidden; margin-top: -1px; padding: 5px 0 0 0;  border-top: 1px solid #3f6b57; }
.main-menu li.important {font-size: 1.2em; text-transform: uppercase;}
.main-menu a, .main-menu a:visited { display: block; padding: 3px 0;  color: #fff; text-decoration: none; white-space: nowrap;}
.main-menu a:hover { color: #E08446; }
.main-menu a span {font-size: .8em;}

.main-menu dl { overflow: hidden; }
.main-menu dt { margin-top: -1px; padding: 8px 0; border-top: 2px solid #fff; color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase; }
.main-menu dd { overflow: hidden; width: 270px; padding: 3px 0; margin-bottom: -1px; border-bottom: 1px solid #3f6b57; color: #bdd8c8; font-size: 13px; font-weight: 500; }
.main-menu dd a { color: #bdd8c8; font-weight: 700; }

p.back { margin: 0; padding: 0; text-align: right; }
p.back a { float: left; padding: 5px 10px; background: transparent url('../images/layout/button_background.png') repeat-x 0 0; font-size: 9px; }

/*
.crash {position: absolute; top: 30px; right: 0; width: 250px; padding: 15px; background: #222; }
.crash p {color: #ccc; font-size: 1.1em;  text-align: left; line-height: 1.5em;}
.crash p.r {text-align: right;*/