/* ruim 2009 | www.ruim.com */

body {
   background: #a7a4a4 url(../images/core/bodyBG.gif) fixed center;
   color: #121212;
   font-family: Arial, "sans-serif";
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   line-height: 1.5em;
   margin: 0;
   padding: 0;
   text-align: center;
}

html {overflow-y: scroll;
}

h1 {
   font-family: Dax, Arial, "sans-serif";
   font-size: 18px;
   font-weight: normal;
}

h2 {
   color: #690000;
   font-family: Dax, Arial, "sans-serif";
   font-size: 18px;
   font-weight: normal;
}

h3 {
   color: #ffffff;
text-decoration:underline;
   font-family: Dax, Arial, "sans-serif";
   font-size: 15px;
   font-weight: normal;
}

h4 {
   color: #ffffff;
   font-family: Dax, Arial, "sans-serif";
   font-size: 17px;
   font-weight: normal;
}

h5 {
   color: #690000;
   font-family: Dax, Arial, "sans-serif";
   font-size: 12px;
   height: 25px;
   font-weight: normal;
}

h6 {
   color: #ffffff;
   font-family: Dax, Arial, "sans-serif";
   font-size: 15px;
   font-weight: normal;
}

p {
   margin-bottom: 5px;
}

.footnote {
   font-family: "Times New Roman", Times, serif;
   font-style: italic;
   font-size: 95%;
}

.tiny {
   font-size: 1px;
   padding: 0;
   margin: 0;
}

table {
   border-spacing: 0;
   border-collapse: collapse;
   margin: auto;
   padding: 0;
}

td {
   text-align: left;
   vertical-align: top;
}

.noBorder {
   border: 0;
   text-decoration: none;
   display: block;
}

.dottedTitle {
   height: 25px;
   text-align: left;
   padding: 9px 9px 0 9px;
   border-bottom: 1px dotted #666666;
}


/* Links
----------------------------------------------------------------------------------------------------*/
a {
   border: 0;
   color: #121212;
   text-decoration: none;
}

a:hover {
   border: 0;
   color: #ff000c;
}

.right_bottom a {
border-bottom: 1px dotted #666666;}

.listContainer a,
.listContainer_narrow a,
a.imageTitleLink {
   border: 0;
   display: block;
   padding: 5px 10px;
   background: 0;
}

.listContainer a:hover,
.listContainer_narrow a:hover {
   background: #ffffff;
}

a.imageTitleLink:hover {
   color: #121212;
}

#footer a {
   color: #ffffff;
   border-bottom: 1px dotted #ffffff;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
#container {
   background: url(../images/core/containerBG.png) repeat-y;
   margin-left: auto;
   margin-right: auto;
   width: 996px;
}

#contentContainer {
   margin: 0 18px;
   width: 960px;
}

#header {
   background: #ffffff;
   height: 80px;
   margin: 0;
}

#header #logoLeft {
   width: 480px;
   float: left;
}

#header #logoRight {
   width: 480px;
   float: left;
   text-align: right;
}

#content {
   background: #ffffff url(../images/core/stripes.gif);
   margin: auto;
   width: 960px;
}

#dropShadow,
#dropShadow_content,
#dropShadow_footer {
   background: url(../images/core/dropShadow.png) no-repeat;
}


/* Content container
----------------------------------------------------------------------------------------------------*/
#content #dropShadow,
#content #dropShadow_content,
#content #dropShadow_footer {
   padding-bottom: 20px;
   padding-top: 20px;
   width: 960px;
}

#content .left {
   width: 240px;
}

#content .middle {
   width: 880px;
}

#content .right_top {
   width: 640px;
   height: 220px;
}

#content .right_bottom {
   padding: 0 18px 0 11px;
   width: 611px;
}

.dottedBottom {
   border-bottom: 1px dotted #666666;
}

.contentText {
   margin: 5px 0 5px 0;
   width: 610px;
}

.yearContainer {
   margin: 0;
}

.listTitle {
   margin-left: 10px;
   padding-bottom: 4px;
}

.listIntro {
   padding: 5px 10px;
}

.backToTop {
   padding-top: 9px;
   text-align: right;
}

.listContainer {
   width: 610px;
}

.listContainer_narrow {
   width: 305px;
}

.line1 {
   color: #690000;
   font: bold 12px Arial, Helvetica, sans-serif;
   line-height: 1.5em;
}

.line2 {
   color: #000000;
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 1.5em;
}

.line3 {
   color: #000000;
   font: bold italic 11px Arial, Helvetica, sans-serif;
   line-height: 1.5em;
}

.strong {
   color: #690000;
   font: bold 12px Arial, Helvetica, sans-serif;
}


