/*
* 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 {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
blockquote:before,
blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/*
* Basic
*/
body { background-color: #839798; cursor:default; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #474a51; font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img,
h3 img, h4 img,
h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
br, .clear { clear: both; }
a:focus,
a:hover { color: #094E7C; }
a { color: #094E7C; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
strike, del { color:#ccc; }
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
hr { background: #fff; border: none; color: #fff; height: 1px; }
/*
* Forms
*/
form fieldset { border:none; padding:10px }
form fieldset.radio { border:none;width:200px;padding:0 }
form fieldset legend { font-family:tahoma,arial,verdana,sans-serif;font-size:150%;font-weight:normal;margin:10px 0;padding:0 3px 0 9px;color:#666 }
form fieldset.radio legend { display:block;float:left;width:129px;margin:0 0 3px 0;padding:3px 0;font-size:100%;font:11px/1.6em verdana,sans-serif;text-align:right }
form fieldset.radio>legend { width:130px;margin:0 0 3px 0;padding:3px 5px }
form fieldset.radio legend.required { font-weight:bold }
form fieldset label { display:block;float:left;width:130px;padding:3px 5px;margin:0 0 3px 0;text-align:right }
form fieldset label.required{ font-weight:bold }
form fieldset label.checkbox{ float:none;display:block;width:200px;padding:0;margin:0 0 3px 142px;text-align:left;width:200px }
form fieldset.radio label { position:relative;top:-1.9em;float:none;display:block;width:200px;padding:0;margin:0 0 3px 142px;text-align:left;width:200px}
form fieldset.radio>label { top:0.3em}
input,select,textarea { padding:1px 3px;margin:2px 0;font-family:tahoma,arial,verdana,sans-serif;font-size:100%;background:#f0f0f0;border:1px solid#333;color:#000 }
optgroup option { font-family:tahoma,arial,verdana,sans-serif;font-size:80% }
textarea { overflow:auto }
form fieldset input,
form fieldset select,
form fieldset textarea { width:200px; }
form fieldset textarea { width:240px; }
input.button { border:1px outset #8A0F18; cursor: pointer; width:auto; padding:2px 6px; font-size:100%;background: #E21B24; color:#fff; font-weight: bold }
input.checkbox { border:none;width:auto }
form fieldset input.button { margin:0 0 0 142px }
form fieldset label.checkbox input,
form fieldset.radio label input { display:inline;height:14px;width:14px;margin:0 5px 0 0;border:none;background:transparent }
form fieldset.radio label>input { position:relative;top:0.4em }
form fieldset small { display:block;margin:0 0 0 142px;padding:1px 3px;font-size:88%;width:200px;line-height:1.3em }
form fieldset dl { margin:0;padding:0 }
form fieldset dl dt { width:130px;float:left;text-align:right;margin:0;padding:3px;clear:both }
form fieldset dl dd { padding:3px }
.LV_validation_message { font-weight: bold; margin: 0 0 0 5px; }
.LV_valid { color: #00CC00; }
.LV_invalid { color: #CC0000; }
form fieldset label.checkbox.invalid { color: #CC0000; font-weight: bold }
/*
* Tables
*/
table.full,
table.horizontalLined { clear:both; width:100%; }
table th { border-bottom: 2px solid #38060A; font: bold 11px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:3px; text-align:left; white-space:nowrap; }
table td { padding:3px; vertical-align:top }
table tr.alt td { background: #eee }
table td.alignLeft { text-align: left }
table td.alignCenter { text-align: center }
table td.alignRight { text-align: right }
table td.valignTop { vertical-align:top }
table td.valignMiddle { vertical-align:middle }
table td.valignBottom { vertical-align:bottom }
table td.nowrap { white-space:nowrap }
/*
* Layout
*/
body {
background: #839798 url('../micha/img/body-background.png') repeat-x top left;
color: #333;
font-size: 75%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#container {
margin: 0 auto;
width: 960px;
}
div#head {
background: transparent url('../micha/img/head-logo.png') no-repeat top left;
border-bottom: 1px solid #333;
float: left;
height: 97px;
width: 960px;
}
a#home_link {
display: block;
float: left;
height: 98px;
width: 278px;
}
a#home_link span {
display: none;
}
div#head ul {
float: right;
list-style: none;
margin: 60px 0 0 0;
}
div#head ul li {
display: inline;
}
div#head ul li a {
display: block;
color: #666;
float: left;
font-weight: bold;
padding: 0 25px 15px 0;
text-decoration: none;
}
div#head ul li a:hover, div#head ul li.active a {
border-bottom: 4px solid #ED145B;
color: #333;
}
div#mainimage {
background: transparent url('img/home-back.png') no-repeat;
border-bottom: 6px solid #333;
float: left;
height: 392px;
width: 960px;
}
div#menu_tiles {
float: left;
width: 960px;
}
div#menu_tiles ul {
margin:0;
list-style: none;
}
div#menu_tiles li {
display: inline;
}
div#menu_tiles a {
background-image: url('img/tile-back.png');
background-position: top;
display: block;
color: #333;
float: left;
font-size: 14px;
font-weight: bold;
height: 210px;
padding: 30px 17px 0;
text-align: center;
text-decoration: none;
width: 206px;
}
div#menu_tiles a:hover {
background-position: bottom;
}
div#menu_tiles a span {
display: block;
font-size: 12px;
font-weight: normal;
padding-top:7px;
}
div#menu_tiles a img {
display: block;
margin: 50px auto 0;
}
div#bottom {
border-top: 1px solid #333;
clear: both;
float: left;
margin: 0;
padding-top: 10px;
width: 960px;
}
div#bottom p {
color: #333;
}
div#bottom p a {
color: #333;
text-decoration: none;
}
div#bottom p a:hover {
color: #000;
}
div#bottom p.links {
float: left;
}
div#bottom p.copyright {
float: right;
}
/*
* CMS
*/
.left { float:left; }
.right { float:right; }
h5#editText {
font-size: 17px;
font-weight: normal;
width: 60%;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
#editImg {
float: right;
margin: 5px;
}
div#pluginMenu {
height:21px;
background:#F0F0EE;
border:1px solid #ccc;
font: 11px 'Arial Unicode MS Regular', Arial, Tahoma, sans-serif;
margin: 10px 0;
}
div#pluginMenu ul {
list-style:none;
margin:0;
padding:0;
}
div#pluginMenu ul li {
float:left;
}
div#pluginMenu ul li a {
display:block;
padding:2px 6px 3px 6px;
border:1px solid #F0F0EE;
color:#3c3c3c;
}
div#pluginMenu ul li.active a {
border:1px solid #CE1126;
}
div#pluginMenu ul li a:hover {
text-decoration:none;
background:#F3BCBE;
border:1px solid #CE1126;
}