.button {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-shadow: 0 -1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5), inset 0 1px 1px rgba(255,255,255,.5);
}

.small, .normal, .medium, .big, .megabig {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 10px;
}

.small {
    font-size: 11px;
}

.normal {
    font-size: 14px;
}

.medium {
    font-size: 18px;
}

.big {
    font-size: 24px;
}

.megabig {
    font-size: 32px;
}

/* Blue */
.blue {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52A8E8), to(#377AD0));
    background-image: -moz-linear-gradient(0% 100% 90deg, #377AD0, #52A8E8);
    background-color: #52A8E8;
    border: 1px solid #20559A;
}

.blue:hover, .blue:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54A1D8), to(#1967CA));
    background-image: -moz-linear-gradient(0% 100% 90deg, #1967CA, #54A1D8);
    background-color: #52A8E8;
    color: white;
}

.blue:active {
    background: #2D7CD1;
    color: white;
}

/* Green */
.green {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21AE60), to(#2E8B57));
    background-image: -moz-linear-gradient(0% 100% 90deg, #2E8B57, #21AE60);
    background-color: #21AE60;
    border: 1px solid #21633D;
}

.green:hover, .green:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21AE60), to(#28794B));
    background-image: -moz-linear-gradient(0% 100% 90deg, #28794B, #21AE60);
    background-color: #21AE60;
    color: white;
}

.green:active {
    background: #2B8452;
    color: white;
}

/* Black */
.black {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#000));
    background-image: -moz-linear-gradient(0% 100% 90deg, #000, #666);
    background-color: #666;
    border: 1px solid #444;
}

.black:hover, .black:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#000));
    background-image: -moz-linear-gradient(0% 100% 90deg, #000, #444);
    background-color: #444;
    color: white;
}

.black:active {
    background: #555;
    color: white;
}

/* White */
.white {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#ccc));
    background-image: -moz-linear-gradient(0% 100% 90deg, #ccc, #fafafa);
    background-color: #ccc;
    border: 1px solid #A6A6A6;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
}

.white:hover, .white:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BCBCBC), to(#FCFCFC));
    background-image: -moz-linear-gradient(0% 100% 90deg, #FCFCFC, #BCBCBC);
    background-color: #BCBCBC;
    color: #555;
}

.white:active {
    background: #eee;
    color: #333;
}

/* Red */
.redd {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BC1A02), to(#650500));
    background-image: -moz-linear-gradient(0% 100% 90deg, #650500, #BC1A02);
    background-color: #A60B00;
    border: 1px solid #6E0A01;
}

.redd:hover, .redd:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D05F4E), to(#96514D));
    background-image: -moz-linear-gradient(0% 100% 90deg, #96514D, #D05F4E);
    background-color: #96514D;
    color: white;
}

.redd:active {
    background: #96514D;
    color: white;
}


/* Orange */
.orange {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F06E24), to(#E04607));
    background-image: -moz-linear-gradient(0% 100% 90deg, #E04607, #F06E24);
    background-color: #E04607;
    border: 1px solid #C43C06;
}

.orange:hover, .orange:focus {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F59B66), to(#EA7D52));
    background-image: -moz-linear-gradient(0% 100% 90deg, #EA7D52, #F59B66);
    background-color: #EA7D52;
    color: white;
}

.orange:active {
    background: #D8744D;
    color: white;
}






.roll .rollover, .roll:hover .regular {
display: none;
}
.roll:hover .rollover {
display: block;
}






body {
	FONT-SIZE: 10px; FONTSIZE: 11px; MARGIN: 5px 0px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Sans-serif
}
.text {
	FONT-SIZE: 10px; FONTSIZE: 11px; MARGIN: 5px 0px; COLOR: red; FONT-FAMILY: Arial,Helvetica,Sans-serif
}
.link-3 {
	COLOR: black; TEXT-DECORATION: none
}
.link-3:hover {
	COLOR: red; TEXT-DECORATION: none
}
.input            {font-family: 'Courier New', Courier, monospace; font-size: 13px; fontsize: 14px; color: #333333;}
		
a:link            {color: red; font-weight: bold; text-decoration: yes;}
a:visited         {color: red; font-weight: bold; text-decoration: yes;}
a:active          {color: red; font-weight: bold; text-decoration: yes;}
a:hover           {color: red; font-weight: bold; text-decoration: yes;}
		
a.menu:link       {color: black; font-size: 13px; fontsize: 14px; FONT-FAMILY: Arial,Helvetica,Sans-serif; font-weight: bold; text-decoration: none;}
a.menu:visited    {color: black; font-size: 13px; fontsize: 14px; FONT-FAMILY: Arial,Helvetica,Sans-serif; font-weight: bold; text-decoration: none;}
a.menu:active     {color: black; font-size: 13px; fontsize: 14px; FONT-FAMILY: Arial,Helvetica,Sans-serif; font-weight: bold; text-decoration: none;}
a.menu:hover      {color: red; font-size: 13px; fontsize: 14px; FONT-FAMILY: Arial,Helvetica,Sans-serif; font-weight: bold; text-decoration: none;}

.black9b { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000 ; font-weight: bold}

.w{font-family: Webdings;color: #FF3300;line-height: 30px;}
.special {
font-family: Arial, Helvetica;font-size: 18px;font-weight: bold;color: #3366FF;font-style: italic;
}
.red {font-size: 16px;color: #3366FF;font-weight: bold;font-style: italic;font-variant: normal;vertical-align: 15%;}
.r{color: #333399;font-size: 13px;font-weight: bold}
.str {font-family: Impact;font-size: 20px;color: #FF3300;font-weight: normal;}


h1{font-weight:bold;font-size:22px;font-family:Arial;color:#896700;padding:0px;margin:0px}
h2{font-weight:bold;font-size:18px;font-family:Arial;color:#896700;padding:0px;margin:0px}
h3{font-weight:bold;font-size:16px;font-family:Arial;color:#896700;padding:0px;margin:0px}

#topbar{
   position:absolute;
   padding: 10px;
   border: 1px solid #666;
   background-color: #FFFFCC;
   width: 140px;
   visibility: hidden;
   z-index: 100;
   box-shadow: 5px 5px 5px #090808;
   -webkit-box-shadow: 5px 5px 5px #090808;
   -moz-box-shadow: 5px 5px 5px #090808;
   filter: progid:DXImageTransform.Microsoft.dropShadow(color=#090808, offX=5, offY=5, positive=true);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}