html, body {
           background-color: #af98dd;
          /* background-image : url(../images/bg2.jpg);*/
           font-family : verdana;
           font-size : 12px;
           font-weight : normal;
           margin-left: 0px;
           margin-top: 0px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-width : 0px;
           margin-height : 0px;
           scrollbar-3dlight-color : #c0c0c0;
           scrollbar-highlight-color : #7d63b2;
           scrollbar-darkshadow-color : #000000;
           scrollbar-shadow-color : #555555;
           scrollbar-face-color : #7d63b2;
           scrollbar-arrow-color : #e3daf6;
           scrollbar-track-color : #af98dd;
}
.align-center {
        margin-left:auto; 
        margin-right:auto;
}

.align-right {
        text-align: right;
}
@media (max-width: 650px){
.align-right {
        text-align: right;
}
}
@media (max-width: 350px){
.align-right {
        text-align: right;
}
}

.align-left {
        text-align: left;
        margin-left: 20px;
}
@media (max-width: 650px){
.align-left {
        text-align: left;
}
}
@media (max-width: 350px){
.align-left {
        text-align: left;
}
}
.b-but a:link { font-size: 18px; color: #e3daf6; text-decoration: none;}
.b-but a:visited { font-size: 18px; color: #e3daf6; text-decoration: none}
.b-but a:hover { font-size: 18px; color: #af98dd; text-decoration: none}
.b-but a:active { font-size: 18px; color: #c0c0c0; text-decoration: none;}

.t-but a:link { font-size: 18px; color: #ffffff; text-decoration: none;}
.t-but a:visited { font-size: 18px; color: #ffffff; text-decoration: none}
.t-but a:hover { font-size: 18px; color: #af98dd; text-decoration: none}
.t-but a:active { font-size: 18px; color: #c0c0c0; text-decoration: none;}

.t-but-b a:link { font-size: 18px; color: #af98dd; font: bold; text-decoration: none;}
.t-but-b a:visited { font-size: 18px; color: #af98dd; font: bold; text-decoration: none}
.t-but-b a:hover { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none}
.t-but-b a:active { font-size: 18px; color: #e3daf6; font: bold; text-decoration: none;}

.home a:link { font-size: 18px; color: #ffffff; text-decoration: none;}
.home a:visited { font-size: 18px; color: #ffffff; text-decoration: none}
.home a:hover { font-size: 18px; color: #af98dd; text-decoration: none}
.home a:active { font-size: 18px; color: #c0c0c0; text-decoration: none;}

.bs108 a:link { font-size: 13px; color: #0000cc; text-decoration: none;}
.bs108 a:visited { font-size: 13px; color: #0000cc; text-decoration: none}
.bs108 a:hover { font-size: 13px; color: #ff0000; text-decoration: none}
.bs108 a:active { font-size: 13px; color: #c0c0c0; text-decoration: none;}

.bs108-22 { vertical-align: text-top;}
.bs108-22 a:link { font-size: 22px; color: #0000cc; text-decoration: none;}
.bs108-22 a:visited { font-size: 22px; color: #0000cc; text-decoration: none}
.bs108-22 a:hover { font-size: 22px; color: #ff0000; text-decoration: none}
.bs108-22 a:active { font-size: 22px; color: #c0c0c0; text-decoration: none;}

.100mh18 a:link { font-size: 18px; color: #ffffff; text-decoration: none;}
.100mh18 a:visited { font-size: 18px; color: #ffffff; text-decoration: none}
.100mh18 a:hover { font-size: 18px; color: #af98dd; text-decoration: none}
.100mh18 a:active { font-size: 18px; color: #c0c0c0; text-decoration: none;}

.100mh18b a:link { font-size: 18px; color: #000000; text-decoration: none;}
.100mh18b a:visited { font-size: 18px; color: #000000; text-decoration: none}
.100mh18b a:hover { font-size: 18px; color: #c0c0c0; text-decoration: none}
.100mh18b a:active { font-size: 18px; color: #ff0000; text-decoration: none;}

.100mh18p a:link { font-size: 18px; color: #7d63b2; text-decoration: none;}
.100mh18p a:visited { font-size: 18px; color: #7d63b2; text-decoration: none}
.100mh18p a:hover { font-size: 18px; color: #c0c0c0; text-decoration: none}
.100mh18p a:active { font-size: 18px; color: #ff0000; text-decoration: none;}

.100mh18lp a:link { font-size: 18px; color: #af98dd; font: bold; text-decoration: none;}
.100mh18lp a:visited { font-size: 18px; color: #af98dd; font: bold; text-decoration: none}
.100mh18lp a:hover { font-size: 18px; color: #c0c0c0; font: bold; text-decoration: none}
.100mh18lp a:active { font-size: 18px; color: #e3daf6; font: bold; text-decoration: none;}

.100mh16 a:link { font-size: 16px; color: #ffffff; text-decoration: none;}
.100mh16 a:visited { font-size: 16px; color: #ffffff; text-decoration: none}
.100mh16 a:hover { font-size: 16px; color: #af98dd; text-decoration: none}
.100mh16 a:active { font-size: 16px; color: #c0c0c0; text-decoration: none;}

.100mh16b a:link { font-size: 16px; color: #98613f; text-decoration: none;}
.100mh16b a:visited { font-size: 16px; color: #98613f; text-decoration: none}
.100mh16b a:hover { font-size: 16px; color: #ffffff; text-decoration: none}
.100mh16b a:active { font-size: 16px; color: #ff0000; text-decoration: none;}

.100mh16p a:link { font-size: 16px; color: #7d63b2; text-decoration: none;}
.100mh16p a:visited { font-size: 16px; color: #7d63b2; text-decoration: none}
.100mh16p a:hover { font-size: 16px; color: #ffffff; text-decoration: none}
.100mh16p a:active { font-size: 16px; color: #ff0000; text-decoration: none;}

.100mh14 a:link { font-size: 14px; color: #555555; text-decoration: none;}
.100mh14 a:visited { font-size: 14px; color: #555555; text-decoration: none}
.100mh14 a:hover { font-size: 14px; color: #98613f; text-decoration: none}
.100mh14 a:active { font-size: 14px; color: #ff0000; text-decoration: none;}

.100mh14b a:link { font-size: 14px; color: #000000; text-decoration: none;}
.100mh14b a:visited { font-size: 14px; color: #000000; text-decoration: none}
.100mh14b a:hover { font-size: 14px; color: #c0c0c0; text-decoration: none}
.100mh14b a:active { font-size: 14px; color: #ff0000; text-decoration: none;}

.100mh15 a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.100mh15 a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.100mh15 a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.100mh15 a:active { font-size: 15px; color: #b30000; text-decoration: none;}

.100mh10 a:link { font-size: 10px; color: #8e4f28; text-decoration: none;}
.100mh10 a:visited { font-size: 10px; color: #8e4f28; text-decoration: none}
.100mh10 a:hover { font-size: 10px; color: #ffffff; text-decoration: none}
.100mh10 a:active { font-size: 10px; color: #ff0000; text-decoration: none;}

.bcc a:link { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.bcc a:visited { font-size: 16px; color: #b30000; font: bold; text-decoration: none}
.bcc a:hover { font-size: 16px; color: #ff0000; font: bold; text-decoration: none}
.bcc a:active { font-size: 16px; color: #ff0000; font: bold; text-decoration: none;}
.bccfont { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
}
.bcc-phone {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 24px;
    color: #000000;
    font-weight : normal;
    text-decoration: none;
}
.bcc-phone a:link {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 36px;
    color: #b30000;
    font-weight : bold;
    text-decoration: none;
}
.bcc-phone a:visited {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 36px;
    color: #b30000;
    font-weight : bold;
    text-decoration: none;
}
.bcc-phone a:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 36px;
    color: #ff0000;
    font-weight : bold;
    text-decoration: none;
}
.bcc-phone a:active {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 36px;
    color: #00ff00;
    font-weight : bold;
    text-decoration: none;
}

.cgm a:link { font-size: 13px; color: #7fb81e; text-decoration: none;}
.cgm a:visited { font-size: 13px; color: #7fb81e; text-decoration: none}
.cgm a:hover { font-size: 13px; color: #2c375b; text-decoration: none}
.cgm a:active { font-size: 13px; color: #b30000; text-decoration: none;}

.cgm22 a:link { font-size: 22px; color: #2c375b; font: bold; text-decoration: none;}
.cgm22 a:visited { font-size: 22px; color: #2c375b; font: bold; text-decoration: none}
.cgm22 a:hover { font-size: 22px; color: #7fb81e; font: bold; text-decoration: none}
.cgm22 a:active { font-size: 22px; color: #b30000; font: bold; text-decoration: none;}

.comm a:link { font-size: 16px; color: #7d63b2; font: normal; text-decoration: none;}
.comm a:visited { font-size: 16px; color: #7d63b2; font: normal; text-decoration: none}
.comm a:hover { font-size: 16px; color: #af98dd; font: normal; text-decoration: none}
.comm a:active { font-size: 16px; color: #b30000; font: normal; text-decoration: none;}

.cpw a:link { font-size: 13px; color: #00adef; text-decoration: none;}
.cpw a:visited { font-size: 13px; color: #00adef; text-decoration: none}
.cpw a:hover { font-size: 13px; color: #2e3192; text-decoration: none}
.cpw a:active { font-size: 13px; color: #2e3192; text-decoration: none;}

.cpw22 a:link { font-size: 22px; color: #2e3192; text-decoration: none;}
.cpw22 a:visited { font-size: 22px; color: #2e3192; text-decoration: none}
.cpw22 a:hover { font-size: 22px; color: #00adef; text-decoration: none}
.cpw22 a:active { font-size: 22px; color: #f78f1e; text-decoration: none;}

.cts a:link    { font-size: 26px; color: #b30000; font-weight: bold; text-decoration: none;}
.cts a:visited { font-size: 26px; color: #b30000; font-weight: bold; text-decoration: none}
.cts a:hover   { font-size: 26px; color: #ff0000; font-weight: bold; text-decoration: none}
.cts a:active  { font-size: 26px; color: #fff000; font-weight: bold; text-decoration: none;}
.cts           { font-family : Arial, Helvetica, sans-serif;
                 font-size : 24px;
                 font-weight : normal;}

.dd100 a:link { font-size: 14px; color: #555555; font: bold; text-decoration: none;}
.dd100 a:visited { font-size: 14px; color: #555555; font: bold; text-decoration: none}
.dd100 a:hover { font-size: 14px; color: #b30000; font: bold; text-decoration: none}
.dd100 a:active { font-size: 14px; color: #ff0000; font: bold; text-decoration: none;}

.designer a:link { font-size: 12px; color: #000000; text-decoration: none;}
.designer a:visited { font-size: 12px; color: #000000; text-decoration: none}
.designer a:hover { font-size: 12px; color: #7d63b2; text-decoration: none}
.designer a:active { font-size: 12px; color: #e3daf6; text-decoration: none;}

.donex a:link { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.donex a:visited { font-size: 16px; color: #b30000; font: bold; text-decoration: none}
.donex a:hover { font-size: 16px; color: #ffffff; font: bold; text-decoration: none}
.donex a:active { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}

.esg a:link { font-size: 16px; color: #ff7e00; font: bold; text-decoration: none;}
.esg a:visited { font-size: 16px; color: #ff7e00; font: bold; text-decoration: none}
.esg a:hover { font-size: 16px; color: #814c01; font: bold; text-decoration: none}
.esg a:active { font-size: 16px; color: #ff0000; font: bold; text-decoration: none;}
.esgfont { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
           color : 814c01;
}
.esgfont2 { font-family : Arial, Helvetica, sans-serif;
            font-size : 14px;
            font-weight : normal;
            color : #814c01;
}
.esgfont3 { font-family : Arial, Helvetica, sans-serif;
            font-size : 18px;
            font-weight : normal;
            color : #814c01;
}

.esg-phone a:link { font-size: 16px; color: #814c01; text-decoration: none;}
.esg-phone a:visited { font-size: 16px; color: #814c01; text-decoration: none;}
.esg-phone a:hover { font-size: 16px; color: #ff7e00; text-decoration: none;}
.esg-phone a:active { font-size: 16px; color: #fff000; text-decoration: none;}

/** esg contest **/
.esg-contest a:link { font-size: 24px; color: #ffffff; font: bold; text-decoration: none;}
.esg-contest a:visited { font-size: 24px; color: #ffffff; font: bold; text-decoration: none}
.esg-contest a:hover { font-size: 24px; color: #ff7e00; font: bold; text-decoration: none}
.esg-contest a:active { font-size: 24px; color: #ff0000; font: bold; text-decoration: none;}

.error {    font-family : Arial, Helvetica, sans-serif;
            font-size : 12px;
            font-weight : normal;
            color : #ff0000;
}

/** form **/

.form-font{
	font-family: 'Arial';
	font-size: 18px;
	color: #814B02;
	font-weight: bold;
    /*** text-shadow: 0 0 1px #000000; ***/
}

.form-font-code{
	font-family: 'arial';
	font-size: 14px;
	color: #814B02;
	font-weight: normal;
    /*** text-shadow: 0 0 1px #000000; ***/
}

/*** start form code ***/
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.esg-font16 { font-family: 'Georgia Bold';
          font-size: 16px;
          color: #814B02;
          font-weight: normal;
          text-align: left}
.ast    { font-family: 'Georgia Bold';
          font-size: 24px;
          color: #ff0000;
          text-shadow: 0 0 1px #000000;
          font-weight: bold;
          text-align: center}
div#envelope{
width: 55%;
margin: 10px 30% 10px 25%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:50%;
margin:0% 0% 0% 0%;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #af98dd;
}

textarea{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #af98dd;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-style: solid;
border-width: 2px;
border-color: #7d63b2;
background-color: #e3daf6;
}
@media all and (max-width: 650px) {
div#envelope{
width: 90%;
margin: 10px 5% 10px 5%;
padding:10px;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
} 
@media all and (max-width: 350px) {
div#envelope{
width: 96%;
margin: 5px 2% 5px 2%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
}
/** end form code ***/

.submit
{
    width:80px;
    height: 30px;
    line-height: 15px;
    padding-bottom: 0px;
    vertical-align: middle;
    font-family: 'arial';
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    border:1px solid transparent;
    background: #ffffff;
    color: #814B02;
   -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #814B02;
    border-style: solid;
    border-width: 3px;
    cursor: pointer;
}
.submit:hover
{
    background-color:#efefef;
    font-weight: bold;
    color: #ff7f00;
}

label.resume input[type="file"] {
    position: fixed;
    top: -1000px;
}
.photo
{
    width:250px;
    height: 30px;
    line-height: 15px;
    padding-bottom: 0px;
    vertical-align: middle;
    font-family: 'arial';
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    border:1px solid transparent;
    background: #ffffff;
    color: #814B02;
   -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #814B02;
    border-style: solid;
    border-width: 3px;
    cursor: pointer;
}
.photo:hover
{
    background-color:#efefef;
    font-weight: bold;
    color: #ff7f00;
}
/** esg contest **/

.events a:link { font-size: 18px; color: #7d63b2; font: normal; text-decoration: none;}
.events a:visited { font-size: 18px; color: #7d63b2; font: normal; text-decoration: none}
.events a:hover { font-size: 18px; color: #af98dd; font: normal; text-decoration: none}
.events a:active { font-size: 18px; color: #b30000; font: normal; text-decoration: none;}

.grt a:link { font-size: 16px; color: #508a29; font: bold; text-decoration: none;}
.grt a:visited { font-size: 16px; color: #508a29; font: bold; text-decoration: none}
.grt a:hover { font-size: 16px; color: #00ff00; font: bold; text-decoration: none}
.grt a:active { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.grtfont { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
}

.imp a:link { font-size: 16px; color: #ffffff; font: bold; text-decoration: none;}
.imp a:visited { font-size: 16px; color: #ffffff; font: bold; text-decoration: none}
.imp a:hover { font-size: 16px; color: #ff9c00; font: bold; text-decoration: none}
.imp a:active { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.impfont { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
}

.jbp a:link { font-size: 13px; color: #6633ff; text-decoration: none;}
.jbp a:visited { font-size: 13px; color: #6633ff; text-decoration: none}
.jbp a:hover { font-size: 13px; color: #00adef; text-decoration: none}
.jbp a:active { font-size: 13px; color: #2e3192; text-decoration: none;}

.links a:link { font-size: 12px; color: #7d63b2; font: bold; text-decoration: none;}
.links a:visited { font-size: 12px; color: #7d63b2; font: bold; text-decoration: none}
.links a:hover { font-size: 12px; color: #af98dd; font: bold; text-decoration: none}
.links a:active { font-size: 12px; color: #b30000; font: bold; text-decoration: none;}

.lws a:link { font-size: 14px; color: #004400; font: bold; text-decoration: none;}
.lws a:visited { font-size: 14px; color: #004400; font: bold; text-decoration: none}
.lws a:hover { font-size: 14px; color: #b30000; font: bold; text-decoration: none}
.lws a:active { font-size: 14px; color: #b30000; font: bold; text-decoration: none;}

.nwd a:link { font-size: 13px; color: #00adef; text-decoration: none;}
.nwd a:visited { font-size: 13px; color: #00adef; text-decoration: none}
.nwd a:hover { font-size: 13px; color: #f78f1e; text-decoration: none}
.nwd a:active { font-size: 13px; color: #2e3192; text-decoration: none;}

.nwd22 a:link { font-size: 22px; color: #2e3192; text-decoration: none;}
.nwd22 a:visited { font-size: 22px; color: #2e3192; text-decoration: none;}
.nwd22 a:hover { font-size: 22px; color: #00adef; text-decoration: none;}
.nwd22 a:active { font-size: 22px; color: #f78f1e; text-decoration: none;}

.phone{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	font: normal;
}
.phone a:link { font-size: 22px; color: #2e3192; font-weight: bold; text-decoration: none;}
.phone a:visited { font-size: 22px; color: #2e3192; font-weight: bold; text-decoration: none;}
.phone a:hover { font-size: 22px; color: #3137d6; font-weight: bold; text-decoration: none;}
.phone a:active { font-size: 22px; color: #0f4cf5; font-weight: bold; text-decoration: none;}

.ramada a:link { font-size: 16px; color: #3791b1; font: bold; text-decoration: none;}
.ramada a:visited { font-size: 16px; color: #3791b1; font: bold; text-decoration: none}
.ramada a:hover { font-size: 16px; color: #ff0000; font: bold; text-decoration: none}
.ramada a:active { font-size: 16px; color: #fff000; font: bold; text-decoration: none;}
.ramadafont { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
}

.reel a:link { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.reel a:visited { font-size: 16px; color: #b30000; font: bold; text-decoration: none}
.reel a:hover { font-size: 16px; color: #ffffff; font: bold; text-decoration: none}
.reel a:active { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}

.rc100 a:link { font-size: 20px; color: #2d4878; font: bold; text-decoration: none;}
.rc100 a:visited { font-size: 20px; color: #2d4878; font: bold; text-decoration: none}
.rc100 a:hover { font-size: 20px; color: #ffffff; font: bold; text-decoration: none}
.rc100 a:active { font-size: 20px; color: #2d4878; font: bold; text-decoration: none;}

.rc100-2 a:link { font-size: 16px; color: #2d4878; font: bold; text-decoration: none;}
.rc100-2 a:visited { font-size: 16px; color: #2d4878; font: bold; text-decoration: none}
.rc100-2 a:hover { font-size: 16px; color: #ffffff; font: bold; text-decoration: none}
.rc100-2 a:active { font-size: 16px; color: #2d4878; font: bold; text-decoration: none;}

.s8 a:link { font-size: 16px; color: #b30000; font: bold; text-decoration: none;}
.s8 a:visited { font-size: 16px; color: #b30000; font: bold; text-decoration: none}
.s8 a:hover { font-size: 16px; color: #ff0000; font: bold; text-decoration: none}
.s8 a:active { font-size: 16px; color: #fff000; font: bold; text-decoration: none;}
.s8font { font-family : Arial, Helvetica, sans-serif;
           font-size : 16px;
           font-weight : normal;
}

.safeway a:link { font-size: 20px; color: #46a247; font: bold; text-decoration: none;}
.safeway a:visited { font-size: 20px; color: #46a247; font: bold; text-decoration: none}
.safeway a:hover { font-size: 20px; color: #ff0000; font: bold; text-decoration: none}
.safeway a:active { font-size: 20px; color: #46a247; font: bold; text-decoration: none;}

.sanders a:link { font-size: 20px; color: #008080; font: bold; text-decoration: none;}
.sanders a:visited { font-size: 20px; color: #008080; font: bold; text-decoration: none}
.sanders a:hover { font-size: 20px; color: #01a4ab; font: bold; text-decoration: none}
.sanders a:active { font-size: 20px; color: #b30000; font: bold; text-decoration: none;}

.sof a:link { font-size: 13px; color: #60bb46; text-decoration: none;}
.sof a:visited { font-size: 13px; color: #60bb46; text-decoration: none}
.sof a:hover { font-size: 13px; color: #00724a; text-decoration: none}
.sof a:active { font-size: 13px; color: #ff0000; text-decoration: none;}

.sof22 a:link { font-size: 22px; color: #00724a; text-decoration: none;}
.sof22 a:visited { font-size: 22px; color: #00724a; text-decoration: none}
.sof22 a:hover { font-size: 22px; color: #60bb46; text-decoration: none}
.sof22 a:active { font-size: 22px; color: #ff0000; text-decoration: none;}

.sul a:link { font-size: 18px; color: #ffffff; font: bold; text-decoration: none;}
.sul a:visited { font-size: 18px; color: #ffffff; font: bold; text-decoration: none}
.sul a:hover { font-size: 18px; color: #ff9c00; font: bold; text-decoration: none}
.sul a:active { font-size: 18px; color: #b30000; font: bold; text-decoration: none;}
.sulfont { font-family : Arial, Helvetica, sans-serif;
           font-size : 18px;
           font-weight : normal;
}

.wnp a:link { font-size: 14px; color: #b30000; font: bold; text-decoration: none;}
.wnp a:visited { font-size: 14px; color: #b30000; font: bold; text-decoration: none}
.wnp a:hover { font-size: 14px; color: #ffffff; font: bold; text-decoration: none}
.wnp a:active { font-size: 14px; color: #fff000; font: bold; text-decoration: none;}

.yrc a:link { font-size: 16px; color: #7d63b2; font: normal; text-decoration: none;}
.yrc a:visited { font-size: 16px; color: #7d63b2; font: normal; text-decoration: none}
.yrc a:hover { font-size: 16px; color: #af98dd; font: normal; text-decoration: none}
.yrc a:active { font-size: 16px; color: #b30000; font: normal; text-decoration: none;}

.adleft a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.adleft a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.adleft a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.adleft a:active { font-size: 15px; color: #c0c0c0; text-decoration: none;}

.adcenter-t a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.adcenter-t a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.adcenter-t a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.adcenter-t a:active { font-size: 15px; color: #c0c0c0; text-decoration: none;}

.adcenter-b1 a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.adcenter-b1 a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.adcenter-b1 a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.adcenter-b1 a:active { font-size: 15px; color: #c0c0c0; text-decoration: none;}

.adcenter-b2 a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.adcenter-b2 a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.adcenter-b2 a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.adcenter-b2 a:active { font-size: 15px; color: #c0c0c0; text-decoration: none;}

.adright a:link { font-size: 15px; color: #e3daf6; text-decoration: none;}
.adright a:visited { font-size: 15px; color: #e3daf6; text-decoration: none}
.adright a:hover { font-size: 15px; color: #af98dd; text-decoration: none}
.adright a:active { font-size: 15px; color: #c0c0c0; text-decoration: none;}

.table10 {
background: rgba(255,255,255,0.1);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table20 {
background: rgba(255,255,255,0.2);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table30 {
background: rgba(255,255,255,0.3);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table40 {
background: rgba(255,255,255,0.4);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table50 {
background: rgba(255,255,255,0.5);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table60 {
background: rgba(255,255,255,0.6);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table70 {
background: rgba(255,255,255,0.7);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table80 {
background: rgba(255,255,255,0.8);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}
.table90 {
background: rgba(255,255,255,0.9);
    -webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}

.font10{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font: normal;
}
.font11{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font: normal;
}
.font12{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font: normal;
}
.font12w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font: normal;
}
.font12wb{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font: bold;
}
.font13{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font: normal;
}
.font13w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font: normal;
}
.font13wb{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font: bold;
}
.font14{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font: normal;
}
.font14wb{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font: bold;
}
.font14p{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #7d63b2;
	font: normal;
}
.font14dp{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c0077;
	font: normal;
}
.font15w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	font: normal;
}
.font16{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font: normal;
}
.font16w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font: normal;
}
.font16p{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: #7d63b2;
	font: normal;
}
.font16dp{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	color: #3c0077;
	font: normal;
}
.font18{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font: normal;
}
.font18w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font: normal;
}
.font18p{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #7d63b2;
	font: normal;
}
.font18dp{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #3c0077;
	font: normal;
}
.font18lp{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	color: #af98dd;
	font: normal;
}
.font20{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font: normal;
}
.font20w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	font: normal;
}
.font20p{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: #7d63b2;
	font: normal;
}
.font22{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	font: normal;
}
.font22w{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #ffffff;
	font: normal;
}
.font22p{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #7d63b2;
	font: normal;
}
.font22lp{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #af98dd;
	font: normal;
}
.font22lpb{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #af98dd;
	font: bold;
}
.header22{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	color: #af98dd;
	font: italic;
}
.header26{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
	font: bold;
}
.header36{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 36px;
	color: #000000;
	font: bold;
}
.header40{
	font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	font: bold;
}
ul.gray {
	list-style-type: square;
	color: #c0c0c0;
}
ul.blue {
	list-style-type: square;
	color: #91bede;
}
ul.dark {
	list-style-type: square;
	color: #000000;
}
ul.black { 
position:relative;
list-style-position: outside;
color: #000000; 
text-indent: -2px; 
list-style-type: square; 
text-align: left;
left:-5%;
}
ul.black li{
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 12px;
text-align:left;
}
ul.black li:first-line{color:#ff0000;}



/********************************************************************************************************************/
.footer{
width:100%;
clear: both;
position:relative;
bottom:0;
text-align:center;
background : #000000;
font-family : verdana;
font-size : 12px;
font-weight : normal;
}