html {
width: 100%;
height: 100%;
margin: 0;
padding :0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding :0;
/*background-color: #880336; */
background-color: #695547;
text-align: left;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#880336;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}
div#pattern {
background-image: url(../img/pattern.gif);
background-repeat: no-repeat;
background-color: #880336;
z-index: 1;
width: 1024px;
height: 840px;
margin-top: 0px;
position: absolute;
}
div#container-total {
width: 584px;
height: auto;
margin-left: 224px;
margin-top: 58px;
text-align: left;
display: table;
position: absolute;
z-index: 5;
border: 0px solid red;
}
div#logo {
width: 584px;
height: 128px;
background-image: url(../img/bg_logo.jpg);
background-repeat: no-repeat;
background-position: center;
}
div#container-content {
width: 584px;
height: 402px;
}
div#random-image {
width: 584px;
height: 402px;
position: absolute;
z-index: 10;
}
div#random-image img {
width: 584px;
height: 402px;
}
div#picture {
background-image: url(../img/bg_picture.jpg);
background-repeat: no-repeat;
filter:alpha(opacity=58);
-moz-opacity: 0.58;
opacity: 0.58;
width: 194px;
height: 402px;
position: absolute;
z-index: 100;
}
div#block-content {
width: 194px;
height: 402px;
margin-left: 194px;
position: absolute;
z-index: 30;
background-color: #ffffff;
filter:alpha(opacity=63);
-moz-opacity: 0.63;
opacity: 0.63;
overflow-x: hidden;
overflow-y: auto;
}
div#block-content p{
margin: 0;
padding: 0;
}
div#block-content div#content-spacing {
padding-top: 10px;
padding-left: 3px;
padding-bottom: 10px;
font-family: arial, verdana, tahoma;
font-size: 13px;
word-spacing: 2px;
line-height: 20px;
font-weight: 700;
width: 168px;
height: auto;
text-align: left;
}
div#menu {
width: 584px;
height: auto;
min-height: 50px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
margin-top: 12px;
font-family: "Trebuchet MS", verdana;
position: absolute;
margin-left: 224px;
margin-top: 590px;
z-index: 5;
text-transform: lowercase;
}
div#menu ul.level1 {
margin: 0;
padding: 0;
list-style-type: none;
}
div#menu ul li.level1-first {
float: left;
width: auto;
}
div#menu ul li.level1-middle {
float: left;
width: auto;
padding-left: 22px;
padding-right: 22px;
}
div#menu ul li.level1-first a,
div#menu ul li.level1-first a:visited{
color: #ffffff;
}
div#menu ul li.level1-middle a,
div#menu ul li.level1-middle a:visited{
color: #ffffff;
}
div#menu ul li.level1-first a,
div#menu ul li.level1-first a:visited,
div#menu ul li.level1-first a:active,
div#menu ul li.level1-middle a,
div#menu ul li.level1-middle a:visited,
div#menu ul li.level1-middle a:active,
div#menu ul li.level1-last a,
div#menu ul li.level1-last a:visited,
div#menu ul li.level1-last a:active {
float: left;
color: #ffffff;
text-decoration: none;
}
div#menu ul.level1-active {
margin: 0;
padding: 0;
list-style-type: none;
color: #000000;
}
div#menu ul li.level1-active-first {
float: left;
width: auto;
}
div#menu ul li.level1-active-middle {
float: left;
width: auto;
padding-left: 20px;
padding-right: 20px;
}
div#menu ul li.level1-active-last {
float: right;
width: auto;
}
div#menu ul li.level1-active-first a,
div#menu ul li.level1-active-first a:visited,
div#menu ul li.level1-active-first a:active,
div#menu ul li.level1-active-middle a,
div#menu ul li.level1-active-middle a:visited,
div#menu ul li.level1-active-middle a:active,
div#menu ul li.level1-active-last a,
div#menu ul li.level1-active-last a:visited,
div#menu ul li.level1-active-last a:active {
float: left;
color: #000000;
text-decoration: none;
}
div#menu ul li.level1-last a,
div#menu ul li.level1-last a:visited,
div#menu ul li.level1-last a:active {
float: right;
width: auto;
}
div#menu ul li.level1-active-last a {
float: right;
width: auto;
}
div#menu ul ul.level2 {
margin: 0;
padding: 0;
list-style-type: none;
clear: both;
font-size: 10px;
display: table;
}
div#menu ul ul li.level2-normal {
width: auto;
text-align: right;
clear: both;
}
div#menu ul ul li.level2-normal a,
div#menu ul ul li.level2-normal a:active,
div#menu ul ul li.level2-normal a:visited {
color: #ffffff;
text-decoration: none;
text-align: right;
}
div#menu ul ul li.level2-active {
width: auto;
text-align: right;
color: #000000;
clear: both;
}
div#menu ul ul li.level2-active a,
div#menu ul ul li.level2-active a:active,
div#menu ul ul li.level2-active a:visited{
color: #000000;
text-decoration: none;
text-align: right;
}
div#developement {
width: 584px;
height: 30px;
position: absolute;
margin-left: 224px;
margin-top: 800px;
z-index: 70;
font-size: 10px;
font-family: "Trebuchet MS", verdana;
color: #a64268;
}
div#developement a {
text-decoration: none;
color: #a64268;
}
a,
a:active,
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
color: #880336;
}
a#reflink1 {
}
a#reflink2,
a#reflink3,
a#reflink4,
a#reflink5,
a#reflink6
a#reflink7,
a#reflink8,
a#reflink9 {
display: none;
}
input.csc-mailform-input,
textarea.csc-mailform-text {
width: 150px;
padding: 1px;
margin: 1px;
font-family: arial, verdana, tahoma;
font-size: 10px;
border: 1px solid #999999;
}
input.button {
width: auto;
padding: 1px;
margin: 1px;
font-family: arial, verdana, tahoma;
font-size: 10px;
border: 1px solid #695547;
background-color: #880336;
color: #ffffff;
}
input.button:hover,
input:hover.button {
width: auto;
padding: 3px;
margin: 1px;
font-family: arial, verdana, tahoma;
font-size: 10px;
border: 1px solid #695547;
background-color: #71002c;
color: #ffffff;
cursor: pointer;
}