body, html {
background-color:#000000;
color:#2f3660;
font-family:arial, sans-serif;
}
body {
margin:0;
padding:0;
}
* html body {
text-align:center;
}
body#mainbody {

}
div {
padding:0;
margin:0;
text-align:left;
}
div#mainblock {
width:90%;
z-index:1;
margin: 0 auto;
position:relative;
background-color:black;
}

div#header {
position:relative;
height:70px;
top:0;
left:0;
z-index:2;
visibility:visible;
display:block;
}
div#content-body {
position:relative;
z-index:2;
background-color:#309ac1;
background-color:#66bad5;
}

div#row1-a1 {
width:16%;
height:64px;
background-color:#0d83b1;
position:absolute;
top:0px;
left:0px;
z-index:3;
}
div#row1-a2 {
width:88%;
height:56px;
background-color:#0071a1;
position:absolute;
top:8px;
left:6%;
z-index:3;
}
div#row1-b1 {
width:68.1%;
height:60px;
background-color:#60b6d3;
position:absolute;
top:0px;
left:16%;
border-left:1px solid black;
z-index:2;
visibility:visible;
}
div#row1-c1 {
width:16%;
height:60px;
background-color:#309ac1;
position:absolute;
top:0px;
left:84%;
border-left:1px solid black;
margin-left:0px;
z-index:2;
text-align:center;
vertical-align:middle;
}
div#row1-c2 {
width:90px;
height:50px;
position:relative;
padding:5px;
z-index:3;
}

div#row2-a1 {
width:16%;
height:10px;
background-color:#339bc2;
position:absolute;
top:60px;
left:0%;
z-index:3;
}
div#row2-a2 {
width:88%;
height:10px;
background-color:#0d83b1;
position:relative;
left:6%;
z-index:3;
}
div#row2-b1 {
width:68.1%;
height:10px;
background-color:#a9dae9;
position:absolute;
top:60px;
left:16%;
border-left:1px solid black;
z-index:2;
visibility:visible;
}
div#row2-c1 {
width:16%;
height:10px;
margin-left:0px;
background-color:#66bad5;
position:absolute;
top:60px;
left:84%;
border-left:1px solid black;
z-index:2;
text-align:center;
vertical-align:middle;
}

div#row3-a1 {
width:16%;
height:100%; 
background-color:#66bad5;
position:absolute;
top:0%;
left:0%; 
border-top:1px solid black;
z-index:2;
}

div#row3-a2 {
width:88%;
position:absolute;
background-color:#309ac1;
top:0;
left:6%;
z-index:4;
height:99.5%;
}
div#div-navbar {
padding-top:8%;
width:100%;
text-align:left;
position:relative;
z-index:6;
}
div#row3-a2a {
position:absolute;
bottom:0%;
left:0%;
width:95%;
margin:10px 2%;
border:1px solid #02628B;
background-color:#e8f4f8;
z-index:5;
line-height:0.5em;
}
div#pair1 {
padding:5% 0px 5% 0px;
background-color:#1e2092;
border:3px double #e8f4f8;
text-align:center;
z-index:2;
margin:0 auto;
width:90%;
max-width:80px;
}
div#pair2 {
bottom:-3px;
left:-15%;
width:10%;
margin-left:50%;
position:relative;
z-index:2;
background-color:#1e2092;
}

div#row3-a3 {
width:100%;
height:92.5%;
position:absolute;
top:20px;
left:0px;
z-index:3;
}

div#row3-b1 {
width:68.05%;
min-height:100%; 
background-color:#e8f4f8;
position:relative;
border-left:1px solid black;
border-top:1px solid black;
top:0%; 
left:16%; 
z-index:3;
}
div#row3-b2 {
background-color:#e8f4f8;
padding:10px 8px 10px 8px;
position:relative;
z-index:3;
}

div#row3-c1 {
width:16%;
height:100%;
background-color:#a9dae9;
text-align:left;
position:absolute;
top:0%;
left:84%;
border-left:1px solid black; 
border-top:1px solid black;
line-height:0.5em;
z-index:4;
visibility:visible;
}
div#row3-c2 {}
div#row3-c2a {
position:absolute;
bottom:0px;
left:0px;
border:1px solid #02628B;
background-color:#e8f4f8;
margin: 5px 3px 5px 3px;
z-index:3;
line-height:0.5em;
}
div.row3-c2b {
border:1px solid #02628B;
background-color:#e8f4f8;
margin: 5px 3px 5px 3px;
line-height:0.7em;
}
div#row3-c3 {}
/* ie fixes hide from IE-Mac -  note: mainblock makes 5.5 messed up, but fixes 6 \*/
* html body {height:80%;} 
* html body div#row3-b1, * html body div#mainblock, * html body div#content-body {height:100%;} 
* html body div#row3-b2 {height:1%;} 
/*  end IE fixes  */