/* Menu
----------------------------------------------------------------------------------------------------*/

.menuItem {
	height: 18px;
	overflow: hidden;
	margin: 0 0 10px 0;
	width: 230px;
	border-bottom: 1px dotted #666666;
	display: block;
	padding: 0 0 6px 0;
}

.menuItem  a {
	height: 20px;
	display: block;
	width: 230px;
	color: #121212;
	text-decoration: none;
	background-position: 0px 0px;
}

.menuItem  a:hover {
/*	background-image: url(../images/titles/pi_1.gif); */
	height: 18px;
	display: block;
	width: 230px;
	color: #ff000c;
	text-decoration: none;
	background-position: 0px -20px;
}

/* page -- 1 -- home */
.menuItem #p1 a {
	background-image: url(../images/titles/p1.gif);
}

.menuItem #p1 a:hover {
	background-image: url(../images/titles/p1.gif);
}

/* page -- 2 -- about us */
.menuItem #p2 a {
	background-image: url(../images/titles/p2.gif);
}

.menuItem #p2 a:hover {
	background-image: url(../images/titles/p2.gif);
}

/* page -- 9 -- registries */
.menuItem #p9 a {
	background-image: url(../images/titles/p9.gif);
}

.menuItem #p9 a:hover {
	background-image: url(../images/titles/p9.gif);
}

/* page -- 12 -- publication */
.menuItem #p12 a {
	background-image: url(../images/titles/p12.gif);
}

.menuItem #p12 a:hover {
	background-image: url(../images/titles/p12.gif);
}

/* page -- 16 -- education */
.menuItem #p16 a {
	background-image: url(../images/titles/p16.gif);
}

.menuItem #p16 a:hover {
	background-image: url(../images/titles/p16.gif);
}

/* page -- 18 -- links */
.menuItem #p18 a {
	background-image: url(../images/titles/p18.gif);
}

.menuItem #p18 a:hover {
	background-image: url(../images/titles/p18.gif);
}

/* backToTop
----------------------------------------------------------------------------------------------------*/
#backToTop {
	height: 18px;
	overflow: hidden;
        border: 0;
	display: block;
	padding: 0 0 6px 0;
}

#backToTop  a {
	background-image: url(../images/titles/backToTop.gif); 
        background-repeat: no-repeat;
        border: 0;
	height: 20px;
	display: block;
        color: #690000;
	text-decoration: none;
	background-position: 0px 0px;
}

#backToTop  a:hover {
	background-image: url(../images/titles/backToTop.gif); 
        background-repeat: no-repeat; 
        border: 0;
	height: 18px;
	display: block;
        color: #000;
	text-decoration: none;
	background-position: 0px -20px;
}

/* subMenu
----------------------------------------------------------------------------------------------------*/

#menuArrow {
	width: 11px;
	height: 201px;
	float: left;
}

#subMenu {
background-image: url(../images/core/subMenuBG_mid.jpg); 
     background-repeat: no-repeat; 
	width: 589px;
	height: 161px;
	float: left;
	padding: 20px;
	overflow: hidden;
}

#subMenu .title {
	height: 23px;
	width: 429px;
	border-bottom: 1px dotted #ffffff;
	font: 16px bold Arial, sans-serif;
	color: #ffffff;
}

#subMenu .intro {
	color: #ffffff;
	width: 430px;
	padding: 5px 0 0 0;
}

#subMenu .link {
	height: 25px;
	width: 215px;
	float: left;
	padding: 5px 0 0 10px;
	background: url(../images/core/subMenuLink.gif) left no-repeat;
	font: 14px bold Arial, sans-serif;
	color: #ffffff;
}

#subMenu .link a{
	text-decoration: none;
	color: #fff;
}

#subMenu .link a:hover{
	text-decoration: none;
	color: #ffffff;
   font-weight: normal;
text-decoration:underline;
}

#subMenu .activeLink {
	height: 25px;
	width: 215px;
	float: left;
	padding: 5px 0 0 10px;
	background: url(../images/core/subMenuLinkActive.gif) left no-repeat;
	font: 14px bold Arial, sans-serif;
	color: #121212;
}

#subMenu a {
	color: #ffffff;
}


/* sideBar
----------------------------------------------------------------------------------------------------*/
.sideBar {
   width: 210px;
   margin: 0 10px 10px 0;
   border: 0;
}

.sideBarTop {
   height: 10px;
   background: url(../images/core/sideBarTop.gif) no-repeat;
   border: 0;
   margin: 0;
   padding: 0;
   width: 210px;
}

