/* www.michelleyeoh.info */
html {margin:0; padding:0;}

/*#mainbody {margin:0; padding:0; background-color:#999999;font-family: serif; font-size:14px;}*/
#mainbody {margin:0; padding:0; background-color:#999999;font-family: Serif; Arial, Helvetica, Sans-Serif; font-size:14px;}

#containerfix {width:1000px; border:2px solid black; color:#5c5c5c; background-color:#FFFFFF; }
#containerflex {width:99%; border:2px solid black; color:#5c5c5c; background-color:#FFFFFF; }

#maintop {height:90px; padding:15px; color:#C6BE14; font-family: arial, serif; font-size:12px; background-color:#222d7c; background-image:url(Images/curtain_topw.jpg);  background-repeat:repeat-x; }
#boxright {float:right; border:0; text-align:center;}
.boxtext {margin-top:20px; margin-right:60px; font-weight:bold;}
.boxtext a:link { color: #C6BE14; text-decoration:none }
.boxtext a:visited { color: #C6BE14; text-decoration:none }
.boxtext a:hover { color: #999933; text-decoration:none  }
.boxtext a:active { color: #999933; text-decoration:none }

#mainlong {margin-right:30px; margin-left:38px;}
#main {margin-right:222px; margin-left:38px; }

#mainright {float:right; margin-top:-10px; margin-left:15px; margin-bottom:10px; margin-right:-232px; _margin-right:-120px; width:222px; height:828px; }
#mainrightlong {float:right; margin-top:-10px; margin-left:15px; margin-bottom:30px; margin-right:-40px; width:222px; height:828px;}
.innerright {margin-top:0;margin-left:11px;}
#righttop {width:222px; height:15px; background-image:url(Images/boxw1.jpg);}
#rightmain { _margin-top:-4px; width:222px; height:800px; _height:790px;  background-image:url(Images/boxw2.jpg); }
#rightbot { width:222px; height:13px; background-image:url(Images/boxw3.jpg);}

#footer {clear:left; width:100%; color:#C6BE14; font-family: arial, sans-serif, serif; font-size:12px; text-align:center; padding: 10px 0; background-color:#222d7c; background-image:url(Images/curtblue.jpg);}
#footer a:link { color: #C6BE14; text-decoration: underline }
#footer a:visited { color: #C6BE14; text-decoration: underline }
#footer a:hover { color: #999933; text-decoration: none  }
#footer a:active { color: #999933; text-decoration: underline }

#mainframe {width:199px; height:800px; _height:790px; frameborder:0; overflow-x: hidden; overflow-y: auto; /*overflow:auto; */ margin:0; padding:0; }

.innertube {padding:10px;}
.innertube a:link { color:#990000; text-decoration:underline }
.innertube a:visited { color:#660000; text-decoration:underline }
.innertube a:hover { color:#999933; text-decoration:none  }
.innertube a:active { color:#999933; text-decoration:underline }

img.l0b0 {float:left; margin: 0px; border:0; }
img.l0b1 {float:left; margin: 0px; border:1px solid; }
.borderit img{margin:10px; border: 2px solid #ffffff;}
.borderit:hover img{border: 2px solid #999933;}
.borderred img{border: 2px solid #990000;}
.borderred:hover img{border: 2px solid #999933;}

table.col { border-collapse:collapse; } 
table.col td {padding:5px}
table.cen {margin-left:auto; margin-right:auto;}
td.nw {vertical-align:top; white-space:nowrap; }
td.vtop {vertical-align:top; }

.blue {color:#003399;}
.blueb {color:#003399; font-weight:bold;}
.bluebl {color:#003399; font-weight:bold; font-size:16px;}
.bluelarge {color:#003399; font-family:helvetica; font-weight:bold; font-size:18px}
.bluesmall {color:#003399; font-family:helvetica; font-weight:bold; font-size:15px}
.bluesmallx {color:#003399; font-family:helvetica; font-weight:bold; font-size:13px}
.yellow {color:#ffff33; font-weight:bold}
.yellowsmall {color:#ffff33; font-weight:bold; font-size:15px}
.redb {color:#990000; font-weight:bold;}
.redsmall {color:#990000; font-family:helvetica; font-weight:bold; font-size:15px}
.redlarge {color:#990000; font-family:helvetica; font-weight:bold; font-size:18px}

.mcentered {margin-left:auto; margin-right:auto;}
.centered {text-align:center;}
.footdate {margin-right:40px; margin-top:40px; margin-bottom:20px; text-align:right; font-size:12px;}

.lleft {float:left; margin-top:5px; margin-bottom:5px; margin-right:10px; }