body { font-size:12px; font-family: Arial, Helvetica, sans-serif; background:#F8F4EB url(../images/bg.jpg);color:#000}
body,ul { margin:0; padding:0}
table,tr,td { font-size:12px; color:#000}
li { list-style:none}
select { font-size:11px; z-index:1; font-family:Arial, Helvetica, sans-serif}
input,textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif}
form { margin:0; padding:0}
a { color:#000; text-decoration:none}
a:hover { text-decoration:underline}
img,input,select,textarea { vertical-align:middle}

a.menubar { text-decoration:none; color:#fff; font-weight:700; padding:0 10px; display:block; float:right; height:30px; line-height:30px}
a.menubar:hover { background: url(../Images/rtitle.jpg) repeat-x 0 100%; color:#eee; text-decoration:underline}

.tls a { font-size:11px; font-weight:700; color:#000}

.s_menu { color:#FFFFFF}
.s_menu a { padding:5px; color:#FFFFFF; font-weight:700}

.botmenu a { color:#FFFFFF; font-weight:700; padding:0 10px}

.Dromenu {z-index:1000;font-size:90%;margin:0; /* this page only */}

/* remove all the bullets, borders and padding from the default list styling */
.Dromenu ul {padding:0;margin:0;list-style-type:none;width:210px}
/* hack for IE5.5 */
* html .Dromenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.Dromenu li {position:relative;background:#f8f8f8}
.Dromenu li a strong { font-size:12px}

/* get rid of the table */
.Dromenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.Dromenu a, .Dromenu a:visited {display:block; text-decoration:none;height:25px;line-height:25px;width:210px;color:#000;text-indent:10px;border:1px solid #dfdfdf;border-width:0 0 1px 0; background-color:#f8f8f8; font-weight:700}
.Dromenu a:hover {color:#333; background:#f8f8f8; text-decoration:underline;}

a.plus,a:visited.plus,* html .Dromenu a.plus { background:#f8f8f8 url(../Images/plus.gif) no-repeat 195px 50%; height:25px; line-height:25px}

/* hack for IE5.5 */
* html .Dromenu a, * html .Dromenu a:visited {background:#f8f8f8; width:210px; w\idth:209px;font-weight:700}
/* style the link hover */
* html .Dromenu a:hover {color:#006ECF; background:#fff; text-decoration:underline}

.Dromenu :hover > a {color:#006ECF; background:#fff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.Dromenu ul ul {visibility:hidden;position:absolute;top:-1px;left:210px; border:1px solid #dfdfdf }
/* make the second level visible when hover on first level list OR link */
.Dromenu ul li:hover ul,
.Dromenu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.Dromenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.Dromenu ul :hover ul :hover ul{ visibility:visible;}

.Dromenu ul ul a:hover { color: #006ECF}


.menu2 {padding:0; margin:0; list-style:none; height:23px; background: url(../images/t9.jpg) repeat-x; position:relative; z-index:500; font-family: Arial, Helvetica, sans-serif}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:23px; line-height:23px; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer}
.menu2 li a.top_link span {float:left; display:block; padding:0 5px; height:23px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 5px; height:23px; }
.menu2 li a.top_link:hover {color:#fff; }
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:22px; background: #fff; padding:3px; border:1px solid #FFAA24; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/plus.gif) 110px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#33415B; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#33415B url(../images/arrow_over.gif) 110px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#33415B url(../images/arrow_over.gif) 110px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:-4px; background: #fff; padding:3px; border:1px solid #FFAA24; white-space:nowrap; width:120px; z-index:400; height:auto;}

a.111s { color:#33415B; font-size:14px; font-weight:700}

/*Navpages*/
.navpages{padding:2px;}
.navpages form { margin:0; padding:0}
.navpages .thisgo { float:right}
.navpages ul{text-align:left;font-size:11px;margin:0;padding:0}
.navpages li{list-style:none;display:inline; margin-right:2px; font-size:11px}
.navpages li.thepage{margin-right:2px;color: #333;padding:1px 3px; font-size:11px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 2px}
.navpages a:hover{color:#000; text-decoration:none}
.navpages li.curr_linkpage{color:#3C541A;padding:1px 3px;font-size:11px}

.trbg { background-color:#f8f8f8}
.tdline { border-bottom:1px solid #eee}
.uline { border-bottom:1px solid #bbb}

.b_title { text-align:center; height:49px; line-height:30px; background:url(../Images/ctitle.jpg) repeat-x; color:#FFFFFF; font-weight:700}
.b_title a { color:#FFFFFF}
.b_box { border-left:1px solid #0769B2; border-right:1px solid #0769B2; padding-top:10px}
.b_bot { height:23px; background:url(../Images/bot.jpg) no-repeat 100% 0}
.b_bot div { height:20px; background:url(../Images/b_b_left.jpg) no-repeat}

.g_title { text-align:center; height:20px; line-height:20px; background:url(../Images/g_title.jpg) repeat-x; color:#FFFFFF; font-weight:700}
.g_box { border-left:1px solid #7BC623; border-right:1px solid #7BC623}
.g_bot { height:20px; background:url(../Images/b_g_right.jpg) no-repeat 100% 0}
.g_bot div { height:20px; background:url(../Images/b_g_left.jpg) no-repeat}

.title { height:30px; line-height:30px; background:url(../images/po.jpg) repeat-x 0 100%; color:#006ECF; font-weight:700}
.title span { background:url(../images/pu.jpg) no-repeat 10px 50%; display:block; height:30px; padding-left:30px}
.bot { height:23px; background:url(../Images/lbot.jpg) no-repeat 100% 0}

.nn a { padding:0 5px; color:#333333; font-weight:700}
.mb { color:#006ECF; font-weight:700}

ul#nav,ul#nav ul { margin:0; padding:0}
a.sone { height:28px; line-height:28px; font-size:12px; font-weight:700; display:block; padding-left:25px; color:#000; text-decoration:none; border-bottom:1px solid #ccc}
a.stwo { height:24px; line-height:24px; display:block; background:#E4E4CE; border-bottom:1px solid #ccc; padding-left:30px; color:#000; font-size:11px; font-weight:700; text-decoration:none}
a.sthree { height:24px; line-height:24px; font-size:11px; color:#000; display:block; background:#FAFAF7; border-bottom:1px solid #ccc; padding-left:36px; text-decoration:none}
a.sone:hover,a.stwo:hover {background:#FAFAF5; text-decoration:none;border-bottom:1px solid #95AABB;}

.footm a { color:#FFFFFF; font-weight:700}

td.imghover a  {
	border: 0;
	margin: 0;
	display:block
}
td.imghover a img  {
	width: 120px;
	margin: 0;
}
td.imghover a:hover  {
	margin: -50px 0 0 -120px;
	position: absolute;
	border: 5px solid #cccccc;
}
td.imghover a:hover img  {
	width: 280px; 
	height:210px
	 
}

td.Nimghover a  {
	border: 0;
	margin: 0;
	display:block;
	z-index:1
}
td.Nimghover a img  {
	width: 120px;
	height:85px;
	margin: 0;
	z-index:1
}
td.Nimghover a:hover  {
	margin: -50px 0 0 -50px;
	position: absolute;
	border: 5px solid #cccccc;
	z-index:5
}
td.Nimghover a:hover img  {
	width: 280px;
	height:210px;
	z-index:6
}

td.imghovers a  {
	border: 0;
	margin: 0;
	display:block
}
td.imghovers a img  {
	width: 150px;
	margin: 0;
}
td.imghovers a:hover  {
	margin: -65px 0 0 -120px;
	position: absolute;
	border: 5px solid #cccccc;
}
td.imghovers a:hover img  {
	width: 280px; 
	height:210px
	 
}
A.msn01:link {color: #33415B; TEXT-DECORATION: underline; font-weight:bold;}
A.msn01:visited {color: #33415B; TEXT-DECORATION: underline; font-weight:bold;}
A.msn01:hover {color: #33415B; TEXT-DECORATION: none; font-weight:bold;}
A.msn01:active {color: #33415B; TEXT-DECORATION: none; font-weight:bold;}