/* sections:
1. main content
2. side bars
3. admin
4. miscons past
*/

/* 1.  main content */

body {
font-size: .8em;
font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
padding: 0;
margin: 0;
background: url("http://www.miscon.org/images/background4.jpg") #003900 no-repeat top right fixed;
}

body img.background {
position: fixed;
top: 0;
left: 0;
z-index: -1;
}

div.body {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 26px;
width: 900px;
border-style: solid;
border-color: #5bba47;
border-width: 1px 1px 0;
background-color: #fff;
color: #000;
min-height: 1046px;
}

div.main {
margin: 0 0 10px 199px;
padding-left: 16px;
}

div.content {
width: 475px;
clear: both;
margin: 8px 10px 0 0;
}

div.fullcontent {
clear: both;
margin: 8px 10px 0 0;
}

div.pageitem {
clear: both;
padding: 18px 0;
}

div.pageitem h2 {
margin: 0;
clear: both;
}

h2 {
font-size: 1.45em;
}

div.pageitem img {
float: left;
margin: 8px;
width: 150px;
}

p {
margin: .5em 0 .6em;
}

u {
text-decoration: none;
font-style: italic;
}

div.info {
clear: left;
margin: 8px 10px 0 0;
}

div.content dl dd img, img.pageitem, div.fullcontent dl dd img {
float: left;
padding: 0 1em;
}

dt {
font-size: 1.3em;
margin: 1.5em 0 .25em;
padding-top: 8px;
font-weight: 700;
clear: both;
}
dd {
margin: .25em .25em .6em 30px;
}

p.details {
text-align: right;
margin: .2em 0 0;
font-size: .85em;
font-weight: 700;
}

img.bio, img.reg {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}

img.prologo, img.pageimg {
float: right;
margin: 5px;
}

a, a:link {
text-decoration: none;
color: #a676bb;
font-weight: 700;
}

a:visited {
text-decoration: none;
color: #563d5d;
font-weight: 700;
}

a:hover, a:active {
text-decoration: none;
color: #5bba47;
font-weight: 700;
}

object.video {
height: 391px;
width: 475px;
margin: .35em 0 .5em;
z-index: 1;
}

object.video div.movie, object.video div.movie2 {
position: absolute;
width: 475px;
color: #5bba47;
font-weight: 700;
margin: -100px 0 0;
text-align: center;
z-index: 12;
padding: 8px;
line-height: 1.5em;
}
object.video div.movie2 {
color: #000;
margin: -99px 0 0 1px;
z-index: 10;
}

object.video div.movie a, object.video div.movie a:visited, object.video div.movie a:link, object.video div.movie a:active, object.video div.movie a:hover {
color: #5bba47;
}

object.video img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* 2. side bars */

div.additionalinfo {
position: absolute;
left: 50%;
top: 290px;
width: 200px;
margin: 0 0 0 249px;
border-left: 1px solid #5bba47;
background: url("/images/green.png") repeat-y left #fff;
}
.additionalpast {
float: right;
margin: 0 0 0 12px;
width: 200px;
border-left: 1px solid #5bba47;
background: url("/images/green.png") repeat-y left #fff;
}
.guestpast {
width: 230px;
margin: 0 12px 0 0;
float: left;
border-right: 1px solid #563d5d;
background: url("/images/purple.png") repeat-y right #fff;
}
.propast {
width: 215px;
margin: 0 2px;
float: left;
}

div.navigation {
width: 200px;
margin: 0 250px 0 10px;
position: absolute;
top: 0;
right: 50%;
border-right: 1px solid #5bba47;
border-bottom: 1px solid #5bba47;
background: url("/images/purple.png") repeat-y right #a676bb;
}

div.navigation div.logo {
text-align: center;
margin: 8px 0;
}

div.logo img {
border: none;
}

div.non-content {
border-width: 1px 0 0;
border-style: solid;
border-color: #5bba47;
text-align: center;
}

div.navigation h1 {
font-size: 1.4em;
color: #c59d00;
margin: 1.2em 10px;
}

div.navigation p {
padding: 8px;
}

div.navigation div.non-content p, div.navigation address p {
padding: .5em 0;
}

div.navigation h2, div.additionalinfo h2, .additionalpast h2, .guestpast h2, .propast h2 {
font-size: 1.2em;
text-align: center;
background: #5bba47;
color: #fff;
margin: 0 0 2px;
}
.guestpast h2 {
background: #563d5d;
}
.propast h2 {
background: #a676bb;
}

address {
font-style: normal;
margin: .5em 8px;
}

div.navigation ul.nav_links, div.additionalinfo ul, .additionalpast ul, .guestpast ul, .propast ul, ul.minutes {
list-style-type: none;
margin: 0;
padding: 0;
}

div.navigation ul.nav_links {
background-color: #563d5d;
}

ul.nav_links li {
margin: 0;
padding: 2px 5px;
font-size: 1.05em;
line-height: 1.3em;
}

div.additionalinfo ul li, ul.minutes li, .additionalpast ul li, .guestpast ul li, .propast ul li {
margin: 0;
padding: 4px 10px;
line-height: 1.2em;
}

ul.minutes li {
display: inline-block;
width: 130px;
}

