/* CSS Document */

html.style1 { height:100%; overflow:auto; }
html.style1 body { margin:30px 10px 10px 140px; font: 12px arial; margin: 8px; color: #333333; } 
html.style1 div.leftmenu { position:fixed;left:0;top:0;background-image:url('/homenet/frameset/bgmenu.gif');width:138px;height:100%; }
html.style1 div.topmenu { position:fixed;left:130px;top:0;background-image:url('/homenet/frameset/bgtop.gif');width:100%;height:20px; }
html.style1 a.menulink { font: bold 14px arial; text-align:center; background-color:white; color: #999999; display: block; margin: 0px; padding: 10px; border-bottom: 1px dotted #CCCCCC; width:101px; }
html.style1 a.menulink:hover { color: #000000; background-color : #EEEEEE; text-decoration: none; }
html.style1 a.menutitle { display:block; width:121px; font: bold 20px trebuchet ms; background-color:white; color: #CCCCCC; text-align:center;  }
html.style1 a.menutitle:hover { text-decoration: none; color: #999999; }    
html.style1 p.menusubtitle { width:121px; text-align:center; padding-bottom: 10px; margin-bottom: 0px; border-bottom:1px dotted #CCCCCC; margin-top: -2px; font: bold 12px trebuchet ms; color: #CCCCCC; }

html.style2 { height:100%; margin-bottom: 20px; overflow:auto; background-color:white; }
html.style2 body { font: 11px verdana; color: #333333; margin:20px 20px 20px 150px; background-image:url('/homenet/styles/style2/shade.png'); padding: 10px; border: 1px solid #999999; }
html.style2 div.leftmenu { position:fixed;left:0;top:0;width:138px;height:100%; }
html.style2 a.menulink { text-decoration:none; font: 15px georgia; text-align:center; background-color:white; color: #333333; display: block; margin: 1px 10px 1px 20px; padding: 5px; border-left: 5px solid #CCCCCC; width:105px; }
html.style2 a.menulink:hover { color: #000000; background-color : #EEEEEE; text-decoration: none; }
html.style2 a.menutitle { display:block; padding-left:20px; margin-top:35px; width:120px; font: 20px georgia; background-color:#CCCCCC; color: #black; text-align:center; }
html.style2 a.menutitle:hover { text-decoration: none; color: #999999; }    
html.style2 p.menusubtitle { width:115px; text-align:center; margin: 1px 10px 1px 20px; font: 12px georgia; color: #CCCCCC; border-left: 5px solid #CCCCCC; }
html.style2 h1 { position:relative; font: 25px Georgia; color: #333333; margin: 0px 0px 10px 0px; zoom: 1; }
html.style2 h4 { position:relative; font: 16px georgia; background-color:transparent; padding: 2px 0px 2px 0px; margin: 30px 0px 10px 0px; border-top: 1px solid #333333; zoom: 1; background-image:url('/homenet/styles/style2/border1.png'); background-repeat:repeat-x; }
html.style2 h6 { font: bold 11px verdana; color: #333333; margin: 0px 0px 3px 0px; } 


html.style2 table.rss { border-collapse:collapse; width:100%; }
html.style2 table.rss tr { background-color: white; }
html.style2 table.rss tr:hover { background-color: #EEEEEE; cursor:hand; }
html.style2 table.rss th { height:16px; padding:2px; text-align:left; font: bold 12px verdana; vertical-align:middle; background-color: #DDDDDD; border: 1px solid #CCCCCC; }
html.style2 table.rss td { height:28px; font: 12px verdana; padding: 2px; color: #333333; vertical-align:middle; border: 1px solid #CCCCCC; }
html.style2 table.rss th.nlogo { text-align: center; width: 60px; vertical-align:middle; }
html.style2 table.rss td.nstdpic { height:28px; padding: 0px; width: 64px; vertical-align:middle; text-align:center; }
html.style2 table.rss td.nstdpic img { vertical-align:middle; }
html.style2 table.rss p.rsmall { font: 9px verdana; color: #999999; margin:0px; }

html.style2 ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; }
html.style2 ul li { margin-bottom:5px; }
html.style2 ul a { text-decoration:none; border-bottom:1px dotted #676767; color: #676767; }
html.style2 ul a:hover { color:black; }

h1 { position:relative; font: bold 25px arial; color: #999999; margin: 0px 0px 10px 0px; zoom: 1; }
h1 span { right:0px; position: absolute; font:0px arial; }
h1 a { display:inline-block; color:#333333; background-color:white; text-align:center; width:100px; font: 12px arial; padding:3px; margin:0px 0px 0px 4px; border: 1px solid #EEEEEE; text-decoration:none; }
h1 a:hover { border: 1px solid #999999; color:black; text-decoration:none; }
h1 p { display:inline-block; color:#333333; background-color:white; text-align:center;  width:100px; font: 12px arial; padding:3px; margin:0px 0px 0px 4px; border: 1px solid #EEEEEE; text-decoration:none; }
h1 p:hover { border: 1px solid #999999; color:black; cursor:pointer; }
h2 { font: bold 20px arial; border: 2px solid #999999; padding: 2px; margin: 0px 0px 10px 0px; }
h3 { font: bold 15px arial; background-color: #EEEEEE; padding: 2px; margin: 30px 0px 10px 0px; border-bottom: 2px solid #999999; }
h4 { position:relative; font: bold 15px arial; background-color: #EEEEEE; padding: 2px; margin: 30px 0px 10px 0px; border-top: 2px solid #999999; zoom: 1; }
h4 span { right:0px; position: absolute; }
h4 a { display:inline-block; width:100px; height:18px; margin-top:-2px; border-left: 2px solid #ffffff; font: 15px arial; color: #999999; text-align:center; background-color:transparent; padding: 2px; text-decoration:none; }
h4 a:hover { background-color:#999999; text-decoration:none; }
h4 p { display:inline-block; width:100px; height:18px; margin-top:-2px; border-left: 2px solid #ffffff; font: 15px arial; color: #999999; text-align:center; background-color:transparent; padding: 2px; text-decoration:none; }
h4 p:hover { background-color:#999999; color:black; cursor:pointer; }

h5 { font: bold 15px arial; margin: 15px 0px 5px 0px; }
h6 { font: bold 12px arial; color: #333333; margin: 0px 0px 3px 0px; } 

a.h4 { display:block; float:right; width:100px; height:18px; margin:22px 0px 0px 0px; border-left: 2px solid #ffffff; font: 15px arial; color: #999999; text-align:center; background-color:transparent; padding: 2px; text-decoration:none; }
a.h4:hover { background-color:#999999; text-decoration:none; }

a.h1 { float:right; color:#333333; background-color:white; text-align:center;  width:100px; font: 12px arial; padding:3px; margin:0px 0px 0px 4px; border: 1px solid #EEEEEE; text-decoration:none; }
a.h1:hover { border: 1px solid #999999; color:black; text-decoration:none; }

a.h2 { float:right; color:#333333; background-color:white; text-align:center;  width:100px; font: 15px arial; padding-top:5px; padding-left:2px; margin-top:2px; margin-right:2px; margin-left:-2px; border-left: 2px solid #999999; text-decoration:none; height:23px; }
a.h2:hover { color:black; text-decoration:none; background-color:#EEEEEE; }

html.style1 ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; }
html.style1 ul a { font: bold 12px arial; color:#333333; text-decoration:none; background-color:#EEEEEE; }
html.style1 ul a:hover { text-decoration:underline; color:black; }

p { margin: 0px 0px 10px 0px; }
p.code { margin: 0px 0px 10px 0px; font: 12px courier; white-space:pre; border: 1px solid #999999; padding: 10px; max-width:100%; overflow:hidden; display:table; }
span.code { font: 12px courier; white-space:pre; }
p.smallprint { margin: 0px 0px 10px 0px; font: 10px arial; color: #999999; }
p.label { margin:0px;font: 11px arial #333333; padding:1px 2px 1px 2px; background-color:#cccccc; }
p.clear { clear:both; margin:0px; }
p.smalltext { font: 11px arial; margin:0px; }
p.smalltext a { font: 11px arial; color: #999999; text-decoration:underline; background-color:transparent; }
p.smalltext a:hover { color:black; }

span.smallprint { font: 10px arial; color: #999999; }
span.le { color: #999999; }

a.lbutton { color:#333333; background-color:white; text-align:center; width:200px; font: 15px arial; padding:3px; margin:0px 0px 10px 0px; border: 2px solid #EEEEEE; text-decoration:none; display:block; }
a.lbutton:hover { border: 2px solid #999999; color:black; text-decoration:none; }

a.celllink { font: 12px arial; color:#333333; text-decoration:none; background-color:#EEEEEE; display:block; }
a.celllink:hover { text-decoration:none; background-color:#CCCCCC; }

a.smalllink { font: 11px arial; color: #999999; text-decoration:underline; background-color:transparent; }
a.smalllink:hover { color:black; }

span.smalllink { font: 11px arial; color: #999999; text-decoration:underline; }
span.smalllink:hover { color:black; cursor:pointer; }

a.moimg { background-color:white; }
a.moimg img { border: 2px solid black; display:block; }
a.moimg img:hover { border: 2px solid #999999; }

div.moimgg { background-color:white; border:2px solid white; }
div.moimgg img { border: 1px solid black; display:block; margin: 1px; }
div.moimgg:hover { border:2px solid #7DE57D; cursor:pointer; }

.imlink { background-color:white; }
.imlink img{ border: 2px solid black; }
.imlink:hover img{ border: 2px solid #999999; }
.imlink:hover{ color: red; /* Dummy definition to overcome IE bug */ }

.immo { background-color:white; }
.immo img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.immo:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

a.button { background-color: transparent; }
a.button img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; border:0px; background-color: white; }
a.button:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

img { border:0px;  }
img.b { border: 2px solid black; }

input[type="text"] { border: 0px solid black; width:500px; margin-left:3px; }
input[type="checkbox"] { border: 0px solid black; margin-top:-2px; margin-left:3px; padding:0px; vertical-align: middle }
input[type="radio"] { border: 0px solid black; margin-left:5px; padding:0px; vertical-align: middle }
input[type="file"] { background-color:white; border: 0px solid black; width:600px; }
select { border: 0px solid black; width:502px; margin-left:3px; }

label { background-color:#EEEEEE; border:2px solid #EEEEEE; width:600px; text-align:right; margin: 0px 2px 2px 0px; display:block; }
label:hover { background-color:#CCCCCC; border:2px solid #CCCCCC; }

label.checkbox { width:111px; height:16px; padding-top:1px; }
label.radio { width:111px; height:17px; padding-top:1px; }
label.file input[type="file"] { background-color:white; border: 0px solid black; width:502px; margin-left:3px; }

label.nolabel input[type="text"] { margin-left:0px; }
label.nolabel select { margin-left:0px; }

input[type="submit"] { color:#333333; background-color:white; text-align:center; width:200px; font: 15px arial; padding:2px; margin:30px 0px 10px 0px; border: 2px solid #EEEEEE; }
input[type="submit"]:hover { border: 2px solid #999999; color:black; cursor:hand; }

form { margin:0px 0px 10px 0px; }

form.mini { border: 1px solid #EEEEEE; padding:10px 8px 10px 10px; display:table-cell; }
form.mini input[type="submit"] { color:#333333; background-color:white; text-align:center; width:100px; font: 12px arial; padding:2px; margin:8px 0px 0px 0px; border: 2px solid #EEEEEE; }
form.mini input[type="submit"]:hover { border: 2px solid #999999; color:black; cursor:hand; }

p.formlabel { margin:0px 2px 0px 0px; float:left; background-color:#EEEEEE; width:100px; text-align:right; padding:4px 3px 3px 2px; font: bold 12px arial }
p.forminfo { margin:0px 2px 0px 2px; float:left; padding:4px 0px 3px 4px; font: italic 12px arial; color: #999999; }
p.formcol { margin:0px 2px 2px 0px; float:left; background-color:#EEEEEE; width:100px; padding:4px 3px 3px 3px; font: bold 12px arial }

html.style1 table.rss { width:100%; padding:0px; }
html.style1 table.rss img { vertical-align:middle; }
html.style1 table.rss tr { background-color: #EEEEEE; }
html.style1 table.rss tr:hover { background-color: #CCCCCC; cursor:hand; }
html.style1 table.rss th { padding:2px; text-align:left; font: bold 15px arial; border-bottom: 2px solid #999999; vertical-align:middle; }
html.style1 table.rss td { font: 12px verdana; padding: 2px; color: #333333; vertical-align:middle; }
html.style1 table.rss td.nlogo { font: bold 3px arial; padding: 0px; border-bottom: 2px solid #999999; text-align: center; width: 64px; }
html.style1 table.rss td.nstdpic { font: bold 3px arial; padding: 0px; text-align: center; width: 64px; margin: 0px; vertical-align:middle; }
html.style1 table.rss p.rsmall { font: 9px verdana; color: #999999; margin:0px; }

table.info { border-collapse: collapse; }
table.info th { color: #000000; font: bold 11px arial; text-align: left; border: 1px solid #999999; background-color: #F5F5F5; padding: 2px 5px 2px 5px; }
table.info td { color: #000000; font: 11px arial; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; padding: 2px 5px 2px 5px; }

/* For mouseover info */
div.mo { color:#333333;padding:4px;background-color:#EEEEEE;position:absolute;z-index:1;visibility:hidden;width:300px;border:1px solid black;font: 11px verdana; max-height:200px; overflow:auto; }
div.mo ul { margin: 0px 0px 0px 20px; }
div.mo a { background-color:transparent; font: 11px verdana; color:#333333; }

/* For thumbnail mouseover menus */
div.mol { color:#333333;padding:0px;background-color:#7DE57D;position:absolute;z-index:1;visibility:hidden;width:150px;border:1px solid #7DE57D;font: 11px verdana; }
div.mol a { display: block; background-color:white; padding:2px; font: 11px verdana; margin: 1px; }
div.mol a:hover { text-decoration:none; background-color:#EEEEEE; }
div.mol p { display: block; background-color:white; padding:2px; font: 11px verdana; margin: 1px; }
div.mol p:hover { text-decoration:none; background-color:#EEEEEE; cursor:pointer; }

/* For dropdown menus */
div.ddl { color:#333333;padding:0px;background-color:#CCCCCC;position:absolute;z-index:10;visibility:hidden;width:150px;border:1px solid #CCCCCC;font: 11px verdana; }
div.ddl a { display: block; background-color:white; padding:2px; font: 11px verdana; margin: 1px; }
div.ddl a:hover { text-decoration:none; background-color:#EEEEEE; }
div.ddl p { display: block; background-color:white; padding:2px; font: 11px verdana; margin: 1px; }
div.ddl p:hover { text-decoration:none; background-color:#EEEEEE; cursor:pointer; }

/* For map */
div.mapinfobox { width:150px; background-color:white; position:absolute; z-index:1; visibility:hidden; border:2px solid black; padding:2px; }
img.pins { position:relative; top:4px; left:4px; }
div.mapbuttons { position:absolute; z-index:3; margin: 4px 0px 0px 2px; }
div.mapbuttons a { filter:alpha(opacity=66); padding-top: 2px; text-align:center; font: 11px arial; color:#CCCCCC; display:inline-block; height:16px; width:50px; margin-left:2px; background-color:black; }
div.mapbuttons a:hover { text-decoration:none; filter:alpha(opacity=100); cursor:hand; }

/* for photo thumbnails */
div.thumb { float:left; margin: 1px 5px 1px -3px; padding: 1px; border:2px solid transparent; }
div.thumb:hover { border:2px solid #7DE57D; cursor:pointer; }
div.thumb p.footer { background-color: #EEEEEE; overflow:hidden; text-align:center; font: 10px arial; margin:0px; border-top:1px solid white; height:14px; }
div.thumb p.linkfooter { background-color: #EEEEEE; overflow:hidden; text-align:center; font: 10px arial; margin:0px; border-top:1px solid white; height:14px; }
div.thumb p.linkfooter:hover { background-color: #CCCCCC; }
div.thumb p.header { background-color: #EEEEEE; overflow:hidden; text-align:center; font: 10px arial; margin:0px; border-bottom:1px solid white; height:14px; }
div.thumb div.header { height:36px;overflow:hidden; background-color: #EEEEEE; margin:0px; border-bottom:1px solid white; }
div.thumb table { padding:0px;height:36px; }
div.thumb td { text-align:center; font: bold 11px arial; color:black; vertical-align: middle; }
div.thumb td.bigtitle { text-align:center; font: bold 14px arial; color:black; vertical-align: middle; }
div.thumb img { border: 1px solid black; display:block; }
div.thumb table.h { border-collapse:collapse; }
div.thumb table.h td { padding:0px; }
div.thumb table.h td.i { border-left:1px solid white; text-align:left; margin:0px; padding-left:18px; background-color: #EEEEEE; font: bold 14px arial; }

div.navlinks { margin: -10px 0px 30px 0px; }
div.navlinks a { background-color:white; color:#999999; }

/* for frameset */

body.fr { margin: 0px; }

a.fr_link { font: bold 14px arial; text-align:center; background-color:white; color: #999999; display: block; margin: 0px; padding: 10px; border-bottom: 1px dotted #CCCCCC; width:101px; }
a.fr_link:hover { color: #000000; background-color : #EEEEEE; text-decoration: none; }

a.fr_title { display:block; width:121px; font: bold 20px trebuchet ms; background-color:white; color: #CCCCCC; text-align:center;  }
a.fr_title:hover { text-decoration: none; color: #999999; }    

p.fr_subtitle { width:121px; text-align:center; margin-top: -2px; font: bold 12px trebuchet ms; color: #CCCCCC; }

img.fr_bottom { height:200px; width:130px; position: absolute; bottom: 0px; }