@charset "utf-8";
/* CSS Document */
html {
height : 100%;
}
body {
line-height: 135%;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
padding : 0;
margin : 0;
color : #666666;
background-color : #efe9e2;
background-image: url(../images/bg.gif);
}
/* Body Print */
body.contentpane {
color : black;
background : none;
background-color : white;
}
/* Layout */
#wrapper {
margin-left : auto;
margin-right : auto;
display : block;
width: 998px;
}
#top_menu {
width : 998px;
float : left;
height : 50px;
padding : 0;
margin : 0;
overflow : visible;
background-image : url(../images/top_menu.png);
background-repeat : no-repeat;
display: block;
}
.top_menu_inner {
overflow : visible;
padding-left : 27px;
width: auto;
float: left;
margin-top: 2px;
}
#search_modul {
float: right;
width: auto;
margin-top: 11px;
padding-right: 50px;
}
#header {
height : 220px;
float : left;
width : 998px;
padding : 0;
margin : 0;
background-image : url(../images/header.png);
background-repeat: no-repeat;
display: block;
}
#fxContainer {
position : absolute;
padding-top : 0;
z-index : 999;
width : 998px;
height : 0;
}
#fxTarget {
top : 0;
z-index : 999;
height : auto;
overflow : hidden;
background-image: url(../images/top_panel.png);
background-repeat: no-repeat;
background-position: center 0px;
width: 998px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#fxPadding {
visibility : hidden;
padding : 0 0;
}
#fxTrigger {
position : relative;
cursor : pointer;
}
#fxTab {
position : relative;
z-index : 999;
height : 22px;
top: 0;
text-align: center;
width: 60px;
}
span#fxTrigger {
position : relative;
cursor : pointer;
}
#top_panel_buttons {
width: 998px;
z-index: 999;
height: 30px;
float: left;
position: relative;
}
.top_panel_buttons {
margin-left: auto;
margin-right: auto;
width: 440px;
}
#newsflash {
float : left;
color : #fafafa;
padding-left : 40px;
padding-top : 5px;
}
.newsflash_inner {
width: 380px;
height: 152px;
overflow: hidden;
padding: 5px;
}
#user7 {
float : left;
padding-top : 13px;
padding-left : 35px;
position: relative;
}
.user7_inner {
border : 1px solid #48433e;
background-color: #403a34;
color: #fafafa;
width: 225px;
height: 150px;
padding: 5px;
overflow: hidden;
}
#user8 {
float : right;
padding-top : 13px;
padding-right : 35px;
position: relative;
}
.user8_inner {
border : 1px solid #48433e;
background-color: #403a34;
color: #fafafa;
width: 225px;
height: 150px;
padding: 5px;
overflow: hidden;
}
#banner {
float : right;
padding-top : 15px;
padding-right : 40px;
}
.banner_inner {
border : 1px solid #e5dfda;
}
#user5 {
background-image: url(../images/top_menu_two.png);
background-repeat: no-repeat;
width: 998px;
float: left;
padding: 0;
margin: 0;
}
#user5_inner {
height: 40px;
margin: 0;
padding: 0;
}
.user5_modul {
padding-top: 10px;
padding-left: 62px;
}
.fontsize {
float: right;
padding-right: 60px;
padding-top: 5px;
}
#panel_buttons {
background-image: url(../images/content_top.png);
background-repeat: no-repeat;
width: 998px;
height: 30px;
float: left;
margin: 0;
padding: 0;
}
.top_panel_inner {
background-image: url(../images/top_panel_button.png);
background-position: center 0px;
background-repeat: no-repeat;
height: 30px;
width: 440px;
margin-left: auto;
margin-right: auto;
}
.panel_buttons {
padding-top: 5px;
float: left;
padding-left: 60px;
}
.top_panel_text {
width: 25px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-right: 50px;
}
#content_outer {
width : 998px;
padding : 0;
float: left;
margin: 0;
display: block;
}
#main_content {
float : none !important;
float : none;
padding : 10px;
margin : 5px;
}
table.content_table {
float : none;
width : 930px;
margin-left: auto;
margin-right: auto;
}
.content {
margin-bottom: 10px;
}
.content_float {
background-image: url(../images/content_float.png);
background-repeat: repeat-y;
}
#breadcrumbs {
height : 30px;
float: left;
padding-left: 62px;
padding-top: 8px;
}
.breadcrumbs {
height : 30px;
line-height : 30px !important;
line-height : 22px;
font-size: 12px;
}
.breadcrumbs a {
color : #999;
text-decoration : none;
}
.breadcrumbs a:hover {
color : #666;
text-decoration : none;
}
#left_outer {
float : left;
width : 200px;
margin: 10px 0 20px 0;
}
.left_inner {
float : none;
padding : 0px;
margin: 0;
font-size: 12px;
}
.left_inner_float {
width : 200px;
}
#right_outer {
float : left;
width : 200px;
margin: 10px 0 20px 0;
}
.right_inner {
float : none;
padding : 0;
margin: 0;
font-size: 12px;
}
.right_inner_float {
width : 200px;
}
.user_inner {
margin: 10px 35px;
}
#footer {
height : 90px;
width : 998px;
font-size : 11px;
background-repeat : no-repeat;
margin: 0;
background-image: url(../images/footer.png);
float: left;
}
#footer_panel {
width: 998px;
float: left;
background-image: url(../images/footer_float.png);
background-repeat: repeat-y;
padding: 0;
margin: 0;
display: block;
}
#footer_panel_inner {
width: 998px;
display: block;
min-height: 215px;
}
#footer_buttons {
background-image: url(../images/content_foot.png);
background-repeat: no-repeat;
width: 998px;
height: 30px;
float: left;
}
.footer_buttons {
padding-top: 5px;
float: right;
padding-right: 65px;
}
#copy {
text-align: center;
height: 28px;
padding-top: 15px;
color: #e0dbd5;
}
.users {
overflow: hidden;
float: left;
margin-left:1%;
}
.users_med, .users_big {
overflow: hidden;
float: left;
margin-left: 1%;
}
.users_med {
width: 32.6%;
}
.users_big {
width: 49.5%;
}
div:first-child.users_med, div:first-child.users_big {
margin-left: 0;
}
/* Tables */
td {
text-align : left;
margin : 0;
padding : 0;
}
table.contentpaneopen {
width : 99%;
padding : 0;
margin : 0;
}
table.contentpane {
width : 99%;
padding : 0;
margin : 0;
}
table.searchinto {
width : 99%;
}
table.poll {
padding : 0;
width : 99%;
border-collapse : collapse;
}
table.pollstableborder {
padding : 0;
width : 99%;
border : none;
text-align : left;
}
table.pollstableborder img {
vertical-align : baseline;
padding-left : 10px;
}
table.pollstableborder td {
padding : 2px;
border-collapse : collapse;
border-spacing : 0;
}
table.pollstableborder tr.sectiontableentry1 td {
margin : 1px;
padding : 4px 5px 3px 5px;
}
table.pollstableborder tr.sectiontableentry2 td {
margin : 1px;
padding : 4px 5px 3px 5px;
}
table.pollstableborder tr.sectiontableentry0 td {
margin : 1px;
padding : 4px 5px 3px 5px;
}
table.contenttoc {
font-size : 11px;
border : 1px solid #e5dfda;
padding : 2px;
margin-left : 10px;
margin-bottom : 10px;
float : right;
}
.toclink {
padding: 4px;
}
table.contenttoc a:link, table.contenttoc a:visited {
font-size : 11px;
color : #666;
}
table.contenttoc a:hover {
text-decoration : none;
color : #999;
font-size : 11px;
}
table.contenttoc td {
font-size : 11px;
padding : 2px;
margin : 2px;
}
table.contenttoc th {
font-size : 12px;
font-weight : normal;
background-color : #312a23;
color : #fff;
text-align : left;
padding : 5px;
margin : 5px;
}
table.moduletable td {
font-size : 90%;
padding : 0;
margin : 0;
font-weight : normal;
}
table.moduletable {
width : 90%;
margin : 0;
padding : 0;
}
div.moduletable {
padding : 0;
margin : 0;
font-size: 90%;
}
/* Moduletable h3 */
.moduletable_text h3, .moduletable_menu h3, div.moduletable h3 {
background-image: url(../images/module_h3.png);
background-repeat: no-repeat;
background-position: top right;
color : #FFFFFF;
font-weight : bold;
text-align : left;
height : 30px;
line-height : 30px;
font-size : 12px;
padding-left : 18px;
margin : 5px 0 2px 0;
overflow : hidden;
}
.user_inner .moduletable h3 {
background-image: url(../images/module_h3_bright.png);
background-repeat: no-repeat;
background-position: top right;
color : #FFFFFF;
text-align : left;
font-weight : bold;
height : 30px;
line-height : 30px;
font-size : 12px;
padding-left : 20px;
margin : 5px 0 2px 0;
overflow : hidden;
}
.user7_inner .moduletable h3, .user8_inner .moduletable h3 {
background-image: url(../images/module_h3_bright.png);
background-repeat: no-repeat;
background-position: top right;
color : #FFFFFF;
text-align : left;
font-weight : bold;
height : 30px;
line-height : 30px;
font-size : 12px;
padding-left : 20px;
margin : 2px 0 4px 0;
overflow : hidden;
}
/* Menu */
.moduletable_menu ul.menu {
margin : 0;
padding : 0;
list-style : none;
background : none;
}
.moduletable_menu ul.menu li {
margin : 0;
padding : 0;
list-style : none;
background : none;
}
.moduletable_menu ul.menu li a, a.mainlevel:link, a.mainlevel:visited {
background-image: url(../images/menu_a.png);
background-repeat: no-repeat;
background-position: 16px center;
background-color: #39322a;
border: 1px solid #484139;
display : block;
vertical-align : middle;
font-size : 11px;
color : #e5dfda;
text-align : left;
height : 22px;
padding : 5px 10px 0 30px;
text-decoration : none;
margin-bottom : 1px;
}
.moduletable_menu ul.menu li a span {
background : none;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus, a.mainlevel:hover, a.mainlevel#active_menu:hover {
background-image: url(../images/menu_hover.png);
background-repeat: no-repeat;
background-position: 16px center;
background-color: #524a43;
border: 1px solid #504e49;
text-decoration : none;
color : #fff;
font-size : 11px;
text-align : left;
}
.moduletable_menu ul.menu li.active a, a.mainlevel#active_menu {
background-image: url(../images/menu_hover.png);
background-repeat: no-repeat;
background-position: 16px center;
background-color: #524a43;
border: 1px solid #504e49;
text-decoration : none;
color : #fff;
font-size : 11px;
text-align : left;
}
.moduletable_menu ul.menu li.active a span {
background : none;
}
.moduletable_menu ul.menu li li a span {
list-style : none;
background : none;
}
.moduletable_menu ul.menu li ul {
margin : 0;
padding : 0;
list-style : none;
}
.moduletable_menu ul.menu li li {
margin : 0;
padding : 0;
list-style : none;
background : none;
}
.moduletable_menu ul.menu li li a, a.sublevel:link, a.sublevel:visited {
list-style : none;
background-color: #39322a;
border: 1px solid #484139;
vertical-align : middle;
font-size : 10px;
color : #e5dfda;
text-align : left;
text-decoration : none;
height : 20px;
padding : 3px 10px 0 30px;
text-decoration : none;
margin-bottom : 1px;
}
.moduletable_menu ul.menu li li a:hover, a.sublevel:hover, a.sublevel#active_menu:hover {
color : #fff;
list-style : none;
background-color: #524a43;
border: 1px solid #504e49;
text-decoration : none;
}
.moduletable_menu ul.menu li li.active a, .moduletable_menu ul.menu li li a:active, .moduletable_menu ul.menu li li a:focus, a.sublevel#active_menu {
color : #e5dfda !important;
background-color: #39322a;
border: 1px solid #484139;
list-style : none;
text-decoration : none;
}
.moduletable_menu ul.menu li li a span {
list-style : none;
}
/* Topmenu */
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
}
ul#mainlevel-nav li {
color : #ebe6e2;
height : 46px;
line-height : 46px;
float : left;
margin : 0 1px 0 0;
padding : 0;
white-space : nowrap;
background: none;
}
ul#mainlevel-nav li a {
background-image : url(../images/top_nav_a.png);
background-repeat : repeat-x;
text-align : center;
display : block;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ebe6e2;
font-size : 11px;
font-weight : bold;
}
ul#mainlevel-nav li a:hover {
background-image : url(../images/top_nav_hover.png);
background-repeat : repeat-x;
color : #fff;
float : left;
white-space : nowrap;
}
ul#mainlevel-nav li a#active_menu-nav {
background-image : url(../images/top_nav_hover.png);
background-repeat : repeat-x;
color : #fff;
float : left;
white-space : nowrap;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
background-image : url(../images/top_nav_a.png);
background-repeat : repeat-x;
text-align : center;
display : block;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ebe6e2;
font-size : 11px;
font-weight : bold;
}
/* Blog */
.blog {
width : 100%;
}
.blog_more {
margin : 10px 5px 20px 5px;
}
.blog_more strong {
margin : 2px;
display : block;
font-size : 14px;
font-weight : bold;
}
.blog_more ul {
margin : 5px;
padding : 0;
}
.blog_more ul li a {
color : #888;
}
.blog_more ul li {
color : #888;
text-align : left;
padding-left : 25px;
background-image : url(../images/li.png);
background-repeat : no-repeat;
background-position : 0 2px;
}
.blog_more ul li:hover {
color : #484848;
text-align : left;
padding-left : 25px;
background-image : url(../images/li_hover.png);
background-repeat : no-repeat;
background-position : 0 2px;
}
/* Article */
.article_separator {
clear : both;
display : block;
height : 10px;
margin-top : 10px;
margin-bottom : 10px;
background-image: url(../images/article_sep.png);
background-repeat: repeat-x;
}
.article_column {
padding : 10px;
margin : 5px;
}
.article_column column_separator {
padding : 10px;
margin : 5px;
}
/* Button */
.button, .validate {
color : #f3f2f1;
background-color : #39322a;
text-align : center;
font-size : 10px;
border : 1px solid #484139;
padding : 3px 4px;
margin : 2px;
}
.button:hover, .validate:hover {
color : #dff5ff;
background-color: #463e37;
border : 1px solid #504e49;
}
#top_menu .button {
color : #f3f2f1;
background-color : #39322a;
text-align : center;
font-size : 10px;
border : 1px solid #484139;
padding : 4px 4px 3px 4px;
margin : 2px;
}
#top_menu .button:hover {
color : #dff5ff;
background-color: #463e37;
border : 1px solid #504e49;
}
.invalid {
border-color : #e5dfda;
}
label.invalid {
color : #903a3a;
}
.pagenav {
text-align : center;
font-size : 11px;
padding : 1px 3px;
margin : 5px 1px 0px 1px;
color : #999;
}
.back_button {
text-align : center;
font-size : 11px;
margin : 2px;
}
/* Banner */
.bannerheader {
font-size : 12px;
font-weight : bold;
color : #484848;
padding-left : 5px;
}
.banneritem_text {
padding : 2px 5px;
}
.banneritem_text a {
color : #a04343;
}
.banneritem_text a:hover {
color : #c05e5e;
}
.bannerfooter_text {
padding : 2px 5px;
font-size : 12px;
font-weight : bold;
}
/* Form */
#form-login .input {
padding : 2px;
margin : 2px;
color : #888;
background : none;
border : none;
font-size : 11px;
}
form {
margin : 0;
padding : 0;
border : none;
}
#form-login {
border : none;
margin: 0;
padding: 0;
}
#form-login-username {
border : none;
margin: 0;
padding: 5px 0;
}
#form-login-password {
border : none;
margin: 0;
padding: 5px 0;
}
#form-login-username {
border : none;
margin: 0;
padding: 5px 0;
}
#form-login-remember {
border : none;
margin: 0;
padding: 5px 0;
}
#form-login ul {
padding : 0;
margin : 0;
list-style : none;
}
#form-login li {
padding : 2px;
margin : 0;
background : none;
list-style : none;
}
#form-login li a {
font-size : 11px;
}
#form-login li a:hover {
font-size : 11px;
}
/* Inputbox */
.inputbox {
padding : 3px;
margin : 2px;
border : 1px solid #e5dfda;
background-color : #faf8f6;
color : #66615a;
}
.inputbox:hover {
border : 1px solid #dbd5d1;
background-color : #f7f6f4;
}
#top_menu .inputbox {
color: #ebe6e2;
padding : 5px 3px 4px 3px;
margin : 0 5px 0 5px;
border : 1px solid #484139;
background-color : #39322a;
}
#top_menu .inputbox:hover {
color: #fff;
padding : 5px 3px 4px 3px;
margin : 0 5px 0 5px;
border : 1px solid #4c4641;
background-color : #524a43;
}
/* Section */
.sectiontableheader {
border-top : 1px solid #48453f;
border-bottom : 1px solid #48453f;
color : #f1f2f3;
background-color : #312a23;
text-align : left;
height: 35px;
margin : 0;
padding : 2px;
}
.sectiontableheader img {
vertical-align : baseline;
margin: 0px 5px 0px 5px;
}
.sectiontableheader a {
padding-left : 5px;
color : #f1f2f3;
}
.sectiontablefooter {
padding : 2px;
margin : 0;
text-align : left;
}
.sectiontableentry1 {
border-bottom : 1px solid #e5dfda;
background-color : #faf8f6;
text-align : left;
}
.sectiontableentry2 {
border-bottom : 1px solid #dbd5d1;
background-color : #f7f6f4;
text-align : left;
}
.sectiontableentry0 {
border-bottom : 1px solid #fff;
background-color : #f2f0ef;
text-align : left;
}
.sectiontableentry1 td {
padding : 4px 5px 3px 5px;
margin : 2px;
}
.sectiontableentry2 td {
padding : 4px 5px 3px 5px;
margin : 2px;
}
.sectiontableentry0 td {
padding : 4px 5px 3px 5px;
margin : 2px;
}
/* Readon */
.readon {
font-size : 11px;
}
a.readon a:link {
color : #a04343;
font-size : 11px;
}
a.readon a:visited {
color : #a04343;
font-size : 11px;
}
a.readon a:hover {
color : #c05e5e;
font-size : 11px;
text-decoration : none;
}
/* Most Latest */
ul.mostread, ul.latestnews, ul.users_med, ul.users_big, ul.users {
margin : 0;
padding : 0;
}
.mostread li, .latestnews li, .users_med li, .users_big li, .users li {
background-image: url(../images/user_li.png);
background-repeat: no-repeat;
background-position : 15px center;
background-color: #39322a;
border: 1px solid #484139;
list-style : none;
text-align : left;
padding: 5px 25px;
margin: 1px 0;
}
.mostread li:hover, .latestnews li:hover, .users_med li:hover, .users_big li:hover, .users li:hover {
background-image: url(../images/user_li_hover.png);
background-repeat: no-repeat;
background-position : 15px center;
background-color: #524a43;
border: 1px solid #4c4641;
}
.mostread li a, .latestnews li a, .users_med li a, .users_big li a, .users li a {
color: #f3f2f1;
padding-left : 15px;
}
.mostread li a:hover, .latestnews li a:hover, .users_med li a:hover, .users_big li a:hover, .users li a:hover {
color: #dff5ff;
}
/* Headings */
.componentheading {
background-image : url(../images/compo_head.png);
background-repeat : no-repeat;
color : #4c4c4c;
font-size : 18px;
font-weight : normal;
padding : 6px 0px 5px 0px;
margin : 2px;
}
.contentheading {
background-image : url(../images/content_head.png);
background-repeat : no-repeat;
color : #903a3a;
font-size : 16px;
font-weight : bold;
padding : 6px 0px 5px 0px;
margin : 2px;
}
.contentpagetitle {
color : #903a3a;
font-size : 16px;
padding : 6px 0px 5px 0px;
margin : 2px;
}
h1 {
color : #4c4c4c;
font-weight : bold;
font-size : 24px;
line-height : 26px;
font-weight : normal;
}
h2 {
font-size : 20px;
line-height : 22px;
color : #463e3e;
font-weight : normal;
}
h3 {
color : #903a3a;
font-size : 18px;
line-height : 20px;
font-weight : normal;
}
h4 {
color : #4c4c4c;
font-size : 16px;
line-height : 18px;
font-weight : bold;
}
h5 {
color : #903a3a;
font-size : 14px;
line-height : 16px;
font-weight : bold;
}
h6 {
color : #463e3e;
font-size : 12px;
line-height : 14px;
font-weight : bold;
}
/* General */
.clr {
clear : both;
}
ul, ol, li {
margin : 0;
padding : 0;
}
ul, ol {
margin : 10px 0;
padding-left : 10px;
}
ol li {
list-style-type : decimal;
line-height : 14px;
}
ul {
margin : 5px;
padding : 2px;
list-style : none;
}
li {
text-align : left;
padding-left : 25px;
background-image : url(../images/li.png);
background-repeat : no-repeat;
background-position : 0 2px;
list-style-type : none;
}
li:hover {
text-align : left;
padding-left : 25px;
background-image : url(../images/li_hover.png);
background-repeat : no-repeat;
background-position : 0 2px;
}
a, a:link, a:visited, a:active, a:focus {
color : #a04343;
text-decoration : none;
outline : none;
}
a:hover {
color : #b75b5b;
text-decoration : none;
outline : none;
}
.contact_email {
padding : 5px;
margin : 5px;
}
#component-contact {
margin-top : 10px;
}
.content_rating img {
margin: 1px 2px 1px 2px;
}
.content_vote {
}
img {
border : none;
}
div.mosimage {
border : 2px solid #e5dfda;
background-color : #fcfcfc;
}
.mosimage {
margin : 0;
background-color : #fdfefe;
}
.mosimage_caption {
margin-top : 0;
background-color : #fdfefe;
padding : 0;
color : #888;
font-size : 10px;
}
.error {
font-style: normal;
text-transform : uppercase;
padding : 5px;
color : #903a3a;
font-size : 14px;
font-weight : bold;
}
div.message {
font-weight : bold;
font-size : 14px;
color : #888;
text-align : center;
width : auto;
background-color : #f8fbfd;
border : 1px solid #e5dfda;
margin : 3px 0 10px;
padding : 3px 20px;
}
.small {
color : #484848;
font-size : 11px;
}
.createdate {
font-size : 11px;
color : #999999;
}
.modifydate {
color : #484848;
font-size : 11px;
padding: 5px 0px 5px 0px;
}
.highlight {
background-color : #f7f6f4;
color : #4c4c4c;
padding : 0;
}
.code {
background-color : #f7f6f4;
border : 1px solid #e5dfda;
}
fieldset {
margin : 10px;
padding : 10px;
border : 1px solid #e5dfda;
background-color : #f7f6f4;
}
/* Tips */
.hasTip {
color : #666;
border : none;
}
.tool-tip {
color: #efefef;
width: 145px;
z-index: 13000;
}
.tool-title {
font-weight: normal;
font-size: 11px;
margin: 0;
color: #dff5ff;
padding: 8px 8px 4px;
background: url(../images/bubble.png) top left;
}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(../images/bubble.png) bottom right;
}
/* System */
table.paramlist {
margin-top : 5px;
}
table.paramlist td.paramlist_key {
width : 128px;
text-align : left;
height : 30px;
}
#system-message {
margin : 10px;
}
#system-message dd.message ul li {
background: none;
line-height : 24px;
margin : 5px;
color : #3f3c37;
font-size : 18px;
font-weight : bold;
list-style-image : none;
}
#system-message dd.error ul li {
background: none;
line-height : 24px;
margin : 5px;
color : #3f3c37;
font-size : 18px;
font-weight : bold;
list-style-image : none;
}
#system-message dd.notice ul li {
background: none;
line-height : 24px;
margin : 5px;
color : #3f3c37;
font-size : 18px;
font-weight : bold;
list-style-image : none;
}
/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 960px;
min-width:21px;
min-height:21px;
}
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 0px 0px 0px 0px;
}
.art-nav
{
position: relative;
height: 50px;
z-index: 100;
}
.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 50px;
background-image: url('../images/nav.png');
}
.art-nav .l
{
left: 0;
right:0px;
}
.art-nav .r
{
right: 0;
width: 960px;
clip: rect(auto, auto, auto, 960px);
}
#top_menu {
width : 998px;
float : left;
height : 50px;
padding : 0;
margin : 0;
overflow : visible;
background-image : url(../images/top_menu.png);
background-repeat : no-repeat;
display: block;
}
.top_menu_inner {
overflow : visible;
padding-left : 230px;
width: auto;
float: left;
margin-top: 0px;
}
/* end Menu */
/* begin MenuItem */
.art-menu ul li
{
clear: both;
}
.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 48px;
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}
.art-menu a .r, .art-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 100px;
background-image: url('../images/MenuItem.png');
}
.art-menu a .l
{
left:0;
right:0px;
}
.art-menu a .r
{
width:400px;
right:0;
clip: rect(auto, auto, auto, 400px);
}
.art-menu a .t
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #FFFFFF;
padding: 0 14px;
margin: 0 0px;
line-height: 50px;
text-align: center;
color : #ebe6e2;
font-size : 11px;
font-weight : bold;
}
.art-menu a:hover .l, .art-menu a:hover .r
{
top:-50px;
}
.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top:-50px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r
{
top:-50px;
}
.art-menu a:hover .t
{
color: #FFFFFF;
}
.art-menu li:hover a .t
{
color: #FFFFFF;
}
.art-menu li:hover>a .t
{
color: #FFFFFF;
}
.art-menu a.active .l, .art-menu a.active .r
{
top: -50px;
}
.art-menu a.active .t
{
color: #FFFFFF;
}
/* end MenuItem */
/* begin MenuSeparator */
.art-nav .art-menu-separator
{
display: block;
width: 2px;
height: 50px;
background-image: url('../images/MenuSeparator.png');
}
/* end MenuSeparator */
/* begin MenuSubItem */
.art-menu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 30px;
width: 180px;
overflow:hidden;
line-height: 30px;
margin-right: auto;
background-image: url('../images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
}
.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 30px;
color: #F2F2F2;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
.art-menu ul ul a
{
margin-left: auto;
}
.art-menu ul li a:hover
{
color: #990000;
font-weight : bold;
background-position: 0 -30px;
}
.art-menu ul li:hover>a
{
color: #990000;
font-weight : bold;
background-position: 0 -30px;
}
.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #990000;
font-weight : bold;
}
.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #990000;
font-weight : bold;
}
#fb {
padding-top: 10px;
padding-left: 62px;
}
