* { margin:0; padding:0;}
body { background:#fff; background:url(../images/body_bgd.gif) left top repeat-x #13579e; background-position: 0 15px; font-family:Tahoma; font-size:100%; line-height:1em; color:#696d50;}


.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

p { margin:0; padding:0;}

.tall_top { background:url(../images/tall_top.gif) left top repeat-x #ffbb00;}
.tall_bottom { background:url(../images/tall_bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { }
.form input {width:286px; height:24px; background:#fef9e2; border:1px solid #ffc36e; font-size:1em; color:#696d50; font-family:arial;}
textarea { width:298px; height:116px; background:#fef9e2; overflow:auto; border:1px solid #ffc36e; font-size:1em; color:#696d50; font-family:arial;}

.input1 { width:260px; height:20px; border:1px solid #54b8e7; background:#1e9ed5; font-size:1em; color:#fff; font-family:tahoma; padding-top:2px;}


/*==================list====================*/
ul { list-style:none;}
ol { list-style:none;}

.list1 li a { background:url(../images/marker.gif) no-repeat 0 6px; padding-left:20px; color:#167091; font-weight:bold; line-height:1.636em;}

.list2 { float:left; margin-top:1px;}
.list2 li { display:inline;}
.list2 li a { display:block; float:left; width:127px; height:50px; text-align:center; color:#247694; font-weight:bold; font-size:1.09em; background:url(../images/list2_bgd_off.gif) no-repeat left top; line-height:50px; font-family:arial;}
.list2 li a:hover { background:url(../images/list2_bgd_on.gif) no-repeat left top; color:#000;}
.list2 li a.current {background:url(../images/list2_bgd_on.gif) no-repeat left top; color:#000; text-decoration:none;}

ol li { color:#ff8e00; font-weight:bold; font-family:arial; font-size:1.09em; list-style:decimal; list-style-position:inside;}
ol li a { color:#60b6d5; font-weight:normal; line-height:2.5em;}


/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}


/*==================txt, links, lines, titles====================*/
a {color:#696d50;}
a:hover{text-decoration:none;}

/*h1 { background:url(../images/logo.jpg) no-repeat left top; text-indent:-10000px; height:55px;} */
h1 { font-family:arial; color:#3397bc !important; font-size:1.09m; font-weight:bold; margin-bottom:3px;}
h2 { font-family:arial; color:#3397bc; font-size:1.636em; font-weight:normal; margin-bottom:3px;}
h3 { font-size:1.09em; color:#167091; margin-bottom:1px;}
h4 { color: #BCBCBC; font-size:1em; margin-bottom:5px; font-weight:normal;}
h4 a {color:#3397bc;}
h5 { color:#333; font-size:1em; margin-bottom:10px;}
h6 { font-size:1em; margin-bottom:14px;}
h6 a {color:#60b6d5; font-weight:normal;}

.txt1 { color:#333;}
.txt2 { }

.link1 { color:#60b6d5;}
.link2 { color:#167091;}
.line_hor { background:url(../images/line2.gif) left bottom repeat-x;}

.title { margin-bottom:15px;}




/*==================blocks====================*/
.block { background:#fff; width:768px;}
.block .r { background:url(../images/r.gif) right top repeat-y;}
.block .b { background:url(../images/b.gif) left bottom repeat-x;}
.block .l { background:url(../images/l.gif) left top repeat-y;}
.block .r_b { background:url(../images/r_b.gif) no-repeat right bottom; width:100%;}
.block .l_b { background:url(../images/l_b.gif) no-repeat left bottom; width:100%;}
.block .ind { padding:0 25px 54px 26px;}

.block1 { width:680px; background:url(../images/block1_bgd.gif) left top repeat-x #fef8de;}
.block1 .r_b { background:url(../images/r_b_1.gif) no-repeat right bottom; width:100%;}
.block1 .l_b { background:url(../images/l_b_1.gif) no-repeat left bottom; width:100%;}
.block1 .ind1 { padding:33px 0 36px 40px;}

.link_but { background:url(../images/link_but_bgd.gif) left top repeat-x #198fea; width:137px;}
.link_but .left { background:url(../images/link_but_left.gif) no-repeat left top;}
.link_but .right { background:url(../images/link_but_right.gif) no-repeat right top;}
.link_but .ind1 { padding:0 0 3px 0; text-align:center;}
.link_but .ind1 a { color:#fff; text-decoration:none; font-weight:bold; line-height:20px;}
.link_but .ind1 a:hover { color:#000;}

.link_but1 { background:url(../images/link1_but_center.gif) left top repeat-x #198fea; width:137px;}
.link_but1 .left { background:url(../images/link1_but_left.gif) no-repeat left top;}
.link_but1 .right { background:url(../images/link1_but_right.gif) no-repeat right top;}
.link_but1 .ind1 { padding:0 0 3px 0; text-align:center;}
.link_but1 .ind1 a { color:#fff; text-decoration:none; font-weight:bold; line-height:20px;}
.link_but1 .ind1 a:hover { color:#000;}

.title_block { background:#ffbc00; width:680px; height:41px; margin-bottom:28px;}
.title_block .left { background:url(../images/title_block_left.gif) no-repeat left top;}
.title_block .right { background:url(../images/title_block_right.gif) no-repeat right top;}
.title_block .ind { padding:0 0 0 0;}
.title_block img { margin:14px 0 7px 25px;border: 1px solid; }


/*header*/
#header .row_1 { width:935px;height:116px; }
#header .row_1 .col_1 { width:280px; height:116px; }
#header .row_1 .col_2 { width:655px;   }
#header .row_1 .col_2 .box1 { height:68px; text-align:right;}
#header .row_1 .col_3 {width:663px; padding-left:2px;white-space: nowrap; }
#header .row_1 .col_2 .box1 .indent { padding:27px 0 0 0;}
#header .row_1 .col_1 .indent { padding:0 0 0 16px;line-height:18px;}
#header .row_2 { height:296px; background:url(../images/header_bgd3----.jpg) no-repeat left top;}
#header .row_2 .col_1 { width:250px;height:296px;}
#header .row_2 .col_1 .indent_1 { margin: 11px 0 0 25px; height: 135px; padding:4px 0 0 16px; background:url(../images/header_banner1.gif) no-repeat left top;color:blue;}

.row_2 .col_1 .indent_1 a  {color:#000;text-decoration:none;font-family:arial, verdana, sans-serif; font-size:15px; line-height:20px; position:absolute;font-weight:bold;display:block; height:25px;width:185px;}
.row_2 .col_1 .indent_1 a:hover {color:#fff;}
.row_2 .col_1 .indent_1 a:active {color:red;}

.row_2 .col_1 .indent_2 a  {color:#fff;text-decoration:none;font-family:arial, verdana, sans-serif; font-size:15px; line-height:20px; position:absolute;font-weight:bold;display:block; height:25px;width:185px;}
.row_2 .col_1 .indent_2 a:hover {color:#000;}
.row_2 .col_1 .indent_2 a:active {color:red;}

#header .row_2 .col_1 .indent_2 { margin: 0 0 0 25px; height: 135px;padding:4px 0 0 16px; background:url(../images/header_banner2.gif) no-repeat left top;color:yellow;}
#header .row_2 .col_1 img { margin-bottom:9px; color:#fff;}
#header .row_2 .col_2 { margin:11px 0 0 0;width:505px;height:20px;background:url(../images/test1.jpg) no-repeat left top;}
#header .row_2 .col_2 .slogan { margin:0 0 21px 9px;}
#header .row_2 .col_2 .indent { padding:47px 0 0 15px;}

#header .row_4 { height:200px; background:url(../images/header_bgd3.jpg) no-repeat left top;}
#header .row_4 .col_1 { width:237px;}
#header .row_4 .col_1 .indent { padding:12px 0 0 26px;}
#header .row_4 .col_1 img { margin-bottom:9px;}
#header .row_4 .col_2 { width:197px;}
#header .row_4 .col_2 .slogan { margin:0 0 21px 9px;}
#header .row_4 .col_2 .indent { padding:47px 0 0 15px;}



/*content*/
#content { line-height:1.27em;}

/*footer*/
#footer { color:#fff;}
#footer .col_1 { width:650px; height:40px; background:url(../images/footer_bgd.gif) no-repeat 33px 17px;}
#footer .col_1 .indent { padding:20px 0 0 66px;}
#footer .col_1 a { color:#ffbc00;}
#footer .col_2 { width:250px; background:url(../images/footer_line.gif) no-repeat 0 18px;}
#footer .col_2 span { background:url(../images/footer_marker.gif) no-repeat 0 3px; padding-left:20px;}
#footer .col_2 .indent { padding:20px 0 3px 25px;}
#footer .col_2 a { color:#60b6d5;}



/*================== index.html ==================*/
#page1 #content .row_1 .col_1 .indent { padding:13px 50px 0 35px;}
#page1 #content .row_1 .col_1 p { margin:14px 0 16px 0;}
#page1 #content .row_1 .col_2 .title { margin-bottom:28px;}
#page1 #content .row_1 .col_2 ul { margin-left:3px;}
#page1 #content .row_1 .col_2 .container { width:289px;}
#page1 #content .row_1 .col_2 .column1 { width:185px;}
#page1 #content .row_1 .col_2 .column2 { width:104px;}
#page1 #content .row_1 .col_2 .indent { padding:13px 0 0 0;}
#page1 #content .row_2 .container { width:690px;}
#page1 #content .row_2 .column1 { width:175px;}
#page1 #content .row_2 .column2 { width:515px;}
#page1 #content .row_3 p { margin-bottom:13px; color:#727272;}
#page1 #content .row_3 .col_1 .container { width:266px;}
#page1 #content .row_3 .col_1 .column1 { width:68px;}
#page1 #content .row_3 .col_1 .column1 img { margin:1px 0 0 25px;}
#page1 #content .row_3 .col_1 .column2 { width:196px; padding-top:3px;}
#page1 #content .row_3 .col_2 .container { width:271px;}
#page1 #content .row_3 .col_2 .column1 { width:41px;}
#page1 #content .row_3 .col_2 .column2 { width:230px; padding-top:3px;}

/*================== index-1.html ==================*/
#page2 #content .row_1 .col_1 .indent { padding:13px 60px 0 35px;}
#page2 #content .row_1 .col_1 p { margin:14px 0 22px 0;}
#page2 #content .row_1 .col_1 .p1 { margin-bottom:15px;}
#page2 #content .row_1 .col_1 .img_indent { margin:0 21px 13px 0;}
#page2 #content .row_1 .col_1 ul { margin-bottom:22px;}
#page2 #content .row_1 .col_2 .title { margin-bottom:1px;}
#page2 #content .row_1 .col_2 .indent { padding:13px 0 0 0;}
#page2 #content .row_1 .col_2 .img_indent { margin:16px 23px 13px 6px;}
#page2 #content .row_1 .col_2 ul {margin:0 0 18px 3px;}
#page2 #content .row_1 .col_2 .p1 { margin:0 0 15px 3px;}
#page2 #content .row_1 .col_2 p { margin:0 0 14px 3px;}
#page2 #content .row_2 .col_1 { color:#727272;}
#page2 #content .row_2 h5 { margin-bottom:8px;}
#page2 #content .row_2 .col_1 .img_indent { margin:4px 21px 0 17px;}
#page2 #content .row_2 .col_1 p { padding-right:50px;}
#page2 #content .row_2 .col_2 .img_indent { margin:4px 21px 0 0;}

/*================== index-2.html ==================*/
#page3 #content .block .ind { padding:0 25px 52px 26px;}
#page3 #content .row_1 .container { width:596px;}
#page3 #content .row_2 .container { width:644px;}
#page3 #content .row_2 .column1 { width:342px;}
#page3 #content .row_2 .column2 { width:302px;}
#page3 #content .row_2 p { margin-bottom:20px;}
#page3 #content .row_2 .img_indent { margin:0 27px 0 0;}
#page3 #content .row_3 .title_block { margin-left:18px;}
#page3 #content .row_3 .title_block img { margin:13px 0 11px 24px;}
#page3 #content .row_3 .indent { padding:0 20px 0 31px;}
#page3 #content .row_3 p { margin-bottom:28px;}
#page3 #content .row_3 .container { width:635px;}
#page3 #content .row_3 .column1 { width:343px;}
#page3 #content .row_3 .column2 { width:292px;}

/*================== index-3.html ==================*/
#page4 #content .block .ind { padding:0 25px 39px 26px;}
#page4 #content .row_1 p { margin-bottom:16px;}
#page4 #content .row_2 .indent { padding:0 0 15px 35px;}
#page4 #content .row_2 p { margin-bottom:22px;}
#page4 #content .row_3 .container { width:593px;}
#page4 #content .row_3 .column1 { width:293px;}
#page4 #content .row_3 .column2 { width:300px;}
#page4 #content .row_3 .block1 .ind1 { padding:45px 47px 16px 40px;}

/*================== index-4.html ==================*/


#page5 #content .block .ind { padding:0 25px 21px 26px;}
#page5 #content p { margin-bottom:14px;}

.pulldown, .pulldown ul {padding:0; margin:0; list-style:none;}
.pulldown {border-top:6px solid #000; height:2px; width:716px;}
.pulldown li a {text-decoration:none;}
.pulldown li {float:left; width:140px; margin-right:4px; position:relative;}
.pulldown li.last {margin:0;}
.pulldown li a.top {display:block; width:140px; height:30px;}
.pulldown ul {width:140px; position:absolute; left:0; top:0;}
.pulldown ul li {visibility:hidden; position:absolute;}
.pulldown ul li.heading {visibility:visible; display:block; width:140px; height:40px; background:url(../images/li_back.png); font-family:arial, verdana, sans-serif; color:#FF3300; text-align:center; font-size:15px; line-height:30px; position:absolute;font-weight:bold;}
.pulldown table {padding:0; margin:0; border-collapse:collapse; margin:-1px;}
.pulldown li a:hover {visibility:visible;}
.pulldown :hover ul li {visibility:visible; position:static; width:140px;}
.pulldown :hover ul li a {display:block; padding:2px 0 2px 10px; width:130px; background:#8AC842; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:11px;}
.pulldown :hover ul li a:hover {text-decoration:underline;background:#4F891B;font-weight:bold;color:#fff;}

/*================== pulldown css menu ==================*/

/*==========================================*/

.menu td {text-align: center; vertical-align: middle;font-family: "Arial Rounded MT Bold"; font-size:1.2em;}
.menu td a {color:#fff;text-decoration:none;}
.menu td a:hover {color:yellow;}
.menu td a:active {color:red;}


.button_go  {background:url(../images/go_but.gif);  width:36px; height:23px ; border: none; color:#fff;font-family: "Arial Rounded MT Bold";}





/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage {width:695px; height:250px; border:0px solid #aaa; background:#eff; position:relative; z-index:500; overflow:hidden;padding:0; margin:0 0 0 36px;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:556px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#00c; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li div {display:block; width:550px; height:450px; padding:25px; background:#eff; font-weight:normal; color:#444;}
#hoverpage ul#outer li div img {border:5px solid #fff; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:150px; height:200px; float:left; background:#eff url(../images/selected.gif) no-repeat 0 0; margin-right:20px;}

#hoverpage ul#outer li.p1 div em {background-position: 0 0;}
#hoverpage ul#outer li.p2 div em {background-position: 0 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 0 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 0 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 0 100px;}

#hoverpage ul#outer li.page div a:hover {font-weight:bold;}

#hoverpage ul#outer li.page a:hover {white-space:normal;}

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}



/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */




.menuPad {height:280px;}

#slide {padding:10px; margin:0; width:181px; font-family:arial, sans-serif; font-size:12px; background:#000; position:absolute;}
#slide dt {padding:0; margin:0; width:181px; height:37px; background:url(back.png); color:#ddd; text-align:center; line-height:37px; cursor:pointer; font-weight:bold;}
#slide dt.slide {color:#fff; background:url(back.png) left bottom;}
#slide dt a {display:block; height:37px; color:#fff; text-decoration:none; line-height:37px;}
#slide dt a:hover {color:#fc0;}
#slide dd {padding:0; margin:0; background:#eee url(shade.png) no-repeat top left; text-align:center; width:181px;height:0; overflow:hidden; position:relative;}
#slide dd ul {padding:0; margin:0; list-style:none; position:absolute; left:0; bottom:0; height:auto;}
#slide dd ul li {border-bottom:1px solid #aaa; width:181px; height:25px; line-height:25px;}
#slide dd ul li a {color:#666; text-decoration:none; font-size:11px; display:block; height:25px;}
#slide dd ul li a:hover {color:#000;}