/* CSS Document */

body {

background-color:#000000;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;



}

a:visited{ color:#FFFFFF;}



.wrapper {

width:788px;

padding-left:90px;

}



.banner {

width:744px;

height:127px;

float:left;

}



.soundcontrol {

width:44px;

height:127px;

float:right;

}



.belowheaderlinks {

width:788px;

height:17px;

background-color:#1F1F1F;

float:left;

padding-top:5px;



}



.header_links {

width:788px;

height:60px;

padding-top:10px;

padding-left:10px;



}

.header_links1 {

width:788px;

height:60px;



}



.body {

width:764px;

height:auto;

background-color:#171717;

float:left;

border-left:#1F1F1F;

border-left-style:solid;

border-left-width:12px;

border-right:#1F1F1F;

border-right-style:solid;

border-right-width:12px;

}



.maincontent {

width:776px;

height:auto;

}



.footer_img {

width:255px;

height:36px;

float:left;

}



.footer_links {

width:89px;

height:26px;

background-image:url(images/mimi_08.png);

float:left;

margin-left:1px;

padding-top:10px;

}

.footer_links2 {

width:89px;

height:31px;

background-image:url(images/mimi_08.png);

float:left;

margin-left:1px;

padding-top:5px;

}

.footer_linkss {

width:89px;

height:31px;

background-image:url(images/mimi_08.png);

float:left;

margin-left:1px;

padding-top:5px;

}





.footer_links1{

width:89px;

height:26px;

float:right;

margin-left:1px;



}

a.footerlinktext:link, a.footerlinktext:visited, a.footerlinktext:active {

text-align:left;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:bold;

font-size:10px;

padding-left:10px;

padding-right:10px;

text-decoration:none;

top:10px;

float:none;

left:-10px;

height:36px;

}

a.footerlinktexta:link, a.footerlinktexta:visited, a.footerlinktexta:active {

text-align:left;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:bold;

font-size:10px;

padding-left:0px;

padding-right:0px;

text-decoration:none;

top:10px;

float:none;

left:-10px;

height:36px;

}



a.footerlinktext:hover {

color:#999999;

}





a.footerlinktext1:link, a.footerlinktext:visited, a.footerlinktext:active {

text-align:left;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:bold;

font-size:10px;

padding-left:10px;

padding-right:10px;

text-decoration:none;

top:10px;

float:none;

left:-10px;

height:15px;

}



a.footerlinktext1:hover {

color:#999999;

}





#styleC

{

					width: 500px;

					height: 405px;

					overflow: auto;

					background-color: transparent;

					padding: 0px;

}





.belowfooter {

width:764px;

height:28px;

float:left;

background-image:url(images/belowfooter.gif);

background-repeat:repeat-x;



}



.bodytext {

color:#FFFFFF;

padding-left:10px;

padding-right:20px;

font-weight:bold;

padding-top:10px;

text-align:justify;

font-family:Geneva, Arial, Helvetica, sans-serif;

}





.clear{

	clear:both;

}

#cssdropdown, #cssdropdown ul {

padding: 0;

margin: 0;

list-style: none;

}



#cssdropdown li {

float: left;

position: relative;

}



.mainitems{

border: 0px solid black;

background-color: transparent;

}



.mainitems a{

margin-left: 6px;

margin-right: 8px;

text-decoration: none;

}





.subuls{

display: none;

width: 10em;

position: absolute;



left: 0;

background-color:#333333;

border: 1px solid black;



}



.subuls li{

width: 100%;

}



.subuls li a{

text-decoration: underline;

}



#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

top: auto;

left: auto;

}



#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */

display: block;

}



#restofcontent { /*wrap rest of content of the page inside this div*/

clear: left;

}

/* general page style ends here */

a:link.sample2 {

color: #999999;

text-decoration: none;

background-color: transparent

}

a:visited.sample2 {

color: #999999;

text-decoration: none;

background-color: transparent

}

a:hover.sample2 {

color: #ffffff;

text-decoration: none;

background-color: transparent

}

a:active.sample2 {

color: #cccccc;

text-decoration: none;

background-color: transparent

}



 .textfield {

margin:3px;

height:20px;

width:200px;

border:solid 0 #ccc;

background: transparent url(images/textAf.gif) no-repeat;

}

.textarea {

margin:3px;

height:220px;

width:250px;

border:solid 0 #ccc;

background: transparent url(images/testAFX.gif) no-repeat;

}

.combo {

margin:3px;

height:20px;

width:145px;

border:solid 0 #ccc;



}

.combo1 {

margin:3px;

height:20px;

width:40px;

border:solid 0 #ccc;



}

.combo2 {

margin:3px;

height:20px;

width:55px;

border:solid 0 #ccc;



}



.combo3 {

margin:3px;

height:20px;

width:200px;

border:solid 0 #ccc;



}



#cssdropdown, #cssdropdown ul {

padding: 0;

margin: 0;

list-style: none;

}



#cssdropdown li {

float: left;

position: relative;

}



.mainitems{

border: 0px solid black;

background-color: transparent;

}



.mainitems a{

margin-left: 6px;

margin-right: 8px;

text-decoration: none;

}



.subuls{

display: none;

width: 10em;

position: absolute;



left: 0;

background-color:#333333;

border: 1px solid black;



}



.subuls li{

width: 100%;

}



.subuls li a{

text-decoration: underline;

}



#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

top: auto;

left: auto;

}



#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */

display: block;

}



#restofcontent { /*wrap rest of content of the page inside this div*/

clear: left;

}

/* general page style ends here */



