﻿* {
 margin:0;
 padding:0;
}
html {
 overflow-y:scroll;
}
html, body {
 height:100%;
}
body {
 background-color:#62166a;
 background-image:url(../images/left_bar.jpg);
 background-repeat:no-repeat;
 padding:0;
 font: normal 0.8em/1.5em Verdana,Arial,Helvetica,sans-serif;
}

img {
 border:none;
}

div.clear {
 clear:both;
}

.borderimage {
 border:solid 1px #000;
}

.fading {font-family:'Times New Roman',Times,serif; color:#ffffff; padding:30px;}

#container {
 margin-left:30px;
 width:965px;min-height:100%;
 position:relative;background:#fff;
 z-index:0;
}

#my_head{
width:965px;
height:115px;
background:rgb(186,215,0);
z-index:2;
}

#imglayer{
position:absolute;
background:#cdcdcd;
z-index:1;
}

#my_body{
position:relative;
margin-top:110px;
z-index:2;
}

#left {
 position:relative;
 float:left;

 padding-left:18px;
 width:154px;
 } 

#middle {
 position:relative;
 float:left;
 width:463px;
 line-height:150%;
} 

#right {
 position:relative;
 float:left;
 
 padding-left:30px;
 padding-right:30px;
 width:270px;
 line-height:130%;
 color:#62166a;
 font-style:italic;
} 

#footer{
 position:relative;
 margin-top:30px;
 width:900px;
 border-top:solid 1px #62166a;
 padding:0 0 10px 10px;
 color:#c7b2cd;
}

#logo{
 position:absolute;
 top:16px;
 left:477px;
}

/* ---------------------------------------------- */

#footer  a {
 text-decoration:none;color:#c7b2cd;
}

#footer a:focus,
#footer a:active{
 text-decoration:none;
}

#footer a:hover {
 text-decoration:none;
 color:#62166a;
}

#middle h1, .big {
 font-family:'Times New Roman',Times,serif;
 font-size:28px;
 margin-bottom:15px;
 line-height:105%;
 font-weight:normal;
}

#middle h2 {
 font-size: 15px;
 margin-bottom:15px;
}

#middle h3 {
 font-size: 15px;
 margin-bottom:10px;
 padding-bottom:5px;
 border-bottom:solid 1px #000;
}

#middle p {
 margin-bottom:15px;
 word-spacing:-0.05em;
}
#middle p + ul{
 margin-top:-15px;
}
#middle ul + p{
 margin-top:15px;
}


#middle  a {
 text-decoration:underline;
 color:#62166a;
}

#middle a:focus, #middle a:active, #middle a:hover { text-decoration:none; }

#middle ul{
list-style-image:url(../images/greendotlist.gif);
margin-left:18px;
}

#middle li{ margin-bottom:5px; }

.bold{font-weight:900;}
.green{color:rgb(186,215,0);}
.pink{color:#d40077;}
.blackline{border-top:solid 1px #000; padding-top:5px; color:#000;}

.texthover{color:#e1e1e1;}
.texthover:hover{color:#000;}

/* ---------------------------------------------- */

/* NAVIGATION */

ul#categorymenu a {color:#000; text-decoration:none;}
ul#categorymenu li.level1.active a {font-size:1.5em; font-weight:900; color:rgb(186,215,0);}
ul#categorymenu li.level2.active a {font-size:1.0em; font-weight:900; color:#7fa246;}

ul#categorymenu {list-style-type:none;}
ul#categorymenu li {list-style-type:none;}
ul#categorymenu li a{text-decoration:none; font: normal 12px Verdana, Arial, Helvetica,sans-serif; color:#000}

/* 1st TIER */ ul#categorymenu li.level1 {padding:0px 0px 9px 0px; font-size: 1.0em;}
               ul#categorymenu li.level1 a {display:block;}
               ul#categorymenu li.level1 a:hover {color:rgb(186,215,0);}

/* 2nd TIER */ ul#categorymenu li.level2 {padding:0px 0px 8px 18px; font-size: 0.9em;}
               ul#categorymenu li.level2 a {display:block;}
               ul#categorymenu li.level2 a:hover {color:#7fa246;}