/* CSS Document */

*{
margin:0px;
padding:0px;
}

table{
color:#CCCCCC;
font-size:0.9em;
padding: 5px;
}

a {
color:#0099CC;
text-decoration:none;
}
a:hover{
color:#006699;
text-decoration:underline;
}
a:visited{
color:#006699;
}

body{
padding:0px;
margin:0px;
background-image:url("images/bg.gif");
background-position: center;
}

.left {
float:left;
padding:5px 5px 5px 0px;
}
.right {
float:right;
padding:5px 10px;
}

#container {
width:900px;
padding:0px;
margin-left:auto;
margin-right:auto;
}

#header {
width:900px;
height:80px;
}
#header h1{
margin:0px;
padding:0px;
}


#header2 {
width:900px;
}
#header2 p{
color:#999999;
font-size:12px;
margin:10px;
}

/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */

#wrap {
width:900px;
}

#left {
float:left;
width:500px;
margin-top:5px;
margin-left:10px;
margin-right:0px;
margin-bottom:10px;
font-size:0.9em;
color:#CCCCCC;
border-right:dashed 1px #CCCCCC;
padding-right:5px;
}



#left h2{
height:25px;
background-image:url("images/onpu.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
padding-top:11px;
font-size:1.0em;
margin:5px 0px;
clear:both;
}
#left ul{
padding-left:0px;
text-decoration:none;
}

#left p{
padding-left:0px;
line-height:1.2em;
margin:10px 0px;
}

#contentsleft {
float:left;
width:250px;
margin-top:10px;
margin-left:0px;
margin-right:3px;
margin-bottom:10px;
font-size:0.9em;
color:#CCCCCC;

}
#contentsleft h1{
margin:10px;
}
#contentsleft h2{
height:25px;
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
padding-top:8px;
font-size:1.1em;
margin:5px 0px;

}

#contentsleft ul{
margin:0px;
padding:0px 10px;
}

#contentsleft li{
padding:0px;
list-style:none;
margin:2px 0px 0px 0px;
text-align:left;
}
#contentsleft a{
padding-top:5px;
padding-left:8px;
margin:0px;
background:url("images/leftbutton.gif") no-repeat;
display:block;
width:170px;
height:25px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#contentsleft a:hover{
background:url("images/leftbuttonhover.gif") no-repeat;
color:#CCCCCC;
}
#contentsleft p{
padding-left:10px;
}


#right {
float:right;
width:350px;
margin-top:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}

#right h2{
font-size:1.0em;
color:#FF3399;
background:url("images/righth2.gif") no-repeat;
width:340px;
padding:5px;
font-size:1.0em;
margin-top:5px;
}

#right p{
padding:8px;
font-size:0.9em;
color:#CCCCCC;
line-height:1.2em;
}

#right ul{
color:#CCCCCC;
padding-left:3px;
}
#right li{
list-style:none;
font-size:0.8em;
}


#contentsright {

width:600px;
margin-top:15px;
margin-left:15px;
margin-right:10px;
margin-bottom:10px;
}

#contentsright h2{
clear:both;
font-size:1.0em;
color:#CCCCCC;
background-image:url("images/h2contents.jpg");
background-position:left;
background-repeat:no-repeat;
padding:5px;
font-size:1.0em;
width:100%;
}
#contentsright h3{
height:25px;
background-image:url("images/onpu.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
padding-top:11px;
font-size:1.0em;
margin:5px 0px;
color:#000033;
clear:both;
}
#contentsright h4{
height:25px;
background-position:left;
background-repeat:no-repeat;
padding-left:8px;
padding-top:8px;
font-size:0.9em;
margin:5px 0px;
}
#contentsright p{
padding:8px;
font-size:0.9em;
color:#CCCCCC;
line-height:1.3em;
margin:10px 0px;
}

#contentsright td{
padding:5px;
}

#contentsright ol{
font-size:0.9em;
color:#CCCCCC;
padding-left:25px;
line-height:1.3em;
}
#girlscontents {

width:880px;
margin-top:15px;
margin-left:15px;
margin-right:10px;
margin-bottom:10px;
}

#girlscontents h2{
clear:both;
font-size:1.0em;
color:#CCCCCC;
background-image:url("images/h2contents.jpg");
background-position:left;
background-repeat:no-repeat;
padding:5px;
font-size:1.0em;
width:95%;
}
#girlscontents h3{
height:25px;
background-image:url("images/onpu.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:30px;
padding-top:11px;
font-size:1.0em;
margin:5px 0px;
color:#000033;
clear:both;
}
#girlscontents h4{
height:25px;
background-position:left;
background-repeat:no-repeat;
padding-left:8px;
padding-top:8px;
font-size:0.9em;
margin:5px 0px;
}
#girlscontents p{
padding:8px;
font-size:0.9em;
color:#CCCCCC;
line-height:1.3em;
margin:10px 0px;
}

#girlscontents td{
padding:5px;
}

#girlscontents ol{
font-size:0.9em;
color:#CCCCCC;
padding-left:25px;
line-height:1.3em;
}

#footer{
clear:both;
width:898px;
height:60px;
background-image:url("images/footer.jpg");
font-size:0.8em;
text-align:center;
background-position:center;
margin-left:auto;
margin-right:auto;
}

#footer p{
padding:5px;
}