/* HTML */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #000000;
}
table {
font-size: 12px;
border: 0px solid #000000;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 120%;
margin: 10px 0px 10px 0px; /* top, right, bottom, left */
}
h2 {
font-size: 16px;
margin: 10px 0px 0px 0px; /* top, right, bottom, left */
}
h3 {
font-weight: bold;
font-size: 12px;
margin: 2px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
}
p {
font-size: 100%;
line-height: 150%;
text-align:justify;
}
hr {
color: #003399;
margin: 0px 0px 0px 0px; /* top, right, bottom, left */
height: 1px;
}
ul {
margin-left: 15px;
padding: 0px;
}
li {
margin: 5px 0px 5px 0px; /* top, right, bottom, left */
}
a {
color: #FF6600;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
.text_brake {
color: #FF0000;
margin: 0px 0px 0px 0px; /* top, right, bottom, left */
height: 5px;
}
/* GENERAL PAGE ELEMENTS */
#main {
}
.handheld_content {
display:none;
}
.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #999999;
}
.last_modified {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #999999;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
margin-left: 5px;
border: 1px solid #000000;
background: #FFCC7F;
color: #000000;
}
.page_preview {
padding: 10px;
text-align: center;
font-size: 10px;
margin: 10px;
background: #000000;
color: #FFFFFF;
}
.image_left {
float: left;
margin: 0px 8px 0px 0px; /* top, right, bottom, left */
}
.image_right {
float: right;
margin: 0px 0px 0px 8px; /* top, right, bottom, left */
}
/* TOOLBAR */
.toolbar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FFFFFF;
}
.toolbar a {
color: #FFFFFF;
text-decoration: none;
}
.toolbar a:hover {
color: #CCCCCC;
text-decoration: underline;
}
.toolbar_separator {
width: 10px;
background-image: url(images/_toolbar_separator.gif);
background-position: center;
}
/* SEARCH */
.search {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #666666;
}
.search_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
width: 30px;
margin-left: 5px;
border: 1px solid #000000;
background: #FFCC7F;
color: #000000;
}
/* ARTICLE */
.article_container {
padding: 0px;
margin: 0px;
border: 0px solid #CCCCCC;
background: #FFFFFF;
}
.article_header_date {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #666666;
text-align: left;
padding: 0px 0px 5px 0px; /* top, right, bottom, left */
}
.article_header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 120%;
margin: 10px 0px 10px 0px; /* top, right, bottom, left */
padding: 0px 0px 0px 0px; /* top, right, bottom, left */
}
.article_header_separator {
height: 5px;
}
.article_content {
border: 0px solid #FFFFFF;
}
.article_more {
text-align: right;
font-size: 11px;
margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
.article_separator {
height: 20px;
background-image: url(images/article_separator.gif);
background-repeat: repeat-x;
background-position: center center;
}
/* ARTICLE PREVIEW */
.article_preview_container {
width: 190px;
padding: 0px;
margin: 0px;
border: 0px solid #CCCCCC;
background: #FFFFFF;
}
.article_preview_header_date {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #666666;
padding: 0px 0px 5px 0px; /* top, right, bottom, left */
}
.article_preview_header {
height: 35px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
background-image: url(templates/images/article_preview_header.gif);
background-repeat: repeat-x;
background-position: center center;
padding: 0px 0px 0px 5px; /* top, right, bottom, left */
}
.article_preview_header_separator {
height: 5px;
}
.article_preview_content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
border: 0px solid #FFFFFF;
}
.article_preview_more {
text-align: right;
font-size: 11px;
height: 20px;
padding: 0px 20px 0px 0px; /* top, right, bottom, left */
background-image: url(templates/images/article_preview_more.gif);
background-repeat: no-repeat;
background-position: right center;
}
.article_preview_separator {
height: 20px;
background-image: url(images/article_preview_separator.gif);
background-repeat: repeat-x;
background-position: center center;
}
/* CONTENT */
.content_container {
border: 0px solid #CCCCCC;
}
.content {
padding: 10px;
border: 0px solid #CCCCCC;
}
.content_title {
font-size: 16px;
font-weight: bold;
}
.content_date {
font-size: 10px;
color: #666666;
}
.content_separator {
margin: 5px 0px 0px 0px; /* top, right, bottom, left */
}
.content_separator_cell {
height: 1px;
background-image: url(images/_content_separator.gif);
}
.content_end {
margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}
.content_end_cell {
height: 1px;
background-image: url(images/_content_end.gif);
}
/* FOOTER */
.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FFFFFF;
}
.footer a {
color: #CCCCCC;
text-decoration: none;
}
.footer a:hover {
color: #FF6600;
text-decoration: none;
}
.footer_separator {
width: 11px;
background-image: url(templates/images/footer_separator.gif);
}
/* MENU */
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
}
.menu a {
color: #FFFFFF;
text-decoration: none;
}
.menu a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menu_container {
background: #000000;
height: 34px;
background-image: url(templates/images/menu_container.gif);
}
.menu_empty_cell {
height: 20px;
}
.menu_separator {
width: 20px;
background-image: url(templates/images/menu_separator.gif);
background-repeat: no-repeat;
background-position: center center;
}
/* SUBMENU */
.submenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: #000000;
}
.submenu_selected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #000000;
}
.submenu a {
color: #000000;
text-decoration: none;
}
.submenu a:hover {
color: #000000;
text-decoration: none;
}
.submenu_header {
height: 10px;
}
.submenu_container {
width: 180px;
}
.submenu_empty_cell {
width: 10px;
}
.submenu_empty_cell_selected {
width: 10px;
background-image: url(templates/images/submenu_empty_cell_selected.gif);
background-repeat: no-repeat;
background-position: center center;
}
.submenu_separator {
height: 10px;
background-image: url(templates/images/submenu_separator.gif);
background-repeat: no-repeat;
background-position: center center;
}
/* LIGHTBOX */
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
.defBig {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-align:justify;
line-height: 20px;
font-weight: bold;
}