html, body {
margin : 0;
padding : 0;
}
body { 
background : #ebf7f7 url(img/bgbody.gif);
background-repeat : repeat-x;
font : 10pt tahoma, "book antiqua", verdana, arial, sans-serif;
text-align : center; 
}				 
div#header {   
background : #ebf7f7 url(img/bgbody.gif);
background-repeat : repeat-x;
clear : both;
color : #fff;
height : 204px;
width : 100%;
}
div#container {	  
text-align : left;
width : 100%;
margin : 0 auto;
}
div#navigation {
background : transparent;
float : left;
width : 200px;	
padding-left: 5px;
}
div#extra {
background : #fff;
float : left;
clear : left;
width : 200px;
}
div#footer {	  
background :  #ebf7f7 url(img/bottom.jpg);
background-repeat : no-repeat;
clear : both;
color : #7F7F7F;
width : 100%;
height : 147px;	 
text-align: center;
padding-top:70px;
}  	  
a.footer, a:visited.footer {
color : #B4B4B4;
border-top : 3px solid #fff;
cursor : crosshair;
font-weight : normal;
text-decoration : none;
text-transform : capitalize; 
border-bottom : 0px solid;
}
a:hover.footer {
color : #888888;
border-top : 3px solid #000;
cursor : crosshair;
font-weight : normal;
text-decoration : none;
text-transform : capitalize;
border-bottom : 0px solid ;
}
div#wrapper {
background : transparent;
}
div#container2 {  
background :  transparent url(img/bgcontent.gif);
background-repeat : repeat-y;
width : 800px;
margin : 0 auto;
}
div#content { 
font : 10pt tahoma, "book antiqua", verdana, arial, sans-serif;
float : right;
width : 555px;
color : #6f787a;	
padding-right: 20px; 
}
a, a:visited {
color : #b8adbd;
border-bottom : 0px solid;
cursor : crosshair;
font-weight : normal;
text-decoration : none;
text-transform : capitalize;
}
a:hover {
color : #6c7283;
border-bottom : 1px solid #b8adbd;
cursor : crosshair;
font-weight : normal;
text-decoration : none;
text-transform : capitalize;
}
div.navi {
background : transparent;
color : #c4b0c9;
font : 8pt georgia;
text-align : left;
width : 100px;
padding-left : 20px;
}
.hnav1 {
background : url(img/navih1.gif);
background-position : right center;
background-repeat : no-repeat;
border-bottom : 0;
color : #f1f3e6;
font : bold 11pt Century Gothic, verdana, arial, sans-serif;
height : 34px;
padding-right : 20px;
padding-top : 12px;
text-align : right;
text-transform : uppercase;
width : 175px;
}
.hnav2 {
background : url(img/navih2.gif);
background-position : right center;
background-repeat : no-repeat;
border-bottom : 0;
color : #f1f3e6;
font : bold 11pt Century Gothic, verdana, arial, sans-serif;
height : 34px;
padding-right : 20px;
padding-top : 8px;
text-align : right;
text-transform : uppercase;
width : 175px;
}
A.menulink {
border-bottom : 1px solid #87bbbd;
width : 135px;
background : white url(img/nav.gif) left top;
background-repeat : no-repeat;
color : #afccd1;
display : block;
font : bold 8pt georgia, Century Gothic, times new roman, sans-serif;
padding-left : 20px;
text-align : left;
text-decoration : none;
text-transform : uppercase;
}
A.menulink:visited {
border-bottom : 1px solid #87bbbd;
width : 135px;
background : white url(img/nav.gif) left top;
display : block;
color : #afccd1;
font : bold 8pt georgia, Century Gothic, times new roman, sans-serif;
text-align : left;
text-transform : uppercase;
padding-left : 20px;
text-decoration : none;
}
A.menulink:hover {
border-bottom : 1px solid #87bbbd;
width : 135px;
background : white url(img/nav1.gif) left top;
background-repeat : no-repeat;
color : #87bbbd;
display : block;
font : bold 8pt georgia, Century Gothic, times new roman, sans-serif;
padding-left : 20px;
text-align : left;
text-decoration : none;
text-transform : uppercase;
}
div#clause {
background : white;
border-left : 8px solid #47828c;
bottom : 0;
color : black;
float : right;
font : normal normal 8pt "book antiqua";
padding-right : 7px;
width : 480px;
}
.head {
background : url(img/head1.gif) right top;
background-repeat : no-repeat;
height : 25px;
border-bottom : 0;
color : #d5c4d3;
font : bold 11pt verdana, arial, sans-serif;
padding-top : 15px;
padding-left : 10px;
text-align : left;
text-transform : lowercase;
}
.head22 {
background : #ffffff url(img/head2.gif) left top;
background-repeat : no-repeat;
border-bottom : 0;
color : #a3aec1;
font : bold 9pt verdana, arial, sans-serif;
padding-bottom : 2px;
text-align : left;
text-transform : lowercase;
padding-left : 40px;
padding-top : 15px;
}
.header {
background : #fec49c;
color : #fff0e0;
font-weight : bold;
letter-spacing : 2px;
padding-bottom : 3px;
padding-top : 2px;
padding-left : 2px;
text-align : left;
width : 99%;
}
b, strong {
color : #2e7f8d;
} 
i, em {
color : #ae5b9f;
font: italic ;
} 
img  {
border : 0px
} 
.announce {
background : #ffffff;
border : 2px dotted;
color : #d0c1ce;
padding : 10px;
text-align : center; 
margin-right:5px; 
margin-bottom:5px; 
}  
.profiles {
background: url(img/bgprofile.gif) #f8f8f8 left; 
background-repeat: repeat; 
color: #9e95b1;
padding-left:  15px; 
padding-right:  15px; 	
padding-bottom:  15px; 	
padding-top:  5px; 
text-align: justify;
line-height: 15px;	  
border-left: 7px solid #9dc3d0;
}
.codes {
background : #e3f1f2;
border : 1px solid #98bcca;
color : #898989;
padding : 15px;
text-align : center;
}	  
.codes2{
background : #f3f3f3;
border : 1px solid #bdbdbd;
color : #898989;
padding : 15px;
text-align : center;
}	
.codes3 {
background : #fff;
border : 2px dotted #d0c4d5;
color : #898989;
padding : 15px;
text-align : center;
}	  
.history {
color : #8da846;
font-weight : bold;
text-align : center;
color : #8da846;
font-weight : bold;
text-align : center;
}
.content1 {
background : #f5e4dd url(bgcontent.jpg);
border : 0 solid #f5e4dd;
color : #6f787a;
text-align : justify;
width : 450px;
}
.comment {
background : #d2a798;
border : 4px solid #d2a798;
color : #ecd9c1;
text-align : justify;
width : 450px;
font-weight : bold;
}
.box {
background : none;
}
.boxhead {
background : #fec49c left 0%;
color : #fff0e0;
font-weight : bold;
padding : 5px;
padding-bottom : 3px;
padding-top : 2px;
text-align : right;
}
h2 {
color : #b4bbd0;
font : bold 10pt verdana, arial, sans-serif;
line-height : 10pt;
text-align : justify;
}
.content2 {
background : #d6dde6;
border-left : 8px solid #a7aec6;
color : #9599a5;
font : 8pt verdana, arial, sans-serif;
padding-left : 7px;
text-align : justify;
}
.announce2 {
background : #ffffff;
border : 1px dotted #e2c9df;
color : #e8d1ec;
padding : 10px;
}
font {
color : #beb9ca;
font : bold 8pt verdana, arial, sans-serif;
line-height : 10pt;
text-align : justify;
}
label, th {
color : #beb9ca;
font : bold 8pt verdana, arial, sans-serif;
line-height : 10pt;
text-align : justify;
}
option, select {
color : #beb9ca;
font : bold 8pt verdana, arial, sans-serif;
line-height : 8pt;
text-align : justify;
}
input, textarea {
background : #eee5ed;
border : 2px solid white;
color : #a4a9b9;
font : 8pt Verdana, Arial, sans-serif;
}
.head3 {
background : transparent;
border : #a9b370;
border-bottom : 0 solid;
color : #a9b370;
font : 10pt Times New Roman, Book Antiqua, Verdana, sans-serif;
font-weight : bold;
letter-spacing : 3px;
text-align : center;
text-transform : uppercase;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 500px; 
margin:0px 0px 0px 25px ;
}

.curlycontainer .innerdiv{
background: transparent url(img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 6px 6px 15px 6px;
}	 
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Saya Mitzra http://dokkasou.net, thanks to Annie from http://ichigo.nu for the tip
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
.profile { 	
display:none;
margin: 15px;
text-align: justify;
background: transparent; 
text-decoration: none;
}