div#float-header1a, div#float-header1b {
width:auto;
background-color:transparent;
}
div#header1a {
Top:-5px;
left:6%;
z-index:10;
position:absolute;
}
div#header1b {
top:2px;
left:2px;
z-index:9;
position:absolute;
}
div#header2a, div#header2b {
width:auto;
background-color:transparent;
position:absolute;
}
div#header2a {
bottom:14%;
left:75px;
z-index:6;
}
div#float-header3a {
width:35%;
height:40px;
background-image:url(/images/site/purple-opaque.png); 
margin:0px;
position:absolute;
top:35px;
left:12%;
text-align:left;
z-index:6;
visibility:visible;
}

div#float-header3b {
width:60px;
height:15px;
background-color:transparent;
position:absolute;
top:65px;
left:245px;
z-index:6;
}
div#float-header3c {
margin:0;
position:absolute;
bottom:50%;
left:2%;
z-index:9;
}
div#float-header3d {
position:absolute;
bottom:30%;
left:22%;
z-index:9;
}
div#float-header3e {
position:absolute;
bottom:5%;
left:44%;
z-index:9;
}
h4#page-header {
position:absolute;
bottom: 5%;
right:5%;
z-index:5;
}

div#block01 {
padding:5px;
background-color:#E7C355;
color:white;
border:2px solid #2f3660;
}
div.dcontent-nav, div.dcontent-nav-sub {
text-align:center;
vertical-align:middle;
border-bottom:4px double #0071a1;
margin-bottom:0.4em;
margin-top:0.4em;
padding-bottom:3px;
z-index:100;
clear:both;
}
div.dmenu-list {
text-align:left;
border-left:3px double #0071a1;
padding-left:5px;
margin:8px 0px 8px 3px;
}
div.dcontent-nav {
border-top:4px double #0071a1;
}
div#dbottom-nav {
position: absolute;
height:30px;
left:0px;
bottom:30px;
background-color:yellow;
text-align:center;
z-index:2;
width:100%;
}
div#ContentCenter {
text-align:center;
z-index:2;
overflow:hidden;
}
div#main-vert-1 {
text-align:center;
margin-top:2em;
}
div#main-vert-1 iframe {
	margin:0 auto;
}
div.float-right-01, div.float-left-01 {
border-top:3px solid #0071a1;
border-bottom:3px solid #0071a1;
border-left:2px solid #0071a1;
border-right:2px solid #0071a1;
margin-top:3px;
margin-bottom:3px;
background-color:#e8f4f8;
}
div.float-right-01 {
float:right;
width:25%;
margin-left:3px;
margin-right:0px;
}
div.float-left-01 {
float:left;
width:28%;
margin-right:3px;
margin-left:0px;
}

#centerflash {
width:490px;
height:325px; 
}

div.fancyContainer, div.fancyContainerBottom {
margin-top: 5px;
border-top:4px double #0071a1;
padding:0px 5px 5px 5px;
clear: both;
}
div.fancyContainerBottom {
border-bottom:4px double #0071a1;
}
/* catalan flag divs */
#catContainer {
float:left;
width:28px;
position:relative;
}
.catv, .catg {
height:20px;
width: 3px;
float:left;
}
.catv {
background-color:#ff0000;
color:#ff0000;
}
.catg {
background-color:#ffff00;
color:#ffff00;
}
/* end cat flag divs */
iframe {
margin:0px;
}
iframe#ContentCenter {
width:99%;
height:100%;
}

#topflash {
width:60%;
height:75%;
z-index:3;
margin:5px auto 0 auto;
}
#topflashEmbed {
width:75px;
height:50px;
z-index:3;
margin:5px auto 0 auto;
background-color:#000000;
}
#topimage {
width:124px;
height:48px;
}

img {
border:none;
border:0;
}
img.wsftp-main, img.wsftp-options, img.wsftp-startup{
margin:1em 0.5em 1em 0.5em;
}
img.wsftp-main {
height:232px;
width:450px;
}
img.wsftp-options{
height:344px;
width:404px;
}
img.wsftp-startup{
height:313px;
width:401px;
}
.floatRight {
margin: 5px 0px 5px 5px;
float: right;
}
.floatLeft {
margin: 5px 5px 5px 0px;
float: left;
}