
body { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; background-color:#D4F2FC;color:#333}
body,ul { margin:0; padding:0}
table,tr,td { font-size:12px; color:#333}
li { list-style:none}
select { font-size:11px; z-index:1; font-family:Geneva, Arial, Helvetica, sans-serif}
input,textarea { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif}
form { margin:0; padding:0}
a { color:#555; 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 5px; height:30px; line-height:30px}
a.menubar:hover { background: url(../Images/rtitle.jpg) repeat-x 0 100%; color:#eee; text-decoration:underline}

.bor { border-right:1px solid #0C4473; border-left:1px solid #0C4473}

.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:178px}
/* 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:#F5FDFF}
.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:178px;color:#000;text-indent:10px;border:1px solid #D5E3EF;border-width:0 0 1px 0; background-color:#F5FDFF; font-weight:700}
.Dromenu a:hover {color:#333; background:#F5FDFF; text-decoration:underline;}

a.plus,a:visited.plus,* html .Dromenu a.plus { background:#F5FDFF url(../Images/plus.gif) no-repeat 170px 50%; height:25px; line-height:25px}

/* hack for IE5.5 */
* html .Dromenu a, * html .Dromenu a:visited {background:#F5FDFF; width:178px; w\idth:175px;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:178px; 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}

ul#nav,ul#nav ul { margin:0; padding:0}
a.sone { height:24px; line-height:24px; font-size:12px; font-weight:700; display:block; background:#F5FDFF; padding-left:20px; color:#206F90;border-bottom:1px solid #D5E3EF; text-decoration:none}
a.stwo { height:24px; line-height:24px; display:block; background:url(../images/plus.gif) no-repeat 20px 50%; border-bottom:1px solid #D9E1E8; padding-left:30px; color:#486A86; font-size:11px; font-weight:700; text-decoration:none}
a.sthree { height:22px; line-height:22px; font-size:11px; color:#296168; display:block; background:#D8ECEE url(../images/liss.gif) no-repeat 30px 50%; border-bottom:1px solid #548E95; border-top:1px solid #dfdfdf; padding-left:36px; color:#000; text-decoration:none}
a.sone:hover {background:#EFF3F6 url(../images/la.gif) no-repeat 10px 50%; text-decoration:none;border-bottom:1px solid #95AABB;}


/*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:25px; line-height:25px; background:url(../Images/s_title.jpg) no-repeat; 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:25px; line-height:25px; color:#ffffff; font-weight:700; padding-left:10px}
.title a { color:#FFFFFF}
.title span {}
.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}

.input { width:80px;}

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
	 
}