html, body {
margin : 0;
padding : 0;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #777777;
text-align : center;
background : url('images/layout/bg.gif') repeat-y center top;
background-color : #f7f7f7;
}
body a img, body a:hover img {
border : none;
}
body a {
color : #3e49b7;
text-decoration : none;
}
body a:link {
color : #3e49b7;
text-decoration : underline;
}
body a:visited {
color : #3e49b7;
text-decoration : underline;
}
body a:active {
color : #3e49b7;
text-decoration : underline;
}
body a:hover {
color : #3e49b7;
text-decoration : none;
}
html > body h1, html > body h2, html > body h3, html > body h4 {
margin : auto;
}
hr {
width : 100%;
height : 1px;
}
body p {
margin : 0 0 12px 0;
padding : 0;
}
.Heading {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 23px;
font-weight : normal;
color : #777777;
}
.SubHeading {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #777777;
}
.Text {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #777777;
}
#Container, #Header, #Footer {
padding : 0 0 0 3px !important ;
width : 770px;
}
#MinHeight {
position : relative;
display : block;
height : 560px;
}
#Container {
position : relative;
display : block;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding : 0;
text-align : left;
background : url(../img/bottombg.gif) no-repeat 6px 100%;
overflow : hidden;
}
#Container .Default {
position : relative;
display : block;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding : 0;
text-align : left;
background : url(../img/bottombg.gif) no-repeat 6px 100%;
overflow : hidden;
}
html > body #Container {
border-bottom : 1px transparent;
}
#Container:after {
content : ".";
display : block;
height : 0.01em;
overflow : hidden;
visibility : hidden;
clear : both;
}
#Header {
display : block;
position : relative;
margin : 0;
padding : 0;
height : 220px;
background : url('images/layout/rautop.gif') no-repeat 2px 0;
}
#HeaderBoat {
display : block;
position : relative;
margin : 0;
padding : 0;
height : 300px;
background : url('images/layout/rautop.gif') no-repeat 2px 0;
}
#Columns {
position : relative;
display : block;
margin : 0;
padding : 0;
width : 770px;
height : auto;
background : url(../img/containerbg.gif) repeat-y left top;
}
#Columns:after {
content : ".";
display : block;
height : 0.01em;
overflow : hidden;
visibility : hidden;
clear : both;
}
#C1 {
position : relative;
display : inline;
float : left;
margin : 0;
width : 250px;
}
#C2 {
position : relative;
display : inline;
float : left;
margin : 0;
width : 520px;
}
#C3 {
position : relative;
display : inline;
float : left;
margin : 0;
width : 0;
}
#C4 {
position : relative;
display : inline;
float : left;
margin : 0;
width : 770px;
}
#C4 {
position : relative;
display : inline;
float : left;
margin : 0;
width : 755px;
}
#Footer {
position : relative;
display : block;
margin : 0;
height : 120px;
width : 770px;
text-align : center;
clear : both;
overflow : hidden;
}
#FooterContent {
position : relative;
display : block;
margin : 100px 0 0 0;
padding : 0;
color : #fff;
font-size : 10px;
font-weight : normal;
}
#FooterContent a {
color : #fff;
text-decoration : none;
}
#FooterContent a:hover {
color : #fff;
text-decoration : underline;
}
#KontR {
display : block;
position : relative;
margin : 0 0 0 15px;
padding : 0;
width : 479px;
overflow : hidden;
}
#KontR {
display : block;
position : relative;
margin : 20px 0 0 15px;
padding : 0 0 20px 0;
width : 480px;
overflow : hidden;
}
#Region1 {
display : block;
position : relative;
margin : 0 0 0 15px;
padding : 0;
width : 480px;
overflow : hidden;
}
#C4 #Region1 {
width : 770px;
}
#SABanner {
display : block;
position : relative;
margin : 0;
padding : 0;
width : 770px;
height : 100px;
}
html > body #SABanner {
float : left;
}
#DBBanner {
display : block;
position : relative;
margin : 0;
padding : 0;
width : 770px;
height : 205px;
}
#Leftbox {
display : inline;
position : relative;
float : left;
margin : 0 10px 0 0;
padding : 0;
width : 280px;
min-height : 208px;
border : 1px solid #acacac;
}
* html #Leftbox {
height : 208px;
}
#LeftboxHeader {
display : block;
position : relative;
margin : 0;
padding : 3px 0 0 5px;
height : 24px;
background-color : #acacac;
color : #fff;
font-weight : bold;
}
#LeftboxInner {
display : block;
position : relative;
margin : 0;
padding : 3px 0 5px 5px;
color : #000;
}
#Rightbox {
display : inline;
position : relative;
float : left;
margin : 0;
padding : 0;
width : 180px;
min-height : 208px;
}
* html #Rightbox {
height : 208px;
}
#RightboxInner {
padding : 10px;
}
#RightboxInner a {
color : #000;
text-decoration : none;
}
#RightboxInner a:hover {
color : #3e49b7;
text-decoration : none;
}
#Menu1 {
display : block;
position : absolute;
left : 5px;
top : 145px;
width : 770px;
height : 40px;
overflow : hidden;
text-align : left;
background : url('images/layout/menu_bg2.gif') repeat-x 0 0;
z-index : 10;
}
#Menu1 {
display : block;
position : absolute;
left : 5px;
top : 145px;
width : 770px;
height : 40px;
overflow : hidden;
text-align : left;
background : url('images/layout/menu_bg2.gif') repeat-x 0 0;
z-index : 10;
}
#Menu1 :after {
content : ".";
display : block;
height : 0.01em;
overflow : hidden;
visibility : hidden;
clear : both;
}
#Menu1a {
width : 768px;
display : block;
position : relative;
margin : 0 0 0 2px;
padding : 0;
list-style-type : none;
white-space : nowrap;
}
#Menu1a li {
display : inline;
margin : 0;
padding : 0;
float : left;
height : 35px;
text-align : center;
font-size : 10px;
background : url('images/layout/menu_right.gif') no-repeat right top;
}
#Menu1a li a {
display : block;
float : left;
margin : 0;
padding : 12px 16px 0 16px;
height : 35px;
font-weight : bold;
color : #777;
text-decoration : none;
background : url('images/layout/menu_left.gif') no-repeat 0 5px;
}
#Menu1a li a:hover {
display : block;
float : left;
margin : 0;
padding : 12px 16px 0 16px;
height : 35px;
font-weight : bold;
color : #777;
text-decoration : underline;
background : url('images/layout/menu_left.gif') no-repeat 0 5px;
}
#Menu1a li.Selected, #Menu1a li.AtWay {
display : inline;
margin : 0;
padding : 0;
float : left;
height : 35px;
text-align : center;
font-size : 10px;
background : url('images/layout/menu_selected_right.gif') no-repeat right top;
}
#Menu1a li a.Selected, #Menu1a li a.Selected:hover, #Menu1a li a.AtWay, #Menu1a li a.AtWay:hover {
display : block;
float : left;
margin : 0;
padding : 12px 16px 0 16px;
height : 35px;
font-weight : bold;
color : #58526c;
text-decoration : none;
background : url('images/layout/menu_selected_left.gif') no-repeat left top;
}
#Navi2 {
display : block;
position : relative;
margin : 0 0 0 30px;
padding : 0;
width : 195px;
overflow : hidden;
}
#Navi3 {
display : block;
position : relative;
margin : 0;
padding : 0;
list-style-type : none;
}
#Navi3 li {
display : block;
position : relative;
padding : 0 0 0 15px;
margin : 0;
font-size : 10px;
clear : both;
background : url('images/layout/menudot.gif') no-repeat 5px 5px;
}
#Navi3 li a {
display : block;
color : #777;
padding : 0;
margin : 3px 0 3px 0;
height : 18px;
width : 195px;
text-decoration : none;
}
html > body #Navi3 li a {
height : auto;
}
#Navi3 li a:hover {
display : block;
color : #777;
padding : 0;
margin : 3px 0 3px 0;
height : 18px;
width : 195px;
text-decoration : underline;
}
html > body #Navi3 li a:hover {
height : auto;
}
#Navi3 li a.Selected, #Navi3 li a.Selected:hover, #Navi3 li a.AtWay, #Navi3 li a.AtWay:hover {
display : block;
color : #58526c;
padding : 0;
margin : 3px 0 3px 0;
height : 18px;
width : 195px;
text-decoration : none;
border-bottom : none;
}
html > body #Navi3 li a.Selected, html > body #Navi3 li a.Selected:hover, html > body #Navi3 li a.AtWay, html > body #Navi3 li a.AtWay:hover {
height : auto;
}
#Navi3 ul {
display : block;
position : relative;
margin : 0;
padding : 0;
list-style-type : none;
}
#Navi3 ul li {
display : block;
position : relative;
margin : 0;
padding : 0;
text-transform : none;
background : none;
}
#Navi3 ul li a {
display : block;
color : #777;
padding : 0 0 0 15px;
margin : 3px 0 3px 0;
height : 18px;
width : 170px;
text-decoration : none;
}
html > body #Navi3 ul li a {
height : auto;
}
#Navi3 ul li a:hover {
display : block;
color : #777;
padding : 0 0 0 15px;
margin : 3px 0 3px 0;
height : 18px;
width : 170px;
text-decoration : none;
}
html > body #Navi3 ul li a:hover {
height : auto;
}
#Navi3 ul li a.Selected, #Navi3 ul li a.Selected:hover, #Navi3 ul li a.AtWay, #Navi3 ul li a.AtWay:hover {
display : block;
color : #58526c;
padding : 0 0 0 15px;
margin : 3px 0 3px 0;
height : 18px;
width : 170px;
font-weight : bold;
text-decoration : none;
}
html > body #Navi3 ul li a.Selected, html > body #Navi3 ul li a.Selected:hover, html > body #Navi3 ul li a.AtWay, html > body #Navi3 ul li a.AtWay:hover {
height : auto;
}
h1 {
font-size : 15px;
}
h2 {
font-size : 13px;
}
h3 {
font-size : 11px;
}