
body{
  background: #EFF1E3 url(http://mvda.info/style/images/bgFade.jpg) repeat-x 0 0;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-family: Verdana, Arial, sans-serif;}

.clearFix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
.clearFix {display: inline-block;}
* html .clearFix {height: 1%;}
.clearFix {display: block;}

#pageFrame {
  width: 68em;
  margin: 1em auto;}

#frameTop {height: 13px; background: transparent url(http://mvda.info/style/images/frameTop.gif) repeat-x top left; overflow: hidden;}
#frameTop div.left {height: 13px; background: transparent url(http://mvda.info/style/images/frameTopLeft.gif) no-repeat top left; overflow: hidden;}
#frameTop div.left div.right {height: 13px; background: transparent url(http://mvda.info/style/images/frameTopRight.gif) no-repeat top right; overflow: hidden;}
#frameMid {background-color: #FFF; overflow: hidden; border: 1px solid #82A031; border-width: 0 1px;}
#frameBot {height: 13px; background: transparent url(http://mvda.info/style/images/frameBottom.gif) repeat-x top left; overflow: hidden;}
#frameBot div.left {height: 13px; background: transparent url(http://mvda.info/style/images/frameBottomLeft.gif) no-repeat top left; overflow: hidden;}
#frameBot div.left div.right {height: 13px; background: transparent url(http://mvda.info/style/images/frameBottomRight.gif) no-repeat top right; overflow: hidden;}

h1, h2, h3 {
  margin-top: 0;}
h1 {
  font-size: 1.4em;}

a {color: #666;}
a:hover {color: #999;}

dl.floatSmall dt {
  float: left;
  width: 6em;
  font-weight: bold;}
dl.floatSmall dd {
  margin-left: 6em;
  margin-bottom: 0.3em}

dl.floatMedium dt {
  float: left;
  width: 10em;
  font-weight: bold;}
dl.floatMedium dd {
  margin-left: 10em;
  margin-bottom: 0.3em}

.floatRight {float: right;}
img.floatRight,
.attachment.floatRight {margin: 0 0 1em 1em;}
.floatLeft {float: left;}
img.floatLeft,
.attachment.floatLeft {margin: 0 0 1em 1em;}

.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}

/***********************************
pageHeader
***********************************/

#pageHeaderContent {
  position: relative;}

p#siteTitle,
p#siteTitleMCN {
  margin: 0 0 0 13px;}

p#siteTitle a {
  text-indent: -5000px;
  display: block;
  width: 436px; height: 89px;
  background: transparent url(http://mvda.info/style/images/logoLarge.gif) no-repeat top left;}

p#siteTitleMCN a {
  text-indent: -5000px;
  display: block;
  width: 313px; height: 99px;
  background: transparent url(http://mvda.info/style/images/mcnLogo.gif) no-repeat top left;}

p#tagline {
  position: absolute;
  top: 3em;
  left: 27.75em;
  color: #666;
  font-size: 1.2em;
  margin: 0;}
p#tagline span {
  display: block;
  margin-left: 3em;}
p#tagline a {
  font-weight: bold;
  text-decoration: none;}
p#tagline a:hover {
  text-decoration: underline;}

p#tagline.mcn {
  left: 20em;}
p#tagline.mcn span {
  display: block;
  margin-left: 7em;}

/***********************************
Main Menu
***********************************/

#mainMenuWrap {
  margin-top: 13px;
  border-bottom: 1px solid #82A031;}
