/* css based on ripple.org written by keywon chung 2007 */

* {margin:0; padding:0;}
body {font-family:Verdana, Arial, sans-serif; text-align:left; color:#999999; font-size:11px; line-height:21px; background-color:#f7f7f7}
a {color: #b34fff;text-decoration: none;}
a:hover {text-decoration: underline;}
img {border:none}
p {padding-top:2px; padding-bottom:10px}

/* left margin td */
.leftmargin {background:url(images/leftmargin.gif) right top repeat-x; vertical-align:top;}

/* top row: menu */
.menu-wrapper {position:relative; padding-left:0px; width:1024px; height:65px; margin-left:auto; margin-right:auto; display:block; }

.menu-container {float:left;position:relative; }

#topleft {position:relative; width:527px; height:65px; background:url(images/topleft.gif) no-repeat;}

#about {position:relative; width:163px; height:65px; background:url(images/menu_about.gif) no-repeat;}
#about a {height:65px; width:auto; display:block; background:url(images/menu_about.gif) no-repeat;}
#about a:hover {background:url(images/menu_about.gif) right no-repeat;}
#about a.active:link, #about a.active:visited, #about a.active:active, #about a.active:hover {background:url(images/menu_about.gif) right no-repeat;}

#setup {position:relative; width:156px; height:65px; background:url(images/menu_setup.gif) no-repeat;}
#setup a {height:65px; width:auto; display:block; background:url(images/menu_setup.gif) no-repeat;}
#setup a:hover {background:url(images/menu_setup.gif) right no-repeat;}
#setup a.active:link, #setup a.active:visited, #setup a.active:active, #setup a.active:hover {background:url(images/menu_setup.gif) right no-repeat;}

#mba {position:relative; width:178px; height:65px; background:url(images/menu_mba.gif) no-repeat;}
#mba a {height:65px; width:auto; display:block; background:url(images/menu_mba.gif) no-repeat;}
#mba a:hover {background:url(images/menu_mba.gif) right no-repeat;}
#mba a.active:link, #mba a.active:visited, #mba a.active:active, #mba a.active:hover {background:url(images/menu_mba.gif) right no-repeat;}
.pageTable {width:100%; height:100%}

/* bottom row: content */
.content-wrapper {position:relative; float:top; top:0px; left:0px; padding-left:0px; width:1024px; height:100%; margin-left:auto; margin-right:auto; display:block;}

#corner {position:relative; width:527px; height:758px; background:url(images/corner_both.gif) no-repeat;}
#corner a {height:65px; width:auto; display:block; background:url(images/corner_both.gif) no-repeat;}
#corner a:hover {background:url(images/corner_both.gif) right no-repeat;}
#corner a.active:link, #corner a.active:visited, #corner a.active:active, #corner a.active:hover, #corner a.active {background:url(images/corner_both.gif) right no-repeat;}

.leftText  {float:left; position: absolute; top: 758px; left: 0px; padding-bottom:10px}
.license {position:absolute; top: 986px;}

.content-container {float:left; position: absolute; top: 0px; left: 210px; width:800px; height:100%;padding-bottom:20px}
#statement {float:left; position: absolute; top: 540px; left: 0px; width:800px; padding-bottom:0px}
#aboutpix {float:left; position: absolute; top: 770px; left: 0px; width:800px; padding-bottom:20px}
#setuppix {float:left; position: absolute; top: 570px; left: 0px; width:800px; padding-bottom:20px}
#mbapix {float:left; position: absolute; top: 670px; left: 0px; width:800px; padding-bottom:0px}
.flashcontent {float:left; position: absolute; top: 0px; left: 0px; width:800px;padding-bottom:20px}

.hrBar { color: #eeeeee; background-color: #eeeeee; height: 2px; width:100%; margin:5px 0 5px 0;}