.style4 {

	font-size: 10px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.style6 {font-size: 12px}

.style7 {

	font-weight: bold;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}

.style8 {

	font-size: 12px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.style9 {font-family: Geneva, Arial, Helvetica, sans-serif}

.style11 {

	color: #FFFFFF;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#dropmenudiv{

position:absolute;

border-bottom-width: 0;

font:normal 10px Verdana;

line-height:10px;

z-index:100;

}



#dropmenudiv a{

width: 100px;

display: block;

text-indent: 3px;

border-bottom: 1px solid black;

text-decoration: none;

font-weight: bold;

text-align:left;

}



#dropmenudiv a:hover{ /*hover background color*/



}





.calendar {

  position: relative;

  display: none;

  border-top: 2px solid #fff;

  border-right: 2px solid #000;

  border-bottom: 2px solid #000;

  border-left: 2px solid #fff;

  font-size: 11px;

  color: #000;

  cursor: default;

  background: #ffffff;

  font-family: tahoma,verdana,sans-serif;

}



.calendar table {

  border-top: 1px solid #000;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #000;

  font-size: 11px;

  color:#660000;

  cursor: default;

  background:  #ffffff;

  font-family: tahoma,verdana,sans-serif;

}



/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;

  padding: 1px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #ccc;

}



.calendar .nav {

  background: transparent url(menuarrow.gif) no-repeat 100% 100%;

}



.calendar thead .title { /* This holds the current "month, year" */

  font-weight: bold;

  padding: 1px;

  border: 1px solid #000;

  background:  #ffffff;

  color:#660000;

  text-align: center;

}



.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}



.calendar thead .daynames { /* Row <TR> containing the day names */

}



.calendar thead .name { /* Cells <TD> containing the day names */

  border-bottom: 1px solid #000;

  padding: 2px;

  text-align: center;

  background: #ffffff;

}



.calendar thead .weekend { /* How a weekend day name shows in header */

  color:#CC0000;

}



.calendar thead .hilite { /* How do the buttons in header appear when hover */

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  border-left: 2px solid #fff;

  padding: 0px;

  background-color:#FC6145;

}



.calendar thead .active { /* Active (pressed) buttons in header */

  padding: 2px 0px 0px 2px;

  border-top: 1px solid #fff;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #fff;

  background-color: #FB2904;

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */

  width: 2em;

  text-align: right;

  padding: 2px 4px 2px 2px;

}

.calendar tbody .day.othermonth {

  font-size: 80%;

  color: #FFFFFF;

}

.calendar tbody .day.othermonth.oweekend {

  color:#FF0000;

}



.calendar table .wn {

  padding: 2px 3px 2px 2px;

  border-right: 1px solid #000;

  background:#FFFFFF;

}



.calendar tbody .rowhilite td {

  background:  #CCCCCC;

}



.calendar tbody .rowhilite td.wn {

  background:  #CCCCCC;

}



.calendar tbody td.hilite { /* Hovered cells <TD> */

  padding: 1px 3px 1px 1px;

  border: 1px solid;

  border-color: #fff #000 #000 #fff;

}



.calendar tbody td.active { /* Active (pressed) cells <TD> */

  padding: 2px 2px 0px 2px;

  border: 1px solid;

  border-color: #000 #fff #fff #000;

}



.calendar tbody td.selected { /* Cell showing selected date */

  font-weight: bold;

  padding: 2px 2px 0px 2px;

  border: 1px solid;

  border-color: #000 #fff #fff #000;

  background: #999999;

}



.calendar tbody td.weekend { /* Cells showing weekend days */

  color:#FF0000;

}



.calendar tbody td.today { /* Cell showing today date */

  font-weight: bold;

  color:#660000;

}



.calendar tbody .disabled { color: #FF0000; }



.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */

  visibility: hidden;

}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */

  display: none;

}



/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */

}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */

  background: #FFFFFF;

  padding: 1px;

  border: 1px solid #000;

  background: #FFFFFF;

  color: #FF0000;

  text-align: center;

}



.calendar tfoot .hilite { /* Hover style for buttons in footer */

  border-top: 1px solid #fff;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #fff;

  padding: 1px;

  background: #CCCCCC;

}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

  padding: 2px 0px 0px 2px;

  border-top: 1px solid #000;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #000;

}



/* Combo boxes (menus that display months/years for direct selection) */



.calendar .combo {

  position: absolute;

  display: none;

  width: 4em;

  top: 0px;

  left: 0px;

  cursor: default;

  border-top: 1px solid #fff;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #fff;

  background: #d8e0e4;

  font-size: 90%;

  padding: 1px;

  z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

  text-align: center;

  padding: 1px;

}



.calendar .combo .label-IEfix {

  width: 4em;

}



.calendar .combo .active {

  background: #FF0033;

  padding: 0px;

  border-top: 1px solid #000;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #000;

}



.calendar .combo .hilite {

  background: #048;

  color: #660000;

}



.calendar td.time {

  border-top: 1px solid #000;

  padding: 1px 0px;

  text-align: center;

  background-color: #ffffff;

}



.calendar td.time .hour,

.calendar td.time .minute,

.calendar td.time .ampm {

  padding: 0px 3px 0px 4px;

  border: 1px solid #889;

  font-weight: bold;

  background-color: #fff;

}



.calendar td.time .ampm {

  text-align: center;

}



.calendar td.time .colon {

  padding: 0px 2px 0px 3px;

  font-weight: bold;

}



.calendar td.time span.hilite {

  border-color: #000;

  background-color: #fff;

  color: #ccc;

}



.calendar td.time span.active {

  border-color: #f00;

  background-color: #ffffff;

  color: #FF0000;

}