ul#mainMenu {
  float: left;
  margin: 0 13px;
  padding: 0;
  list-style-type: none;
  background: transparent url(http://mvda.info/style/images/menuTabBg.jpg) repeat-x 0 0;}
ul#mainMenu li {
  margin: 0;
  float: left;
  background: transparent url(http://mvda.info/style/images/menuTabLeft.jpg) no-repeat top left;}
ul#mainMenu li a {
  display: block;
  padding: 0.5em 1.5em 0.3em;
  font-size: 1em;
  text-decoration: none;
  background: transparent url(http://mvda.info/style/images/menuTabRight.jpg) no-repeat top right;}
ul#mainMenu li a:hover {
  text-decoration: underline;}

/***********************************
Breadcrumbs
***********************************/

p#breadcrumbs {
  font-size: 0.8em;
  padding: 0.5em 13px;
  margin-top: 0;
  margin-bottom: 1em;
  border-bottom: 1px dotted #C4D198;}

/***********************************
2 Column Equal
***********************************/

.twoColumnEqualOuter .twoColumnEqualInner {
  width: 100%;
  float: right;
  margin-left: -28.5em;}
.twoColumnEqualOuter .column1 {
  width: 27.5em;
  float: left;
  display: inline;}
.twoColumnEqualOuter .twoColumnEqualInner .column2 {
  margin-left: 28.5em;}

/***********************************
2 Column Left
***********************************/

.twoColumnLeftOuter .twoColumnLeftInner {
  width: 100%;
  float: right;
  margin-left: -16em;}
.twoColumnLeftOuter .column1 {
  width: 15em;
  float: left;
  display: inline;}
.twoColumnLeftOuter .column1 .column1Inner {
  padding-left: 10px;}
.twoColumnLeftOuter .twoColumnLeftInner .column2 {
  margin-left: 16em;}
.twoColumnLeftOuter .twoColumnLeftInner .column2 .column2Inner {
  padding-right: 10px;}

/***********************************
2 Column Right Layout
***********************************/

.twoColumnRightOuter .twoColumnRightInner {
  width: 100%;
  float: left;
  margin-right: -18em;}
.twoColumnRightOuter .twoColumnRightInner .column1 {
  margin-right: 18em;}
.twoColumnRightOuter .twoColumnRightInner .column1 .column1Inner {
  padding-left: 13px;}
.twoColumnRightOuter .column2 {
  width: 17.5em;
  float: right;
  display: inline;}
.twoColumnRightOuter .column2 .column2Inner {
  padding-right: 13px;}

/***********************************
3 Column Layout
***********************************/

.threeColumnOuter .threeColumnInner {
  width: 100%;
  float: left;
  margin-right: -18em;}
.threeColumnOuter .threeColumnInner .twoColumnOuter {
  margin-right: 18em;}
.threeColumnOuter .twoColumnInner {
  width: 100%;
  float: right;
  margin-left: -17em;}
.threeColumnOuter .column1 {
  width: 16.25em;
  float: left;
  display: inline;}
.threeColumnOuter .column1 .column1Inner {
  padding-left: 13px;}
.threeColumnOuter .twoColumnInner .column2 {
  margin-left: 17em;}
.threeColumnOuter .column3 {
  width: 17.25em;
  float: right;
  display: inline;}
.threeColumnOuter .column3 .column3Inner {
  padding-right: 13px;}

/***********************************
subMenu
***********************************/

.subMenuWrap p.title {
  display: none;}
ul.subMenu{
  margin-top: 0;}
ul.subMenu,
ul.subMenu li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;}
ul.subMenu li {
  padding: 0.3em 0;}
ul.subMenu li a {
  display: block;
  text-decoration: none;
  padding-left: 16px;
  background: transparent url(http://mvda.info/style/images/linkDot.png) no-repeat 0 0.15em;}
ul.subMenu li a:hover {
  text-decoration: underline;}

/***********************************
terms
***********************************/

ol.terms,
ol.terms ol {font-weight: bold; padding-left: 0; margin-left: 2.5em;}
ol.terms li {padding-left: 0; margin-left: 0;}
ol.terms ol {
  font-weight: normal;
  list-style: lower-alpha;}
ol.terms ol ol {list-style: lower-roman;}

/***********************************
contentImage
***********************************/

.contentImage p.caption {
  font-size: 0.8em;
  background-color: #CCC;
  color: #999;
  text-align: center;
  padding: 0.2em;}

/***********************************
FAQ
***********************************/

dl.faqList dt {font-weight: bold;}
dl.faqList dd {margin: 0.3em 0 0.3em 1em;}

/***********************************
articles, events, directory, vacancies
***********************************/

dl.articlesFeature,
dl.eventsFeature {
  margin-top: 0;}
dl.articles dd,
dl.events dd,
dl.directory dd,
dl.vacancies dd,
dl.articlesFeature dd,
dl.eventsFeature dd {
  margin: 0.5em 0 1em 0;}
dl.articlesFeature dd span.published,
dl.eventsFeature dd span.published {
  color: #AAA;}
dl.articles dd span.published,
dl.events dd span.published,
dl.directory dd span.published,
dl.vacancies dd span.published,
dl.articlesFeature dd span.published,
dl.eventsFeature dd span.published {
  color: #AAA;}

.vacancy .box {padding: 0;}

/***********************************
Page Navigation
***********************************/

p.pageNav {
  text-align: center;
  font-size: 0.8em;
  padding: 0.3em;
  border: 1px solid #CCC;}
p.pageNav a {border-bottom: 0;}

/***********************************
comments
***********************************/

div.commentListItem {
  border-top: 1px solid #CCC;
  padding: 0.75em 0.75em 0 0.75em;}

a.commentPost,
a.complaint,
a.rssFeed {
  padding: 3px 0 3px 20px;
  background: transparent url(http://mvda.info/style/images/comment.png) no-repeat 0 50%;}
a.complaint {
  background: transparent url(http://mvda.info/style/images/alert.png) no-repeat 0 50%;}
a.rssFeed {
  background: transparent url(http://mvda.info/style/images/rssFeed.gif) no-repeat 0 50%;}

#commentForm #name,
#commentForm #email,
#commentForm #url {
  width: 75%;}
#commentForm #comment {
  width: 99%;}

/***********************************
FormBuilder
***********************************/

dl.formConfig dt.noFloat {
  float: none;
  width: auto;}
dl.formConfig dd.noFloat {
  margin-left: 0;}
dl.formConfig dd.noFloat ul,
dl.formConfig dd.noFloat li {
  list-style: none;
  margin: 0.3em 0 0.3em 1em;
  padding-left: 0;}

/***********************************
Links
***********************************/

dl.links dt {margin-bottom: 0.5em; font-weight: bold;}
dl.links dd {margin-left: 1.5em; margin-bottom: 1em;}

/***********************************
image
***********************************/

.contentImage {
  display: block;
  margin: 0 auto;}
.contentImage p.caption {
 margin-top: 0.5em;
 text-align: center;
 font-size: 0.9em;
 color: #333;}

/***********************************
pageFooter
***********************************/

#pageFooter {
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px dotted #C4D198;}
#pageFooterContent p {
  font-size: 0.8em;
  color: #666;
  margin: 0 13px 0.5em 13px;}
#pageFooterContent img {
  margin-left: 13px;}

/***********************************
Home
***********************************/

#homeFeature h2.big {font-size: 2.25em;}
#homeFeature p.big {font-size: 1.5em;}

#homeFeature .l,
#homeFeature .r {
  float: left;
  width: 49.9%;}
#homeFeature .l .box {
  margin-right: 6px;}
#homeFeature .r .box {
  margin-left: 6px;}
#homeFeature img {
  margin: 0 auto 13px auto;}
#homeFeature .l img {
  padding-right: 6px;}
#homeFeature .r img {
  padding-left: 6px;}

#homeFeature .box h2 {
  font-size: 1.45em;
}
#homeFeature .box p {
  font-size: 0.9em;
}
#homeFeature .box p.link {
  text-align: right;
}

