body { 
background-color : #f1fafc;
text-align : justify;
margin : 10px;
} 
body, td, input, select { 
font-family : Tahoma;
font-size : 11px;
line-height : 14px;
color : #204a73;
} 
a { 
text-decoration : none;
font-weight : bold;
color : #999999;
border-bottom: 1px dotted #ffffff;
} 
a:hover { 
color : #ffffff;
text-decoration : none;
border-bottom : 1px dotted #ffffff;
}
a img { 
border:none; 
}
b {
color : #818c95;
} 
i {
color : #999999;
} 
#layout { 
position : absolute;
left : 0px;
top : 0;
} 
#welcome { 
position : absolute;
left : 380px;
top : 120px;
width : 510px;
text-align : justify;
} 
#update { 
position : absolute;
left : 380px;
top : 210px;
width : 510px;
text-align : justify;
} 
 #nav { 
position : absolute; 
left : 10px; 
top : 430px; 
width : 380px; 
margin : 5px; 
text-align : left; 
} 
#nav a { 
line-height : 16px; 
text-transform : uppercase; 
letter-spacing : 5px; 
text-align : left; 
font-size : 1em; 
font-family : georgia, sans-serif; 
color : #a7b6c1; 
} 
#nav a:hover { 
color : #cccccc; 
}
#textarea { 
position : absolute;
left : 376px;
top : 355px;
width : 525px;
background-image : url(layout/pblaybg.jpg);
background-repeat : repeat-y;
} 
#textarea2 { 
position : absolute;
left : 376px;
top : 145px;
width : 525px;
background-image : url(layout/pblaybg.jpg);
background-repeat : repeat-y;
} 
p { 
margin : 15px;
padding : 3px;
} 
.imgborder2 {
background: #ebebeb;
border: 1px solid #ffffff;
padding: 6px;
margin-left: 2px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
}
h2 { 
margin : 2px 0px 0px 5px;
line-height: 10px;
font-family: georgia, sans-serif;
font-size: 12pt;
padding: 0px 0px;
letter-spacing: 2px;
text-transform: lowercase;
text-align: center;
color: #9eaab7;
} 
h3 {
width : 450px;
margin : 2px 0px 5px 5px;
font-size : 11px;
line-height : 16px;
text-transform : uppercase;
letter-spacing : 2px;
}
input, textarea, select { 
font : 8pt arial;
border : 1px solid #ffffff;
border-style : solid;
background-color : #f1fbfd;
margin : 0;
color : #204a73;
}
.form { 
margin-top : 5px;
background-color : #cad2b5;
border : 1px solid #575d43;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px;
}
.show_join_name_field {
width: 226px;
} 
.show_join_email_field {
width: 226px;
}
.show_join_country_field {
width: 226px;
}
.show_join_url_field {
width: 226px;
}
.show_join_comments_field {
width: 226px;
}
.show_update_old_email_field {
width: 226px;
}
.show_password_field {
width: 110px;
}
.show_update_current_password_field {
width: 226px;
}
.show_update_name_field {
width: 226px;
}
.show_update_email_field {
width: 226px;
}
.show_update_country_field {
width: 226px;
}
.show_update_url_field {
width: 226px;
}
ul { 
list-style-type : square; 
} 
li { 
font-family : verdana, georgia, sans-serif; 
font-size : 1.00em; 
text-transform : uppercase; 
line-height : 16px; 
}  
#footer { 
background : url(layout/pblayfoot.jpg) no-repeat;
height : 93px;
width : 524px;
left : 1px;
position : absolute;
clear : both;
padding : 0 0 0 0;
} 
.footer2 { 
height : 8px;
left : 195px;
top : 72px;
position : absolute;
clear : both;
padding : 0 0 0 0;
font-size : 10px;
} 
#footer a:link, #footer a:visited, #footer a:active { 
color : #cccccc; 
font-family : verdana, georgia, sans-serif; 
font-size : 0.85em; 
} 
#footer a:hover { 
color : #ffffff; 
} 
	