div.navigation ul.nav_links a, div.navigation ul.nav_links a:hover, div.navigation ul.nav_links a:active, div.navigation ul.nav_links a:visited, div.navigation ul.nav_links a:link {
color: #fff;
text-decoration: none;
font-weight: 400;
}

div.additionalinfo ul a, div.additionalinfo ul a:hover, div.additionalinfo ul a:active, div.additionalinfo ul a:visited, div.additionalinfo ul a:link, div.additionalpast ul a, div.additionalpast ul a:hover, div.additionalpast ul a:active, div.additionalpast ul a:visited, div.additionalpast ul a:link {
font-weight: 400;
}

div.additionalinfo p {
text-align: center;
}

.final {
clear: both;
padding-top: 8px;
}

div.footer {
margin: 1em 0 0 200px;
width: 684px;
border-top: 1px solid #5bba47;
color: #5bba47;
clear: both;
position: fixed;
bottom: 0;
background: #fff;
height: 25px;
z-index: 9;
padding: 2px 8px;
}

div.footer img {
border: none;
float: right;
}

div.contacts {
margin: 9px;
}

p.copyright {
text-align: left;
font-size: .65em;
line-height: .6em;
}

p.copyright a, p.copyright a:active, p.copyright a:visited, p.copyright a:link {
color: #5bba47;
text-decoration: none;
font-weight: 400;
}

div.contacts a, div.contacts a:active, div.contacts a:visited, div.contacts a:link {
color: #000;
text-decoration: none;
font-weight: 400;
}

div.contacts a:hover {
text-decoration: underline;
}

div.contacts ul {
list-style-type: none;
text-align: left;
margin: 0;
padding: 0;
}

div.contacts ul li {
padding: 0 11px 0 0;
display: inline;
}

a img, a:link img, a:visited img, a:focus img, a:hover img, a:active img {
border: none;
}

div.banner img {
/* height: 253px;
width: 475px;
position: relative; */
float: left;
/* padding-top: 5px; */
margin-top: 8px;
}

div.banner h1 {
position: absolute;
top: 110px;
margin: 0 0 0 245px;
padding: 0;
color: #fff;
text-align: right;
}

div.marquee {
clear: both;
margin: 4px 0 4px -15px;
}

div.clock, div#cntdwn {
text-align: center;
padding: 8px;
}

li.break {
color: #999;
}
li.overbooked {
color: #a676bb;
}


/* 3.  admin */

table.schedule {
empty-cells: hide;
border-spacing: 3px;
background-color: #fff;
}
table.schedule td {
border-right: solid 1px #999;
padding: 5px;
vertical-align: top;
}
table.schedule th {
padding: 5px;
vertical-align: top;
font-size: .8em;
}
table.schedule td h3 {
font-size: .8em;
font-weight: 400;
text-align: center;
}
table.schedule td.overbooked {
background: #a676bb;
}
table.schedule td.used {
border-left: solid 1px #5bba47;
}
table.schedule td.start {
border-top: solid 1px #5bba47;
}
table.schedule td.end {
border-bottom: solid 1px #999;
}
table.schedule td.vacant {
background: #eee;
border-bottom: solid 1px #999;
}
table.schedule td form fieldset legend, span.note {
font-size: .75em;
}

form.filtering h3 {
margin: 1.1em 0 .15em;
text-align: right;
width: 170px;
clear: both;
font-weight: 900;
font-size: 1.1em;
}
form.filtering h4 {
width: 175px;
text-align: right;
display: block;
float: left;
font-weight: 900;
margin-right: 5px;
font-size: 1em;
margin-top: 10px;
margin-bottom: 0;
clear: both;
}
form.filtering div.formblocks {
width: 470px;
margin-left: 180px;
margin-top: 12px;
}

form.filtering div.guestblock {
width: 160px;
display: inline-block;
border-top: 1px solid #999;
border-left: 1px solid #999;
margin: 2px;
padding: 2px;
}

form.filtering label {
width: 175px;
text-align: right;
display: block;
float: left;
margin-right: 5px;
margin-top: 20px;
margin-bottom: 4px;
}
form.filtering input, form.filtering select, form.filtering textarea {
margin-top: 12px;
}
form.filtering input.text {
width: 230px;
}
form.filtering input.checkbox, form.filtering label.checkbox {
margin-bottom: 0;
margin-top: 10px;
display: block;
float: left;
}
form.filtering label.checkbox {
width: 135px;
}
form.filtering label.radio {
width: auto;
float: none;
display: inline;
margin-left: 5px;
margin-right: 0;
}
form.filtering input.radio {
margin-left: 0;
margin-right: 5px;
margin-top: 20px;
}
form.filtering select, form.filtering label.select, form.filtering label.text, form.filtering label.button {
margin: 1.1em 5px .15em 0;
}

form.filtering input.button {
border-bottom: 2px solid #563d5d;
border-top: 2px solid #a676bb;
border-left: 2px solid #a676bb;
border-right: 2px solid #563d5d;
background: #5bba47;
color: #000;
font-size: 1.15em;
font-weight: 900;
}
form.filtering input.edit {
border-bottom: 2px solid #003900;
border-top: 2px solid #5bba47;
border-left: 2px solid #5bba47;
border-right: 2px solid #003900;
background: #aaa;
}
form.filtering input.error {
border-bottom: 2px solid #aaa;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #aaa;
background: #5bba47;
}

/* 4.  miscons past */

div.menu {
clear: both;
}