body { margin:0; padding:0; width:100%; background:#00667F url(../cmimages/backBody01.jpg) repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; font-family:"Trebuchet MS"; font-size:12px }

li.bg, .bg { clear:both; padding:0; margin:0; background:none;}
p.clr, .clr, li.clr { clear:both; padding:0; margin:7px; background:none;}
.clr2 { clear:both; padding:0; margin:20px; background:none;}
.clr3 { clear:both; padding:0; margin:0px; background:none;}

.button a { display: inline-block; text-decoration: none; }
.button ol { margin: 0; padding: 0; list-style: none; }
.button ol li { list-style-type: none; background: none; }
.button ol li a, .button ol li a:visited { margin: 0 0 5px 0; padding: 5px 7px; line-height:22px; color: #fff; text-shadow: 0px 0px 3px #000; background: transparent url(../cmimages/backMenu01.jpg) repeat-x; font-family: 'Trebuchet MS'; font-size: 12px; font-weight:bold;
 -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #003366 }
.button ol li a:hover { color: #fff; text-shadow: 0px 0px 3px #000; background: url(../cmimages/backMenu01.jpg) repeat-x; }

.textbox50 { font-family: 'Trebuchet MS'; font-size:12px; padding:3px; background-color: #efefef; color:#000; border: 1px solid #ccc; padding:5px; width: 50px}
.textbox150 { font-family: 'Trebuchet MS'; font-size:12px; padding:3px; background-color: #efefef; color:#000; border: 1px solid #ccc; padding:5px; width: 150px}
.textbox500 { font-family: 'Trebuchet MS'; font-size:12px; padding:3px; background-color: #efefef; color:#000; border: 1px solid #ccc; padding:5px; width: 500px}
.textboxFull { font-family: 'Trebuchet MS'; font-size:12px; padding:3px; width:170px; background-color: #efefef; color:#000; border: 1px solid #ccc; padding:5px; width: 98%}

.width140 { width: 140px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width450 { width: 450px; }
.width100P { width: 100%; }
.paddingLeft10 { padding-left: 10px }
.center { text-align:center }
.tableColor1 { background-color: #dedede; }
.tableColor2 { background-color: #efefef; }
.noBorder { border:0 }

.grid { width:100%; border:1px solid #efefef;}
.gridPager { background-color:#efefef; border:0 }
.gridRow { border:0 }
.gridAlternateRow { background-color:#fbfbfb; border:0 }
.gridHeader { background-color:#efefef; border:0 }
.gridFooter { background-color:#efefef; border:0 }

/*********** comboBox ******************/
.comboboxContainer { border-left: solid 1px #888; border-top: solid 1px #888; border-right: solid 1px #888; border-bottom: solid 1px #888; background:#999999; height:26px; } 
.comboboxValueContainer { background: #999; height:26px } 
.comboboxValueContent { padding-left: 3px; text-transform: uppercase; } 
.comboboxDropDownContainer { border-right: solid 1px #000; border-bottom: solid 1px #000; border-left: solid 1px #aaa; border-top: solid 1px #aaa; background: #fff; overflow: hidden; padding-left: 3px; } 
.comboboxDropDownButton { width: 36px; height: 26px; background-image: url(../img/comboButton.jpg); } 
.comboboxGroupItemHeader { display: block; background: #99cccc; color: #000; font-family: Impact; } .comboboxGroupItemContainer { padding-left: 10px; } 
.comboboxItem { background: #fff; color: #000; text-transform: lowercase; font-weight: normal; font-style: normal; } .comboboxItemHover { background-color: #999; color: #fff; text-transform: uppercase; padding-left: 4px; }

/********** header **********/
.header { margin:0 auto; width:88%; height:60px; vertical-align:top; }
.headerCell1 { float:left; width:33%; padding-top:10px; color:#fff; }
.headerCell2 { float:left; width:34%; text-align:center; padding-top:20px; color:#fff; }
.headerCell3 { float:left; width:33%; text-align:right; padding-top:20px; color:#fff; }
.headerCell2 a, .headerCell2 a:visited { color:#fff; text-decoration:none; font-weight:bold }
.headerCell3 a, .headerCell3 a:visited { color:#fff; text-decoration:none; font-weight:bold }

/* menu */
.menuContainer { margin:0 auto; width:89%; padding: 0}
.leftCell { float:left; width:50%}
.rightCell { float:left; width:50%;  text-align:right; }
.celica { width:100%; text-align:right; }

.menu { padding:0; height:36px; }
.menu ul { padding:0; list-style:none; border:0; margin: 0; }

.menu ul li { float:left; margin:0; padding:0; border:0; }
.menu ul li a { float:left; margin:0 -1px 0 0; padding:10px 0; font-family:"Book Antiqua"; font-weight: bold; font-size:13px; color:#fff; text-decoration:none; background: url(../cmimages/backMenu01.jpg) repeat-x; border: 1px solid #003366}
.menu ul li a span { padding:11px 11px; background: url(../cmimages/backMenu01.jpg) repeat-x;}
.menu ul li a:hover { background: url(../cmimages/backMenu02.jpg) repeat-x;}
.menu ul li a:hover span { background: url(../cmimages/backMenu02.jpg) repeat-x;}
.menu ul li a.active { background: url(../cmimages/backMenu02.jpg) repeat-x;}
.menu ul li a.active span { background: url(../cmimages/backMenu02.jpg) repeat-x;}


.subMenu { height:35px; padding-left:0px; width:89%; margin:0 auto; background: url(../cmimages/backSubMenu01.jpg) repeat-x; }
.subMenu ul { padding:0; list-style:none; border:0; margin: 0;  }

.subMenu ul li { float:left; margin:0; padding:0; border:0; }
.subMenu ul li a { float:left; margin:0 -1px 0 0; padding:7px 0; font-family:"Book Antiqua"; font-weight: bold; font-size:13px; color:#111; text-decoration:none; background: url(../cmimages/backSubMenu01.jpg) repeat-x; border: 1px solid #888}
.subMenu ul li a span { padding:6px 11px; background: url(../cmimages/backSubMenu01.jpg) repeat-x;}
.subMenu ul li a:hover { background: url(../cmimages/backSubMenu02.jpg) repeat-x;}
.subMenu ul li a:hover span { background: url(../cmimages/backSubMenu02.jpg) repeat-x;}
.subMenu ul li a.active { background: url(../cmimages/backSubMenu02.jpg) repeat-x;}
.subMenu ul li a.active span { background: url(../cmimages/backSubMenu02.jpg) repeat-x;}

/********** body **********/

.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:1.8em;}
.body a { color:#000035; text-decoration:none; font-weight:bold; }
.body {	width:90%; margin:-1px auto; auto; padding:0; background: #d5d5d5; margin-bottom: 30px; }
.bodyContainer { padding: 0px 7px 2px 7px; clear:both; }

.banner { border:5px solid #866927; background: url(../cmimages/banner01.jpg) no-repeat; height:240px; }
.bannerContent { padding-top: 30px; padding-right:48px; text-align:right }

.contentFull { width: 100%; background: #fff; margin-top:-20px; border: 1px solid #ccc }
.contentHeader { height: 44px; border-bottom: 1px solid #dedede; padding-left: 42px; padding-top:18px; background:#efefef}
.contentFooter { height: 44px; border-top: 1px solid #dedede; padding-left: 27px; padding-top:18px; padding-bottom:12px; background:#efefef; }
.contentMessage { height: 24px; border-top: 1px solid #dedede; padding-left: 42px; padding-top:13px; padding-bottom:8px; background:#dedede; color:red; text-align:center }
.content { padding-left:42px; padding-top: 30px; padding-right:42px; padding-bottom:40px;}
.control { padding-bottom: 20px; }
.validation { color:red; text-align:left }

.contentTableColor { width:100%; height:21px; background: url(../cmimages/backTable01.jpg) repeat-x; color:#fff }
.contentTableBlank { width:100%; height: 21px; }

.width80 { float:left; width:80px; padding-left: 5px; padding-top:2px }
.floatLeft { float:left; padding-left:15px; }

.title1 { font-family:"Book Antiqua"; font-size: 22px; font-weight:bold; color: #444; }
.title2 { font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; color: #000034; }
.title3 { font-family:"Book Antiqua"; font-size:24px; color: #000034 }
.title4 { font-family:"Book Antiqua"; font-size:24px; color: #fff; font-weight:bold }
.title5 { font-family:"Book Antiqua"; font-size:13x; font-weight:bold; color: #705820 }

.text4 { font-size:13px; color: #fff}

.italic { font-style:italic }
.right { padding-left:800px }

.references { background: #999; height:90px; padding:15px; margin-top:7px }

.footer { background: url(../cmimages/backFooter01.jpg) repeat-x; width: 100%; height: 322px; }
.footerContent { width: 88%; padding:0; margin:0 auto; }
.copyright { color:#fff; padding-bottom:50px }
.copyright a { color:#fff; text-decoration:none}
.copyrightCell1 { float:left; width: 50%; padding-left:0px }
.copyrightCell2 {float:left; width: 50%; text-align:right; padding-right:0px }

.paddingLeft40 { padding-left:40px}


/********LOGIN*************/
.headerLogin { padding-top:45px; margin-bottom:20px; width:270px; margin:0 auto; padding-bottom:10px; color:#fff }
.bodyLogin { width:270px; margin:-1px auto; auto; padding:0; background: #d5d5d5; }
.bodyLoginContainer { padding: 0px 7px 2px 7px; clear:both; }
.contentLogin { width: 100%; background: #fff; border: 1px solid #ccc }
.contentLoginFooter { height: 44px; border-top: 1px solid #dedede; padding-left: 27px; padding-top:18px; padding-bottom:12px; background:#efefef; text-align: right; padding-right:52px; }
.contentLoginMessage { height: 24px; border-top: 1px solid #dedede; padding-top:13px; padding-bottom:8px; background:#dedede; color:red; text-align:center }
.copyright { padding-top:10px; margin-bottom:20px; width:270px; margin:0 auto; padding-bottom:30px; color:#fff; text-align: right;  }


/********TINYMCE***************/
.tinymce { background:#fff }