                                                                                                                                                                                                                        body{font-family: arial;background: #FFFFFF;margin:auto; max-width:855px;min-width:290px;;color:#000000;text-align:left;direction:ltr;line-height:;}
a{color:#000099;text-decoration:none;font-weight:500; outline:none; border:none;}
a img{border:0;}
p{padding-right: 8px;padding-left: 8px;}
.MsoNormal {line-height:19px;  }
.iimage{border:solid 0px #aaa;max-width:320px;width: expression(this.width > 320 ? 320: true);vertical-align:middle;}

h1{font-family: "Lucida Sans Unicode";font-size: 18pt;color: #000000;padding-left: 6px;padding-top: 6px;font-weight: bold;}
 /*buttonmenupagecssaddition*/  .buttonmenuitemcontainer{        width:291px;        height:56px;    color:#000000;        display:block;       }
.buttonmenuitemcontainer a{display:block;width:80%;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 .buttonmenuitembackground{      width:150px;      text-align:left;      color:#000000;      font-size:12px;      font-family:Tahoma;      font-weight:100;      padding-left:20px;      padding-top: 5px;      line-height:9px;      }
         /*webkitcssaddition*/.detailspanel{-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border:solid 1px #aaa;padding:20px;background-color:#ffffff;}
li > a[selected], li > a:hover{background-color:#E0E0E0  !important;    background-repeat: no-repeat !important;    background-position: right center !important;    color: #000 !important;  }

body > .toolbar{    box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    border-bottom: 1px solid #2d3642;    border-top: 1px solid #6d84a2;    padding: 0 10px 10px 10px;    height: 45px;background-color: #6d84a2;background-image: url(toolbar.png);background-repeat: repeat-x;}
body > div.toolbar{ background-image:url(logo.png), url(toolbar.png); background-position:top right, top left; background-repeat:no-repeat, repeat-x; }
.toolbar > h1{    position: absolute;    overflow: hidden;    left: 50%;    margin: 1px 0 0 -75px;    padding-top: 10px;    height: 45px;    font-size: 20px;    width: 150px;    font-weight: bold;    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;    text-align: center;    text-overflow: ellipsis;    white-space: nowrap;    color: #FFFFFF;}
body > .WebKitPanel{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    padding: 10px;    }
.WebKitPanel > ul{    position: relative;    margin: 0 0 20px 0;    padding: 0;   background: #FFFFFF;    -webkit-border-radius: 6px;    -moz-border-radius: 6px; border-radius:6px;   text-align: center;    font-size: 16px;margin:5px 0 15px 0; padding:0; list-style:none; -webkit-border-radius:6; border-width:0; background-color:transparent; box-shadow: 0px 0px 18px 4px #888888;}
.WebKitPanel > ul li{    position: relative;    min-height: 18px;    border-bottom: 1px solid #999999;   -webkit-border-radius: 0;    -moz-border-radius: 0;    text-align: right;}
.WebKitPanel > ul li:last-child{    border-bottom: none !important;}
.WebKitPanel > ul > li{ margin:0; padding:0; border-width:0; }
.WebKitPanel > ul > li a{ text-align:left; padding:8px 0 9px 10px;  display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#000; font-weight:bold; font-size:13px;  }
.WebKitPanel > ul > li a{ margin:-3px; border:1px solid #aaa; border-bottom-width:0 !important;  background-color:#fff;  }
.WebKitPanel > ul > li:first-child a{ -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-radius:4px;}
.WebKitPanel > ul > li:last-child a{ -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;; border-bottom-width:1px !important; }
.WebKitPanel > ul > li a img{ vertical-align:middle; margin-left:-4px; margin-right:4px;}
 /*contentmenucssaddition*/.contentmenupageedit tr{max-height:86px;background: rgb(64,82,97); /* Old browsers */background: -moz-linear-gradient(top,  rgba(64,82,97,1) 0%, rgba(55,71,83,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,82,97,1)), color-stop(100%,rgba(55,71,83,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(64,82,97,1) 0%,rgba(55,71,83,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(64,82,97,1) 0%,rgba(55,71,83,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(64,82,97,1) 0%,rgba(55,71,83,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(64,82,97,1) 0%,rgba(55,71,83,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405261', endColorstr='#374753',GradientType=0 ); /* IE6-9 */}
   .contentmenuimage{        border:solid 0px #12181c;        max-width:75px;        width: expression(this.width > 100 ? 100: true);        vertical-align:middle;        padding:5px 0 5px 0        height:75px;      }
    .contentmenuitemdescription{        font-size:12px;        font-family: arial, Helvetica,sans-serif;        color:#888;        line-height:16px;        font-weight:100;     }
    .contentmenuitemtitle{        font-size:16px;font-family: arial, Helvetica,sans-serif;font-weight: bold;        color:#ccc;        line-height:16px;display: block;margin-top: -27px;padding-top: 27px;margin-bottom: -43px;padding-bottom: 43px;margin-right: -8.5%;padding-right: 8.5%;margin-left: -39%;padding-left: 39%;position: relative;z-index: 1;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;    }
 /*stripesmenupagecssaddition*/.stripesmenulistcontainer{text-align:left;width:100%;        }
       .stripesmenulistcontainer ul{    font-family:STHeitiTC-Light, Century Gothic;    text-align:left;    list-style:none;    margin:0px;    padding:0px;    margin-top:10px;}
.stripesmenulistcontainer ul li{line-height: 35px;background: rgb(51, 51, 51);background: rgba(51, 51, 51, 0.6);margin-bottom:10px;}
.stripesmenulistcontainer ul li a{ margin:0; display:block; font-size: 16px; font-weight:100; text-decoration:none; color:#fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.stripesmenulistcontainer ul li a img{ vertical-align:middle; margin-left:15px; margin-top:2px; margin-right:10px; margin-bottom:2px;}
/*menucssaddition*/table.menupagetypelistcontainer a{margin: -23px 0;padding:23px 0;display:block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  /*menucssaddition*/table.menupagetypelistcontainer a{margin: -23px 0;padding:23px 0;display:block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  /*gridmenucssaddition*/         .gridmenuimagecontaineripad{               min-width:225px;        width:30%;}
   .gridmenuimageipad{        padding: 0px;        margin:0px;        width:30%;        min-width:225px;}
     .gridmenuitemBgipad{      min-width:225px;      width:30%;      text-align:center;      color:#ffffff;      font-size:17px;      font-family:STHeitiTC-Light, Tahoma;      font-weight:100;      padding-top:10px;      padding-bottom:10px;      margin-top:-42px;      }
.gridmenuimagecontainer{        min-width:150px;        width:30%;         margin-bottom:8px;    }
     .gridmenuimage{padding: 0px;margin:0px;width:30%;min-height:132px;        min-width:150px;        border:0px;    }
     .gridmenuitemBg{      min-width:150px;      width:30%;      text-align:center;      color:#ffffff;      font-size:17px;      font-family:STHeitiTC-Light, Tahoma;      font-weight:100;      padding-top:8px;      margin-top:-43px;    }
    .gridmenuimagecontainer a{    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/*magazinemenucssaddition*/   .magazinemenuimage{        border:solid 0px #aaa;        max-width:75px;        width: expression(this.width > 100 ? 100: true);        vertical-align:middle;        padding:5px 0 5px 0      }
    .magazinemenuitemdescription{        font-size:12px;        font-family:STHeitiTC-Light, Helvetica;        color:#888;        line-height:16px;        font-weight:100;     }
    .magazinemenuitemtitle{        font-size:16px;        font-family:STHeitiTC-Light, Helvetica;        color:#ccc;        line-height:16px;display: block;margin-top: -27px;padding-top: 27px;margin-bottom: -43px;padding-bottom: 43px;margin-right: -6%;padding-right: 6%;margin-left: -37%;padding-left: 37%;position: relative;z-index: 1;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;    }
 
/*samplemenucssaddition*/.detailspanel{-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border:solid 1px #aaa;padding:20px;background-color:#ffffff;}
li > a[selected], li > a:active{background-color:#E0E0E0 !important;    background-repeat: no-repeat !important;    background-position: right center !important;    color: #000 !important;}

body > .SampleMenuPanel{box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.samplemenutoolbar h1{text-align:center;color:#a8a6a6; font-weight:bold; font-size:22px;font-family: "Myriad Pro",Helvetica;}
.SampleMenuPanel > ul{    position: relative;    margin: 0 0 20px 0;    padding: 0;   background: #FFFFFF;    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    text-align: center;    font-size: 16px;margin:5px 0 15px 0; padding:0; list-style:none; -webkit-border-radius:0; border-width:0; background-color:transparent;}
.SampleMenuPanel > ul li{    position: relative;    min-height: 42px;    border-bottom: 1px solid #999999;   -webkit-border-radius: 0;    -moz-border-radius: 0;    text-align: right;}
.SampleMenuPanel > ul li:last-child{    border-bottom: none !important;}
.SampleMenuPanel > ul > li{ margin:0; padding:0; border-width:0; }
.SampleMenuPanel > ul > li a{text-align:left; padding:14px 0 11px 10px; background:url(SamplelistArrow.png) center right no-repeat; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#15B8C7; font-weight:bold; font-size:14px;font-family: arial, Helvetica,sans-serif;  }
.SampleMenuPanel > ul > li a{ margin:0; border:1px solid #000; border-bottom-width:0 !important; margin-top:-1px; }
.SampleMenuPanel > ul > li:last-child a{  border-bottom-width:1px !important; }
.SampleMenuPanel > ul > li a img{ vertical-align:middle; margin-left:-4px; margin-right:4px;width:20px;margin-bottom: 2px;}


/*sidebarcssaddition*/.detailspanel{-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border:solid 1px #aaa;padding:20px;background-color:#ffffff;}

li > a[selected], li >a:active{background-color:#E0E0E0 !important;    background-repeat: no-repeat !important;    background-position: right center !important;    color: #000 !important; } 

body > .SideBarPanel{box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;  }
.SideBarPanel > ul{    position: relative;    margin: 0 0 20px 0;    padding: 0;   background: #FFFFFF;    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    text-align: center;    font-size: 16px;margin:5px 0 15px 0; padding:0; list-style:none; -webkit-border-radius:0; border-width:0; background-color:transparent;}
.SideBarPanel > ul li{    position: relative;    min-height: 42px;    border-bottom: 1px solid #999999;   -webkit-border-radius: 0;    -moz-border-radius: 0;    text-align: right;}
.SideBarPanel > ul > li{ font-family: arial, Helvetica,sans-serif; margin:0; padding:0; border-width:0; }
.SideBarPanel > ul > li a{ text-align:left; padding:19px 0 15px 15px; background:url(listArrow.png) center right no-repeat; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#000; font-weight:bold; font-size:17px; }
.SideBarPanel > ul > li a{color:White;margin:0;border:1px solid #313842;margin-top:-1px; background-color:#fff; background: -moz-linear-gradient(top,  #717984 0%, #505962 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717984), color-stop(100%,#505962));background: -webkit-linear-gradient(top,  #717984 0%,#505962 100%);background: -o-linear-gradient(top,  #717984 0%,#505962 100%);background: linear-gradient(to bottom,  #717984 0%,#505962 100%);}
.SideBarPanel > ul > li a img{ vertical-align:middle; margin-left:-4px; margin-right:4px;}
/*largebuttonmenucssaddition*/   .largeButtonMenuImgContaineriPad{min-width:225px;        width:30%;        min-height:136px;         height:28%;        background-repeat:no-repeat;        border-radius:10px;        -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;    }
     .largeButtonMenuImageiPad{padding: 0px;        min-width:225px;        width:30%;    }
     .largeButtonMenuItemBgiPad{      min-width:225px;      width:30%;      text-align:center;      font-size:18px;      font-family:STHeitiTC-Light, Tahoma;      font-weight:100;    }
        img.largebuttonmenucenteriPad{        margin-left: auto;    margin-right: auto;    margin-top: 15px;}
 .largeButtonMenuImgContainer{  min-width:150px;  width:30%;  min-height:120px;  height:28%;  background-repeat:no-repeat;  padding-bottom:5px;  border-radius:5px;  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
     .largeButtonMenuImage{  min-width:150px;              width:30%;              padding: 0px;    }
     .largeButtonMenuItemBg{      min-width:150px;              width:30%;              text-align:center;              color:#000000;              font-size:18px;              font-family:STHeitiTC-Light, Tahoma;              font-weight:100;    }
    img.largebuttonmenucenter{       margin-left: auto;    margin-right: auto;   margin-top: 15px; }

/*Top categories*/
.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {color: #115599}


a:visited{color:#0000bb}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{font-size: 13px;}

/* */
td {font-family:arial,sans-serif; font-size: 13px; }

/* Title/link of pages */
.title{color:#0000FF; font-size:15px}



.searchBox{border:1px solid #113377;}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#e5ecf9; 
	font-weight: bold;
	margin-bottom:14px;
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}
.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}

hr{color:#000066;}
hr.powered{width:550; color: #000066}

/*main results table */
#results{width: 780;}

h1 {
	text-align: center;
	font-family: Verdana, Ariel;
	font-size:24px;
	color: #000066;
	}

#other_pages {
	text-align:center;
}
#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	vertical-align: center;
}
#common_report {
		text-align:center;
}
#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;
}

#cat_main {
	font-weight: bold;
}

.divline{
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size:12px;
}

.idented {
	margin-left:30px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('slidingdoors_button_right.png') no-repeat scroll top right;
border-radius:1px;    
color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('slidingdoors_button_left.png') no-repeat;
    display: block;
border-top-left-radius:1px;
border-bottom-left-radius:12px;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}

a:link.button, a:visited.button, a:active.button{
color: #000000; /*button text color*/
}
a.button:hover{ /* Hover state CSS */
background-position: bottom right;
}

a.button:hover span{ /* Hover state CSS */
background-position: bottom left;
color: black;
}

/*BELOW:  CSS Menu/link buttons at top of pages in web app (Not in smartphone app)*/

.buttoncssblue1 {
-moz-box-shadow: 0px 0px 1px 0px #000000;
	-webkit-box-shadow: 0px 0px 1px 0px #000000;
	box-shadow: 

0px 0px 1px 0px #000000;	
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dacd9), color-stop(1, 

#303d65) );
	background:-moz-linear-gradient( center top, #9dacd9 5%, #303d65 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dacd9', endColorstr='#303d65');
	background-color:#9dacd9;
	border:0px solid #dcdcdc;
	display:inline-block;

margin-right:-3px;
	color:#e2e3e6 !important;
	font-family:arial;
	font-size:13px;
	font-weight:;
	padding:4px 8px;
	text-decoration:none; text-shadow:1px 1px 0px #546c99;
}
.buttoncssblue1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #303d65), color-stop(1, 

#9dacd9) );
	background:-moz-linear-gradient( center top, #303d65 5%, #9dacd9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#303d65', endColorstr='#9dacd9');
	background-color:#303d65;
}.buttoncssblue1:active {
	position:relative;
	top:1px;
}

.buttoncssblue2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:0px;
	border:1px solid #337fed;
	display:inline-block;
margin-right:-3px;
	color:#ffffff !important;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}.buttoncssblue2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.buttoncssblue2:active {
	position:relative;
	top:1px;
}

.buttoncssgray1 {
	-moz-box-shadow:inset 0px 0px 1px 0px #000000;
	-webkit-box-shadow:inset 0px 0px 1px 0px #000000;
	box-shadow:inset 0px 0px 1px 0px #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #d1d1d1) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #d1d1d1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d1d1d1');
	background-color:#f5f5f5;

	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border-bottom:0px solid #333333 !important;
border-top:0px solid #333333;
	display:inline-block;
margin-right:-4px;
	color:#111111 !important;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.buttoncssgray1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.buttoncssgray1:active {
	position:relative;
	top:1px;
}


/*BELOW:  Sliding Door Menu/link buttons using images for top of pages in web app (Not in smartphone app). Use HTML: <a class="squarebutton" href="CondoAct.html"><span>Condo Act</span></a>  */

a.squarebutton{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
float: left;
font: bold 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #393939; /*button text color*/
}
a.squarebutton span{
background: transparent url('square-gray-right.gif') no-repeat top right;
border-radius:1px;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
    background: transparent url('slidingdoors_button_right.png') no-repeat scroll top right;
border-radius:1px;    
color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url('slidingdoors_button_left.png') no-repeat;
    display: block;
border-top-left-radius:1px;
border-bottom-left-radius:12px;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}
a:link.button, a:visited.button, a:active.button{
color: #000000; /*button text color*/
}
a.button:hover{ /* Hover state CSS */
background-position: bottom right;
}
a.button:hover span{ /* Hover state CSS */
background-position: bottom left;
color: black;
}

/* Content of all subpages in Web App */
.scontent {
background-color:#ffffff !important; border-radius:0px; padding:6px 4px 8px 6px; margin:0px 0px 

15px 0px; 
}


/*BELOW: Logo and Gray Bars.   background: #C7C8CC; left: 120px; height: 27px;
#logo a { 	text-decoration: none; 	color: #fff; } 9px */

#mainpage {
	margin: auto;
	max-width:810px; min-width:290px;
	margin-top:px;
	
	background-color:#ffffff;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
box-shadow: 0px 2px 18px 4px #464648;

}
#header1 {
	
	padding: 0;
	height: 10px;
	margin:  auto;
	background: #405080 ;
}

#header {
	width: 100%;
	padding: 14px 0px 0px 0px;
	height: 116px;
	margin:  auto;
	background: #ffffff;
	color: #fff;
z-index:-2;
}

#logo {   /* position: absolute; top: 14px;margin-left: 120px;z-index:15; top: -116px;
bottom: -116px;	margin-left: 70px; #logo img {
	position: relative; top: 0px;float:left;z-index:2; position: relative;
top: -104px;  } */

	position: relative;
	top: -93px;
	margin-left:auto; margin-right:auto;
	max-width:855px; min-width:290px;
	height: 105px;
	z-index:5;
}

#logo img {
	position: relative;
	
	margin-left:30px;
margin-right:auto;
	top: 0px;
	
	z-index:2;   }

#logo h1 {
	font-size: 2.75em;
	font-family: Bitter, serif;
}
.hblocklong {
	position: relative;
	margin-bottom: 3px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	z-index:1;
	background: #C8C9Cd; /*  */
}
h2.hblocklong {  color:#051C60; text-align:center; letter-spacing:1px;font-weight:normal;font-family: 

georgia; font-size:25px;  margin:auto; text-shadow:1px 1px 0px #aab9e6; white-space:nowrap; FILTER: 

DropShadow(Color=#aab9e6, OffX=1, OffY=1, Positive=1)
}

#left {
    float: left;
    min-width: 112px;
	height: 28px;
}
#right {
float: right;
   width: 112px;
	height: 28px;
}

#linkmenu {
margin: 0 auto;
height: 26px;
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}
#sublinkmenu {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dacd9), color-stop(1, 

#303d65) );
	background:-moz-linear-gradient( center top, #9dacd9 5%, #303d65 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dacd9', endColorstr='#303d65');
	background-color:#9dacd9;
	border:0px solid #dcdcdc;	
	margin: auto;
	max-width:855px; min-width:290px;
}

#pageTitle h3{ color:#334a8d;}
</style>