/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #6b4a81;
text-decoration: none;}
a:hover {color: #663366;
text-decoration: none;}
body {
background: #f4f4f4 url(../images/bg.gif) center repeat-y;
font: normal 62.5% Tahoma,sans-serif;
line-height: 2.1em; 
color: #917AA0; 
}
p,code,ul {padding: 8px;}
li {list-style: none;}
h1{
font-family: Arial, Helvetica, sans-serif;
color: #D3569E; 
font-size: 18px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 14px;
padding-top: 20px;
line-height: 1.7em; 
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #DD7CB4; 
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
padding-top: 15px;
line-height: 1.2em; 
}
h3 {
font-family: Arial, Sans-Serif;
font-size: 14px;
color: #694581; 
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
line-height: 1.2em; 
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #B79BCA; 
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
line-height: 1.2em; 
}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(../images/quote.gif) no-repeat;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 0 10px 10px;
width: 750px;
}
/* header */
.top {
padding: 5px 10px 0;
}
/* title */
.header {
background: #FFFFFF url(../images/01_.jpg) no-repeat;
font-size: 1.2em;
height: 127px;
margin: 0 auto;
width: 780px;
}
.header .left, .header .right {
background: #A4A4A0;
color: #FFF;
height: 127px;	
}
.header .left {
background: #FFFFFF url(../images/01_.jpg) no-repeat;
font: normal 2.8em "Trebuchet MS",sans-serif;
line-height: 127px;
text-align: center;	
width: 780px;
}
.header .right {
overflow: auto;
width: 212px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}
/* navigation */
.navigation {	
background: #D9E1E5 url(../images/nav.gif);
border: 1px solid #DFEEF7;
border-color: #DFEEF7 #CFDEE7;
height: 41px;
}
.navigation a {
background: #D9E1E5 url(../images/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}
/* main */
.main {
border-top: 4px solid #FFF;
background: url(../images/bgmain.gif) repeat-y;
}
/* sub navigation */
.sidenav {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #917AA0; 
float: right;
width: 210px;
margin-top: 5px;
background-color: #FFF2F2;
border:1px solid #CCCCCC;
line-height: 18px;
}
.sidenav h2 {
color: #917AA0;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
line-height: 24px;
margin: 0;
padding-left: 12px;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
.sidenav li {border-bottom: 1px solid #EAEADA;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
.sidenav li a {
display: block;
color: #917AA0;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.sidenav li a:hover {
background: #FADAE6;
color: #C74B91;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;	
}
.pink{
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #917AA0; 
float: right;
width: 210px;
margin-top: 5px;
background-color: #FCE9F0;
border:1px solid #CCCCCC;
line-height: 18px;
}
.lilac{
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #917AA0; 
float: right;
width: 210px;
margin-top: 5px;
background-color: #FEF5FD;
border:1px solid #CCCCCC;
line-height: 18px;
}
.noteheader
{
width: auto;
border-bottom: 1px solid #DDD;
border-top: none;
color: #DD7CB4;
line-height: 24px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
background:url(../images/headerBG.jpg) repeat-x;
}
/* content */
.content {
float: left;
margin: 1px 0;
padding-top: 20px;
width: 520px;
background-color: #FFF2F2;
border:1px solid #CCCCCC;
margin-left: 3px;
margin-top: 5px;
line-height: 1.4em;
}
.content2 {
float: left;
margin: 1px 0;
padding-top: 20px;
width: 760px;
background-color: #FFF2F2;
border:1px solid #CCCCCC;
margin-left: 3px;
margin-top: 5px;
line-height: 1.4em;
}
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style: inherit;
margin-left: 18px;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #917AA0;
margin-left:30px;
}
.content p {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding: 10px;  
line-height: 1.4em; 
color: #917AA0; 
margin:0;
}
/* CSS Tabs */
#tabs8 {
float:left;
width:100%;
background:#FFF;
font-size:11px;
line-height:normal;
border-bottom:1px solid #CCC;
}
#tabs8 ul {
margin:0;
padding:2px 4px 0 2px;
list-style:none;
}
#tabs8 li {
display:inline;
line-height: 18px;
margin:0;
padding:0;
}
#tabs8 a {
float:left;
background:url(../images/tableft8.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs8 a span {
float:left;
display:block;
background:url(../images/tabright8.gif) no-repeat right top;
padding:5px 12px 6px 13px;
color:#FFFFFF;
font-weight: bold;
}
/* This holds the tabs */
#tabholder
{
width: auto;
float: left;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
/* End IE5-Mac hack */
#tabs8 a:hover span {
color:#591333;
}
#tabs8 a:hover {
background-position:0% -42px;
}
#tabs8 a:hover span {
background-position:100% -42px;
color: #C74B91;
}
#tabs8 #current a {
background-position:0% -42px;
}
#tabs8 #current a span {
background-position:100% -42px;
color: #C74B91;
}
/* footer */
.footer {
background: #D5C2E5 url(../images/bgfooter.gif) repeat-x;
color: #866D98;
font: 11px sans-serif;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
}
#footer a {
text-decoration: none;
color: #6F597D;
text-align: center;
vertical-align: middle;
padding-top: 8px;
background: #917AA0; 
clear: both;
}
.footer a:hover {color: #FFF;}
/* images*/
.image_right {
float:  right;
margin: 0 9px 3px 0;
border: 1px solid #FFFFFF;
}
.image_left {
float: left;
border: 1px solid #E9E9E9;
margin: 8px;d
}
.image3 {
float: right;
margin: 0 1px 5px 0;
}
.box{
border: 1px solid #DD7CB4;
margin-left: 20px;
}
/* Content holder for the pic box */
.picbox {
width: auto;
line-height: 22px;
color: #DD7CB4;
padding: 5px 6px 6px 6px;
border:1px solid #efefef;
border-top: none;
text-align: center;
}