body{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#504301}
.wrap{}
.header{ height:157px; background:url(../img/header-bg.gif) repeat-x top;}
.header .mid{ width:900px; margin:0 auto; position:relative}
.header .mid .caption{ position:absolute; left:53px; top:118px; color:#253a95}
.header .logo{ float:left}
.header .searchbar{ float:right; width:240px; padding-top:13px}
.header .searchbar p{ margin-bottom:13px; overflow:hidden; _display:inline-block}
.header .searchbar .txt{ padding:3px; border:#d3d2d2 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#909090; width:160px; margin-left:3px; float:left}
.header .searchbar .search{float:right; margin-left:5px}

.main{ background:url(../img/sea.jpg) no-repeat center top; _display:inline-block}

.nav{width:900px; margin:0 auto; height:40px}
.nav ul{ display:block; clear:both; background:#ffffff}
.nav ul li{ overflow:hidden; float:left; height:40px}
.nav ul li a{ display:block; float:left; background:url(../img/nav.png) no-repeat -1px top; height:33px; line-height:30px; padding-left:15px; color:#FFFFFF; font-size:11px; font-weight:bold;text-transform:uppercase; cursor:pointer}
.nav ul li a:hover{ text-decoration:none}
.nav ul li span{ float:left; display:block;background:url(../img/nav2.png) no-repeat left top; width:12px; height:33px;}

.nav ul .active{ background:url(../img/nav-arrow.gif) no-repeat center bottom;}
.nav ul .active a{display:block; float:left; background:url(../img/nav.png) no-repeat -1px -33px; line-height:30px; padding-left:15px; color:#FFFFFF; font-size:11px; font-weight:bold; }
.nav ul .active span{ float:left; background:url(../img/nav2.png) no-repeat left -33px;}

.main .mid{ width:980px; margin:0 auto; margin-top:-1px}
.main .mid .mid-h{ background:url(../img/mid-head.png) no-repeat center bottom;_background:url(../img/mid-head.gif) no-repeat center bottom; height:12px; _display:inline-block}
.main .mid .mid-m{ background:url(../img/mid-mid.png) repeat-y center top;_background:url(../img/mid-mid.gif) repeat-y center top; padding:10px 0px; _display:inline-block; margin-top:-1px; }

.topic{ background:url(../img/topic-bg.gif) no-repeat 0px -5px; width:897px; margin:0 auto; height:101px; clear:both}
.topic .breadcrumb{ padding-left:225px;  overflow:hidden; _display:inline-block; padding-top:20px;}
.topic .breadcrumb li { float:left;}
.topic .breadcrumb li a{ color:#FFFFFF; font-size:10px; display:block; float:left; height:20px; line-height:20px; display:block; padding-left:15px; background:url(../img/level2.gif) no-repeat left}
.topic .breadcrumb .first a{ width:44px; background:url(../img/home.gif) no-repeat; overflow:hidden; text-indent:-9999px; padding:0px;}
.topic .breadcrumb .last a{ font-style:italic; background:url(../img/last.gif) no-repeat left;}
.topic h2{padding-left:225px;padding-top:15px; color:#FFFFFF; font-size:24px }

.sidebar{ width:225px; float:left;  margin-top:30px}
.sidebar .sidebar-h{ height:17px; width:225px; background:url(../img/sidebar-head.png) no-repeat 0px}
.sidebar .sidebar-m{ width:225px; background:url(../img/sidebar-mid.png) no-repeat top left;min-height:150px;_height:150px}
.sidebar .sidebar-f{ height:16px; width:225px; background:url(../img/sidebar-footer.png) no-repeat 0px}
.sidebar h2{ font-size:14px; margin-left:60px; padding-bottom:10px; color:#575eb1; padding-top:10px; letter-spacing:-1px}
.sidebar .sidenav{ margin-left:60px; color:#666c9a}
.sidebar ul a{color:#666c9a;font-size:10px;}
.sidebar ul li{ display:block;}
.sidebar ul li a{ display:block;font-weight:bold; background:url(../img/sidebar-li.gif) no-repeat left 3px; padding-left:12px; padding:4px 5px 4px 12px;width:130px;}
.sidebar ul li ul li a{ background:url(../img/sidebar-dd.gif) no-repeat 8px 3px; padding:4px 5px 4px 18px;width:130px;}
.sidebar ul li ul li ul li a{ background:none;padding:3px 5px 3px 18px; margin-left:5px; width:130px;}
.sidebar ul li ul li ul li ul li a{ background:none;padding:3px 5px 3px 18px; margin-left:15px; width:130px;}
.sidebar .active{background-image:none; background:#c9cbdc}


.maincontent{ width:710px; float:left; margin-left:10px; _display:inline}
.maincontent .content-h{ background:url(../img/content-head.gif) no-repeat; height:19px;}
.maincontent .content-m{ background:url(../img/content-mid.gif) repeat-y;zoom:1; padding:10px 25px; min-height:350px; _height:350px}
.maincontent .content-f{ background:url(../img/content-footer.gif) no-repeat; height:40px;}

.useredit{ font-size:11px; color:#504301; margin-right:30px}
.useredit a{ color:#0029a0; text-decoration:underline}
.useredit h2{ color:#ce152c; margin-bottom:15px}
.useredit p{ margin-bottom:15px}
.useredit ul{ margin-bottom:15px; padding-left:10px}
.useredit ul li{ background:url(../img/user-li.gif) no-repeat 0px 3px; padding:3px 0px ;padding-left:20px;}

.bemember { background:url(../img/subtitle.gif) no-repeat -1px top; padding:20px 30px; position:relative}
.bemember h2{ color:#FFFFFF}
.bemember h3{ font-weight:bold; color:#ce152c }
.bemember .line{ width:95%; background:url(../img/line.gif) repeat-x; height:5px; margin:10px 0px}
.bemember table{ width:560px; border-collapse:collapse}
.bemember table tr td{ padding:5px; vertical-align:top}
.bemember .txt{ padding:3px; border:#d3d2d2 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#504301; width:80px;}
.bemember select{padding:2px; border:#d3d2d2 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#504301; width:248px;}
.sub{ background:#f0eee1; border:#d3d2d2 1px solid; text-align:right; padding:2px; overflow:hidden; _display:inline-block; margin-top:15px; margin-right:30px}
.sub .submit{ background:url(../img/submit.gif) no-repeat top left; width:74px; height:30px; float:right} 
.sub .submit:hover{ background:url(../img/submit.gif) no-repeat 0px -30px; width:74px; height:30px;}

.bemember .contact{ background:url(../img/contact-bg.png) no-repeat; padding:50px 40px 10px 30px; width:210px; display:block; height:235px; position:absolute; right:-40px; top:10px;_right:-10px;}
.bemember .contact p{ margin:10px}
.bemember .pay{ float:right; width:260px; margin-right:30px; _display:inline; margin-top:-10px}
.bemember .pay table{ width:260px}

#pay{background:url(../img/subtitle-pay.gif) no-repeat top left; padding:20px; padding-left:40px; width:620px; padding-top:30px}

.total { background:url(../img/total.png) no-repeat; padding:20px; padding-left:40px; width:280px; display:block; height:43px;  font-style:italic; position:absolute; top:-10px; right:-10px }

#order{ padding-top:15px}
.table2 tr th{ text-align:left; vertical-align:top; color:#FFFFFF}
.table2 tr th .thin{ font-weight:100}

.list_nav .previous{ background:url(../img/previous.gif) no-repeat scroll 0 3px}
.list_nav .next{background:url(../img/next.gif) no-repeat scroll 0 3px}
.list_nav a{ color:#575EB1; cursor:pointer}


.footer{ background:url(../img/footer.png) no-repeat; _background:url(../img/footer.gif) no-repeat;width:929px; margin:0 auto; overflow:hidden; _display:inline-block; padding-bottom:30px}
.footer .info{ font-size:14px; text-align:center; letter-spacing:-1px; padding-top:30px; padding-bottom:20px;_display:inline-block}
.footer .info a{color:#504301}
.footer .links{ float:left; padding-left:20px; font-size:10px}
.footer .links a{font-size:10px; color:#504301}
.footer .copyright{ float:right; padding-right:20px;font-size:10px}

.page{ background:url(../img/page.gif) no-repeat left top ; width:625px; height:43px; overflow:hidden; _display:inline-block}
.page .previous{ width:100px; height:30px; float:left}
.page ul{ width:280px; float:left; margin-top:6px; margin-left:140px; _display:inline; border-left:1px solid #d99d2a}
.page ul li{ float:left; height:23px; line-height:24px; width:23px; border-right:1px solid #d99d2a}
.page ul li a{ display:block; text-align:center; background:url(../img/page-bg.gif) left top;height:23px; line-height:24px; width:23px;}
.page ul .active a{ background:url(../img/page-active.gif) left top;}
.page .next{ width:90px; height:30px; float:right}
.page a { color:#FFFFFF;}

.searchagain{ padding-left:150px; overflow:hidden; _display:inline-block; margin-bottom:20px; padding-top:10px}
.searchagain h3{ font-weight:bold; color:#ce152c; width:120px; float:left}
.searchagain .txt{padding:3px; border:#d3d2d2 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#909090; width:160px; margin-left:3px; float:left}
.search2{ width:80px; height:25px; background:url(../img/search-hover.gif) no-repeat left top; float:left; margin-top:-3px; }
.search2:hover{ background-position:0px -24px}

.result{ background:url(../img/search-bg.gif) no-repeat left top; width:556px; padding:18px 22px; overflow:hidden; _display:inline-block; margin-bottom:15px;}
.result .left{ width:400px; float:left}
.result h3{ margin-bottom:10px}
.result h3 a{ color:#00299f; font-size:12px; text-decoration:underline}
.result .readmore{ background:url(../img/readmore.gif) no-repeat left top; width:99px; height:25px; float:right; margin-top:20px}
.result .readmore:hover{ background-position:0px -25px;}

.home{background:url(../img/homebg.png) no-repeat left -2px; width:947px; height:550px; margin:0 auto; _margin-top:-2px; clear:both}
.home a{ color:#0029a0; font-weight:bold}
.home a:hover{ color:#5160fd}
.home .flash{ width:650px; height:253px; background:#FF0000; float:left; margin-left:24px; margin-top:20px; _display:inline}
.home .info1{  float:left;  margin-left:36px; margin-top:48px; width:300px; line-height:160%;_display:inline; height:180px; overflow:hidden}
.home .info1 img{ float:left; margin-right:10px;}
.home .info1 p{ padding-top:30px;}
.home .info2{  float:left; margin-left:36px; margin-top:48px; width:300px; line-height:160%;_display:inline;height:180px; overflow:hidden}
.home .info2 img{ float:left; margin-right:10px;}
.home .info2 p{ padding-top:30px;}

.homeright{ width:250px; float:right}
.homeright .upcoming{ margin-left:20px; margin-top:70px; clear:both; overflow:hidden; _display:inline-block; height:75px;}
.homeright .upcoming img{ float:left; margin-right:10px}
.homeright .upcoming p{ float:right; width:140px; margin-bottom:10px; margin-right:20px; _display:inline}

.homeright .become{ margin-top:35px; height:92px;}
.homeright .become a{ display:block; width:250px; height:46px; }

.homeright .infolink{ margin-top:55px; width:180px; margin-left:15px; height:125px; overflow:hidden}
.homeright .infolink li{ background:url(../img/aarow.gif) no-repeat left 2px; padding-left:10px; margin:5px 0px}

.homeright .servicelink{ margin-top:20px; width:230px; margin-left:15px; height:55px; overflow:hidden}
.homeright .servicelink li{ background:url(../img/aarow.gif) no-repeat left 2px; padding-left:10px; margin:5px 0px}
.homeright .servicelink li a{ font-weight:100}

.event{overflow:hidden; clear:both; min-height:200px; _height:200px;_overflow:visible;background:url(../img/eventbg2.gif) no-repeat left top; padding:0px 30px; width:540px; padding-bottom:30px}
.event h3{ font-weight:bold; color:#ce152c; width:330px; margin-top:25px;}
.event .date{font-weight:bold; font-size:12px}
.event p{width:330px; margin-bottom:15px;}
.event .readmore{ background:url(../img/readmore.gif) no-repeat left top; width:99px; height:25px; float:left; }
.event .readmore:hover{ background-position:0px -25px;}
.event img{ float:right; margin-right:31px; margin-top:6px; _display:inline;width: 115px; height: 155px;}
.event .viewpdf{ background:url(../img/viewpdf.gif) no-repeat left -3px; height:26px; float:left; line-height:24px; color:#FFFFFF; padding-left:10px }
.event .viewpdf span{background:url(../img/viewpdf.gif) no-repeat right -3px; float:left;height:26px; padding-right:15px; font-weight:bold; cursor:pointer }
.event .viewpdf:hover{ background-position:left -32px;}
.event .viewpdf:hover span{background-position:right -32px;}

#home .footer{ _background:url(../img/footer.png) no-repeat;}