/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
body {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}
img {
  border: 0;
}

#content2 {
  font-size:1.1em;
}

/* LINKS */
a,
a:link, 
a:active, a:visited {
   text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

#main p a {
}

#main ul {
   list-style: square;
}

/* END LINKS */
	
/* HEADINGS - apart from H1 */

h2 {
  font-size: 1.7em;
  padding: 5px 0 10px 0;
  margin: 0;
}

h3 {
  font-size: 1.2em;
  margin: 5px 0 10px 0;
  padding:0;
}

#menu_vert h2 {
  margin-left: 10px;
}

h4 {
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
  padding: 0px 0px 5px 0px;
  border-bottom:1px solid #9CDECF;
}

#highlight-block {
  font-weight:bold;
  font-size: 1.5em;
  line-height: 1.5em;
  padding: 1.5em 0 0.5em 0;
  margin: 0;
}
#contact-block {
  font-size: 0.9em;
}

/* END HEADINGS */

/* TEXT */
p {
  text-align: left;
  font-size: 1.1em;
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 1.4em;
}
blockquote {
  border-left: 10px solid #ddd;
  margin-left: 10px;
}
pre {
  font-family: monospace;
  font-size: 1.0em;
}
strong, b {
  font-weight: bold;
}
em, i {
  font-style:italic;
}
code {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  white-space: pre;
}
/* END TEXT */
	
/* LISTS */
#main ul {
  line-height:1.4em;
  margin: 0 0 1.5em 0;
  padding: 0;
}
#main ul li {
  font-size: 1.1em;
  margin: 0 0 0.25em 30px;
  padding: 0;
}
#main ul li li {
  font-size: 1em;
}
ol {
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 0 0 1.5em 0;
  padding: 0;
}
ol li {
  font-size: 1.0em;
  margin: 0 0 0.25em 30px;
  padding: 0;
}
dl {
  margin: 0 0 1.5em 0;
  padding: 0;
  line-height: 1.4em;
}
dl dt {
  font-weight: bold;
  margin: 0.25em 0 0.25em 0;
  padding: 0;
}
dl dd {
  margin: 0 0 0 30px;
  padding: 0;
}
/* END LISTS */
	
	
/* TABLE */

table caption {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 1.5em 0;
}
th {
  font-weight: bold;
  text-align: left;
}
.contactform {
  font-size:1.1em;
}
.contactform .required {
  font-weight:bold;
}
/* END TABLE */	
	
hr {
}
div.hr {
  height: 1px;
  margin: 1.5em 10px;
  border-bottom: 1px dotted black;
}
	
/* END TYPOGRAPHY */	

#homepage_news {
  margin-left:10px;
}

.NewsPostDate {
  color:#808080;
}

.NewsSummarySummary {
  line-height: 140%;
}

.NewsNavigate, .NewsSummaryContent {
  padding-bottom: 10px;
}

#NewsPostDetailSummary {
  line-height: 150%;
  font-weight:bold;
}

#NewsPostDetailContent {
  margin-bottom: 10px;
  line-height: 150%;
}



/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
body {
  margin: 0;
  padding: 0;
  text-align: left;
}
div#page {
  width: 77em;
  margin:  0px auto 0px 0px;
  padding: 0;
  text-align: left;
}   

/* HEADER */
div#header {
  position:relative;
  margin: 0;
  padding: 0;
  height: 60px;
  text-align: right;
}
#logo {
   position:absolute;
   top: 12px;
   left: 15px;
}
div#top-right {
   padding-top:15px;
}
div.breadcrumbs {
  margin-left: 210px;
  text-align: left;
  font-size: 1.1em;
}
#page_title {
  margin-top:40px;
}
#section-image {
  float:left;
  margin-top:20px;
}
/* END HEADER */
    
div#content {
  position:relative;
  margin: 15px auto 20px 0;
  padding: 0;        
  text-align: left;
}
div#menu_vert {
  float: left;
  width: 185px;
  display: inline;
}
div#menu_horiz {
  width: 100%;        
  text-align: left;
}
div#main {
  float: left;
  padding: 0 0 0 25px;
  display: inline;
}
div#content2 {
  float: right;
  width: 15em;
  display: inline;
}

/* FOOTER */
#footer {
  font-size: 1em;
   margin-left: 200px;
}
#footer p {
  margin: 0px;
  padding:0 0 10px 10px;
}
/* END FOOTER */

/* END LAYOUT */

h1 {
  font-size: 2.2em;
  margin: 0 0 0 210px;
  padding: 25px 0px 20px 0px;
  border-bottom:1px solid #9CDECF;
}

div#main {
      width: 37em;
}

/* END PAGE LAYOUT*/

/* Dropdown menu for Modcomp */

#primary-nav {
   z-index: 999;
   position: absolute;
   top: 62px;
   left: 205px;
   border-bottom: 4px solid #669999;
   font-size: 1.1em;
}

* html #primary-nav {
   top: 61px;
}

#primary-nav, #primary-nav ul {
   float: left;
   list-style: none;
   line-height: 10px;
   background: #99CCCC;
   font-weight: bold;
   padding: 0;
   margin: 0 0 1em 0;
}
#primary-nav a {
   display: block;
   width: 7em;
   color: #333333;
   text-decoration: none;
   padding: 0.25em 1em 0.25em 1em;
}
#primary-nav li {
   float: left;
   padding: 0;
}
#primary-nav li ul {
   position: absolute;
   left: -999em;
   height: auto;
   width: 12em;
   font-weight: normal;
   margin: 0;
   line-height: 14px;
   border-top: 4px solid #669999;
   border-right:1px solid #999999;
   border-bottom:1px solid #999999;
   border-left:1px solid #999999;
}
#primary-nav li li {
   background: #ffffff;
}
#primary-nav li ul a {
   width: 10em;
}
#primary-nav li:hover ul ul, #primary-nav li.sfhover ul ul {
   left: -999em;
}
#primary-nav li:hover ul, #primary-nav li li:hover ul, #primary-nav li.sfhover ul, #primary-nav li li.sfhover ul {
   left: auto;
}
#primary-nav li:hover, #primary-nav li.sfhover {
   background-color: #99CCCC;
}
#primary-nav li a:hover {
   color:#CCFFFF;
}
#primary-nav li a.menuactive {
   color:#CCFFFF;
}
#primary-nav li li a.menuactive {
   color:#333333;
}
#primary-nav li li a:hover {
   color:#333333;
}


#menu_vert {
   font-size: 1.1em;
}
#menu_vert ul {
   padding: 0 0 0 0;
   margin: 0px;
   list-style: none;
}
#menu_vert ul li {
   text-align: right;
   padding: 5px 0 0 0;
}
#menu_vert ul li.active01 {
   color: #333333;
   font-weight: bold;
   text-decoration: none;
}
#menu_vert ul li.active01 li {
   font-weight: normal;
}


ul.hori-nav {
   margin:0;
   padding:10px 0 0 0;
}
ul.hori-nav  li {
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: inline;
   text-align: center;
   white-space: nowrap;
}
.hori-nav a {
   font-size:1.1em;
   padding:0 8px 0 10px;
}
.hori-nav .copyright { text-decoration: none; }
.hori-nav .line { border-right: 1px solid #808080; }