#sponsors {
  margin: 0 13px;
}

/***********************************
General
***********************************/

dl.list1 {margin-top: -1em;}
dl.list1 dt {margin-top: 1em; margin-bottom: 0.5em; font-weight: bold;}
dl.list1 dd {margin-left: 1.5em;}

ul.spaced li {margin-bottom: 0.75em;}

p.accessibility,
p.footnote {
  margin: 0.2em 1em 0.2em 0;
  font-size: 0.8em;
  text-align: right;
}
p.accessibility a.small {
  font-size: 90%;
}
p.accessibility a.medium {
  font-size: 110%;
}
p.accessibility a.large {
  font-size: 130%;
}

/***********************************
boxes
***********************************/

.box {
  position: relative;
  padding: 13px;
  padding-bottom: 5px;
  margin-bottom: 13px;
}
.box.green {
  background: transparent url(http://mvda.info/style/images/boxBgGreen.jpg) repeat-x top left;
}
.box.purple {
  background: transparent url(http://mvda.info/style/images/boxBgPurple.jpg) repeat-x top left;
}
.box .tl,
.box .tr {
  position: absolute;
  width: 13px; height: 13px;
  z-index: 1;
}
.box .tl {
  top: 0; left: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerTopLeft.png) no-repeat top left;
}
.box .tr {
  top: 0; right: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerTopRight.png) no-repeat top left;
}

.box.subMenuWrap {
  background: transparent url(http://mvda.info/style/images/boxBgGreen.jpg) repeat-x top left;
}
.twoColumnRightOuter .column2 .box,
.threeColumnOuter .column3 .box {
  background: transparent url(http://mvda.info/style/images/boxBgPurple.jpg) repeat-x top left;
}

.box .top .left,
.box .top .right,
.box .bottom .left,
.box .bottom .right {
  position: absolute;
  width: 13px; height: 13px;
  z-index: 1;
}
.box .top .left {
  top: 0; left: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerTopLeft.png) no-repeat top left;
  width: 100%;
}
.box .top .right {
  top: 0; right: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerTopRight.png) no-repeat top left;
}
.box .bottom .left {
  bottom: 0; left: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerBotLeft.png) no-repeat top left;
  width: 100%;
}
.box .bottom .right {
  bottom: 0; right: 0;
  background: transparent url(http://mvda.info/style/images/boxCornerBotRight.png) no-repeat top left;
}

.box.subMenuWrap {background: transparent; padding: 0;}

