* {
  font-family:Arial, sans-serif;
  font-size:15px;
  line-height:20px;
  text-align: left;
  padding:0px;
  margin:0px;
}


html {
  background-color: #1D7AAD;
  background-image:url(gradient_stripe_1px_800.jpg);
  background-repeat:repeat-x;
}

/* shadow */
#bigbox {
  position:relative;
  float:left;
  margin-top: 45px;
  margin-left: -415px;
  left:50%;
  min-height: 580px;
  width: 830px;
  height:100%;
}


#shadowtop{
  width:830px;
  height:15px;
  background-image:url(shadow_top.png);
  background-repeat:no-repeat;
}

#middle
{
  width:830px;
  min-height:550px;
  height:100%;
  background-image:url(shadow_middle_part.png);
  background-repeat:repeat-y;
}

#shadowbottom {
  width:830px;
  height:15px;
  background-image:url(shadow_bottom.png);
  background-repeat:no-repeat;
}

/* site */

#middlecenter {
  background-color: #FFFFFF;
  width: 800px;
  min-height:550px;
  margin: 0 auto;
}

#middlecenter:after {
  content:"";
  clear:both;
  display:block;
}

#header {
  width:800px;
  height:164px;
  background-repeat:no-repeat;
  background-image:url(header_800_2.jpg);
}

#logo {
  position:absolute;
  top:0px;
  left:0px;
  margin-top:15px;
  margin-left:15px;
}

#logoRomanus {
  width:425px;
}

/* mainmenu */
#mainmenu {
  padding-left:15px;
  padding-top: 140px;
}

#mainmenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#mainmenu a {
  text-decoration: none;
  text-align: center;
}

#mainmenu a:hover {
  color: #0082C9;
}

.mainmenu li.active a {
  color: white;
}

.mainmenu li a {
  color: #E0E0E0;
}


#mainmenu ul li a {
  float: left;
  margin-left:30px;
  margin-right:30px;
  font-family:Arial, sans-serif;
  line-height:12px;
  font-size:18px;
  font-weight:bold;
}


/* submenu */
#submenu {
  float:left;
  width:200px;
  background-color:white;
}

#submenu ul {
  margin: 0px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 30px;
  padding-top: 40px;
  list-style-type: none;
}

#submenu a {
  font-family:Arial, sans-serif;
  font-weight:600;
  display: block;
  font-size:16px;
  text-decoration: none;
  text-align: left;
}

#submenu a:hover {
  color: #0082C9;
}

.submenu li.active a {
  color: #E41B41;
}

.submenu li a {
  color: #275080;;
}

#submenu li {
  padding:10px;
}

/* contentpane */
#midpane {
  float:left;
  width:100%;
  background-color:white;
  margin-bottom:20px;
}


#spacer {
  float:left;
  width:3px;
  height:380px;
  background-image:url(spacer_380.png);
  background-repeat:no-repeat;
  margin-right: 15px;
}

#content {
  float:left;
  width:540px;
  margin-top:30px;
  padding-bottom:30px;
  padding-left:15px;
  padding-right:20px;
  overflow:hidden;
}

/* font */
div#content
{
  color: #275080;
}


h1 {
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-size:17px;
  display: block;
  color: #A73030;
  text-align:center;
  padding-left: 20px;
  padding-top:20px;
  margin-bottom:20px;
}

p {
  margin-bottom:1em;
}

.csc-caption{
  text-align:center;
  font-style:italic;
  color:#A0A0A0;
  padding-top:10px;
  font-size:0.8em;
}

/* image */
.image  {
  float:right;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  border:1px solid #E0E0E0;
  padding:3px;
} 
/* links */
div#content a {
  color: #E41B41;
  text-decoration:none;
}
div#content a:hover {
  color: #E41B41;
  text-decoration:underline;
}

/* table */

.contenttable p{
  margin-bottom:0px;
}


.contenttable td{
  padding-right:10px;
  padding-bottom:5px;
}

small {
  font-size:0.75em;
}

td {
  vertical-align:top;
  padding:8px 20px;
}