/* CSS Document */

* {
margin: 0;
padding:0;
}

.wrapper {clear:both;width:100%;height:0;}

a img,
fieldset {
border:0;
}

/************************ general */

body {
padding: 0 0 100px 0;
text-align:center;
font: 12px Trebuchet MS, Arial;
color:#fff;
background:#445361;
}

p {
margin: 10px 0 10px 0;
line-height:180%;
}

p img {
border:1px solid #2133ba;
padding: 1px;
margin:5px;
}

#content p strong {
color:#A4C6EF;
}

li {line-height:180%;}

a,
.intro p strong {
color:#6db1f6;
font-weight:normal;
}

h3 {
font-size: 13px;
}

a:hover {
text-decoration:none;
color:#9FCFFF;
}

.dots {
margin: 15px 0 -15px 0;
height:1px;
width:100%;
background: url(images/dots.gif) repeat-x;
}
html>body .dots {margin: 15px 0 15px 0;}

h1 {
font-size:11px;
font-weight:normal;
color:#fff;
}

h2 {
font-weight:normal;
font-size: 21px;
margin: 10px 0 15px 0;
letter-spacing:-1px;
border-bottom: 1px solid #41515F;
padding: 0 0 5px 0;
}

h3 {
margin: 10px 0 10px 0;
padding: 0 0 0 20px;
background: url(images/h3.gif) no-repeat center left;
}

h3.workroomlogin {
margin: 0 0 0 15px;
}

h4,
h4 a {
font-size: 13px;
color:#fff;
text-decoration:none;
}
h4 a:hover {color:#6db1f6;}

/************************ containers */

#bodywrap {
width:100%;
height:500px;
background: #303a43 url(images/body.gif) repeat-x;
}
html>body #bodywrap {height:auto;min-height:500px;}

#wrap {
width:800px;
margin:auto;
text-align:left;
}

#top {
height:100px;
width:800px;
text-align:right;
}

#left {
width:500px;
margin: -25px 10px 0 0;
float:left;
}

#left.page {
margin: 10px 10px 0 0;
}

#left1 {
width:250px;
margin: 0 10px 0 0;
float:left;
}

#left2 {
width:240px;
float:left;
}

#right {
width:290px;
float:left;
background: url(images/right.gif) no-repeat;
padding: 50px 0 0 0;
margin: -4px 0 0 0;
}
html>body #right {margin:0;padding:40px 0 0 0;}

#bottom {
width:800px;
margin:auto;
height:35px;
background: #303a43 url(images/bottomright.gif) no-repeat right;
clear:both;
}

#footer {
width:800px;
margin:auto;
background: url(images/footer.gif) no-repeat right;
height:101px;
}

/************************ top */

.logo {
width:290px;
height:100px;
background:url(images/top.gif) no-repeat;
float:right;
text-align:center;
}

.logo img {
margin: 10px 0 0 0;
}

/************************ left */

.become {
width: 230px;
padding: 10px;
height:60px;
font-size:11px;
background:#e27f10 url(images/become.gif) no-repeat;
}

.become p strong {
font-size: 16px;
font-weight:bold;
color:#fff;
}

.become p {
margin: 7px 0 0 0;
line-height:120%;
color:#ddff98;
}

.become a {color:#ddff98;}

.intro p {
font-size: 14px;
margin:0;
line-height:140%;
}

.intro {
margin: 15px 0 10px 0;
background:url(images/intro.gif) repeat-y;
padding: 10px;
}

#content ul {margin: 10px 0 10px 25px;}
#content li {list-style:square;}

/************************ navigation */

.navigation ul,
.pagenav {
margin: 10px 0 10px 20px;
}

.navigation li,
.pagenav li {
list-style:none;
font-size:13px;
}

.pagenav {
margin:0;
padding: 0 0 0 15px;
}

#left2 .navigation ul li a {
font-size:11px;
}

/************************ left2 */

.portrait {
margin: 40px 0 0 0;
width:236px;
height:236px;
background: #fff url(images/portrait.jpg) no-repeat center;
border:1px solid #2133ba;
padding: 1px;
}

p.bigger {
font-size: 14px;
color:#fff;
text-align:right;
margin:0;
}

p.bigger a {color:#fff;}

#left2 .dots {margin:5px 0 5px 0;}

/************************ promos */

.promo {
height:55px;
background: #095f7e url(images/promo.gif) repeat-x;
border:1px solid #4478b7;
margin: 10px 0 10px 0;
font-size:11px;
}

.promo h4 {margin: 3px;}
.promo p {
line-height:130%;
margin: 0px 3px;
color:#6db1f6;
}

/************************ banners */

.banners {width:100%;text-align:center;}

.banners img {
border:1px solid #fff;
margin: 10px 0 10px 0;
}

/************************ loginform */

#loginform input.input {
background:#41515F;
border:0;
border:1px solid #4478B7;
padding: 3px;
width:180px;
}

#rememberme {
display:block;
}

#submit {
display:block;
margin: 10px 0 0 0;
}

/************************ footer */

#footer ul {
text-align:right;
margin: 10px 0 10px 100px;
float:left;
width:300px;
display:block;
}
html>body #footer ul {margin: 10px 0 10px 200px;}

#footer li {display:inline;}

#footer li,
#footer li a {
color:#627d96;
list-style:none;
line-height:150%;
text-decoration:none;
}

.footerlogo {
float:left;
width:270px;
margin:20px 0 0 25px;
}

.footerlogo img {
margin: 0 5px 0 0;
}