.sideBarMiddle {
   background: url(../images/core/sideBarBG.gif) repeat-y;
   padding: 0 0 20px 0;
   height: auto;
   width: 210px;
}

.sideBarBottom {
   height: 10px;
   background: url(../images/core/sideBarBottom.gif) no-repeat;
   width: 210px;
}

.sideBarMiddle .dottedTitle {
   width: 169px;
   padding: 10px 0 0 0;
   margin: 0 0 0 20px;
}


.sideBarMiddle .text {
   width: 169px;
   padding: 5px 0 0 0;
   margin: 0 0 0 20px;
}

.sideBarMiddle .text .downloadButton{
   width: 54px;
   height: 55px;
   vertical-align:middle;
   padding: 0;
   margin: 0;
}

.sideBarMiddle .text .downloadText{
   width: 115px;
   height: 55px;
   vertical-align:middle;
   padding: 0;
   margin: 0;
}

.downloadButton a,
.downloadText a {
display:block;
color:#121212;
font-weight:bold;}

.downloadButton a:hover,
.downloadText a:hover {
display:block;
color:#690000;
font-weight:bold;}



/* table
   ----------------------------------------------------------------------------------------------------*/
   table {
   border: none;
   background: transparent;
   margin: auto;
   padding: auto;
   table-layout: fixed;
}



.center_middle {
   text-align: center;
   vertical-align: middle;
}

.tbl {
   border: 1px solid #bbbbbb;
   background: #f5f5f5;
   margin-bottom: 5px;
}

.tbl th {
   background: #f2f2f2;
   height: 25px;
   border-bottom: 1px dotted #666666;
   text-align: left;
   padding: 4px 9px 0 9px;
}

.table2,
   .tblOutline {
   border: 1px solid #bbbbbb;
   background: #fff;
   /*margin: 20px 0;*/
}

.tblOutline td {
   padding: 4px 0px;
}



th.dottedTitle {
   padding: 9px 0px 4px 0px;
}

.table2 th {
   background: #fff;
   height: 25px;
   border-bottom: 0;
   text-align: left;
   padding: 0;
}

.dottedLine {
   height: 1px;
   padding: 9px 9px 0 9px;
   border-bottom: 1px dotted #666666;
}



.tbl td,
.table2 td {
   padding: 4px 9px;
}

.even td {
   background: #f2f2f2;
}

.odd td {
   background: #ffffff;
}


/* image containers
----------------------------------------------------------------------------------------------------*/
.image {
  margin-top: 10px;
}

.imageContainer {
   background: #fff;
   border: 1px solid #bbb;
   text-align: center;
   vertical-align: middle;
}

.imageContainer a {
   border: none;
}

.imageTitle {
   font: italic 11px Arial, Helvetica, sans-serif;
   text-align: center;
   vertical-align: middle;
}

.imageTitle a:hover {
   color: #ff000c;
}


/* footer
   ----------------------------------------------------------------------------------------------------*/
#footer .noBorder {
   border: 0;
}

#footer {
   background: #690000 url(../images/core/footerStripes.gif) repeat;
   height: 250px;
   color: #ffffff;
}

#footer #dropShadow,
#footer #dropShadow_content,
#footer #dropShadow_footer  {
   padding-top: 20px;
   padding-bottom: 20px;
   font: 11px Arial, Helvetica, sans-serif;
   line-height: 1.5em;
   letter-spacing: 0.1em;
   color: #ffffff;
}



/* block
----------------------------------------------------------------------------------------------------*/
.block {
   vertical-align: top;
}

.block .dottedTitle {
   padding:0;
}

.block .text {
   margin: 0;
}

#footer .block {
   color: #ffffff;
}

#footer .block .dottedTitle {
   border-bottom: 1px dotted #ffffff;
   color: #ffffff;
}

#footer .block .text {
   color: #ffffff;
}



/* Lists
----------------------------------------------------------------------------------------------------*/
#listSquare li {
   list-style-type: square;
   margin-left: 14px;
   padding-left: 0;
}

#listDiamond li {
   list-style-image: url("../images/core/listDiamond.png");
   list-style-type: circle;
   margin-left: 17px;
   padding-left: 0;
}

#listStripe li {
   list-style-image: url("../images/core/listStripe.png");
   list-style-type: none;
   margin-left: 14px;
   padding-left: 0;
}

#blank li {
   list-style-image: none;
   list-style-type: none;
   margin-left: 14px;
   padding-left: 0;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http: //sonspring.com/journal/clearing-floats */
.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

/* http: //perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix: after {
   clear: both;
   content: ' ';
   display: block;
   font-size: 0;
   line-height: 0;
   visibility: hidden;
   width: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}