.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


/*Top Sub Menu*/
.topsubmenu{
margin: 0px;
padding: 0;
font: bold 10px Arial;
width: 100%;	
}

.topsubmenu li{
display: inline;
}

.topsubmenu li a{
color: #6D8C8D;
padding: 2px 2px;
margin-bottom: 2px;
text-decoration: none;

}

.topsubmenu li a img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.topsubmenu li a:hover{
color: #000;
/*background-color:#F0F0F0;*/
}

.topsubmenu li a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;

}



.div_overflow{
    overflow:auto;
	height:142px;
	width:150px;
	border:1px;
	border:#7F9DB9;
	border:solid;
}

.div_overflow2{
    overflow:auto;
	height:70px;
	width:150px;
	border:1px;
	border:#7F9DB9;
	border:solid;
}

a:link { 
color: blue; 
text-decoration: none; 
} 


a:visited { 
color: #0000B0; 
text-decoration: none; 
} 


a:hover { 
color: #0066FF; 
text-decoration: underline; 
} 


a:active { 
color: red; 
text-decoration: underline; 
} 



.HardBreak
{
width: 120px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}



/*Dropdown Menu*/
.anylinkcss{
position:absolute;
left:-100px;
visibility: hidden;
border:1px solid;
border-color:#999999;
border-bottom-width: 0;
font:normal 11px Verdana;
text-align:left;
color:#000000;
line-height: 18px;
z-index: 100;
background-color: #fff;
width: 155px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 5px;
text-align:left;
color:#000000;
border-bottom: 1px solid;
border-color:#E1E1E1;
padding: 2px 2;
text-decoration: none;
font-weight: normal;

}

.anylinkcss a:hover{ /*hover background color*/
background-color: #476D7A;
text-decoration: none;
color: white;
}


/*Dropdown Menu - Developments*/
.anylinkcssDev{
position:absolute;
left:-100px;
visibility: hidden;
border:1px solid;
border-color:#999999;
border-bottom-width: 1;
font:normal 11px Verdana;
text-align:left;
color:#000000;
line-height: 18px;
z-index: 100;
background-color: #fff;
width: 155px;
}

.anylinkcssDev a{
width: 100%;
display: block;
text-indent: 5px;
text-align:left;
color:#000000;
border-bottom: 1px solid;
border-color:#E1E1E1;
padding: 2px 2;
text-decoration: none;
font-weight: normal;

}

.anylinkcssDev a:hover{ /*hover background color*/
background-color: #476D7A;
text-decoration: none;
color: white;
}

/*Dropdown Menu for HTML - Favorites*/
.anylink2css{
position:absolute;
left:-100px;
visibility: hidden;
font:normal 11px Verdana;
text-align:left;
color:#000000;
line-height: 18px;
z-index: 100;
background-color: #fff;

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=6);
}

.anylink2css a{
width: 100%;
display: block;
text-align:left;
color:#000000;
padding: 2px 2;
text-decoration: none;
font-weight: normal;

}

.anylink2css a:hover{ /*hover background color*/
background-color: #476D7A;
text-decoration: none;
color: white;
}




/* highlight cells*/

tr.d0 td {
	background-color: #FFFFFF;
	padding: 4px 1px 4px 0px; /*top right bottom left*/
}
tr.d2 td {
	background-color:#FFFF33;
	padding: 4px 1px 4px 0px; /*top right bottom left*/
}
tr.d1 td {
	background-color: #EBEBEB;
	padding: 4px 1px 4px 0px; /*top right bottom left*/
}

tr.db0 td {
	background-color: #FFFFFF;
	
}
tr.db1 td {
	background-color: #E4EEF1;
	
}

/*Header with standard bold text - For lists*/ 
tr.hdrbglist td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #D6DFF7;
	padding: 6px 2px 6px 4px; /*top right bottom left*/
} 

tr.offf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline-color: #FFFFFF;
	outline-style: solid;
	outline-width: 1px;
	background-color:#FFFFFF;
	background-image: none;
}

tr.onn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline-color: #B8D7DA;
	outline-style: solid;
	outline-width: 1px;
	background-color:#EFEFEF;
    background-image: none;
	}

.myForm td, input, select, textarea, checkbox  {
	font-family: tahoma;
	font-size: 12px;
}

.required {
	color: red;
}

/* list bullets */
.bulletCheck li{
list-style-image:url(http://www.websidehouseplans.com/Images/bullet-check.gif);
margin-top:2px;
}

.bulletCheck2 li{
list-style-image:url(http://www.websidehouseplans.com/Images/addoption+.png);
margin-top:2px;
}

/* plan search number bar*/

.SecNavBld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #666666;

}

td#SecNavBld a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		font-weight: bolder;
	color: #5677A9;

	text-align: center;
	padding: 2px 2px 2px 2px;
	border-right-color: #C2E2D5;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #C2E2D5;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #C2E2D5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #C2E2D5;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#DCE4E0;
	text-decoration: none;
}
td#SecNavBld a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: underline;
}
td#SecNavBld a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009966;

		padding: 2px 4px 2px 4px;
	border-right-color: #D5FFE2;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #D5FFE2;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #D5FFE2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #D5FFE2;
	border-top-style: solid;
	border-top-width: 1px;
	text-decoration: none;
}
td#SecNavBld a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9B0000;
	text-decoration: underline;
}


td#SecNavBldRed a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		font-weight: bolder;
	color: #5677A9;
	text-decoration:none;
		text-align: center;
	padding: 2px 2px 2px 2px;
	border-right-color: #C2E2D5;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #C2E2D5;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #C2E2D5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #C2E2D5;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#DCE4E0;
		background-image: none;
}
td#SecNavBldRed a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: underline;
}
td#SecNavBldRed a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;

	padding: 2px 2px 2px 2px;
	border-right-color: #C2E2D5;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #C2E2D5;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #C2E2D5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #C2E2D5;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#DCE4E0;
	background-image: none;
	text-decoration: none;
}


.dottedline {
background-image:url(../Images/reportline.png); 
background-repeat:repeat-x;

}

/* Main */


.bak2top {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: #FFFF66;
	padding: 2px;
}

table#TblListCell { /*list cell color*/
background-color:#F0F0F0;
}

table#TblBorderPlnlr { /*left and right border for rounded table borders */
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}

table#TblBorderPlnTopOnly { /*top only*/
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnTopOnlyBlue { /*top only*/
	border-top-color: #558E9B;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnBotOnly { /*bottom only dark*/
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnBotOnlyLite { /*bottom only light*/
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnBotOnlyBlue { /*bottom only*/
	border-bottom-color: #558E9B;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnSplitTop {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnSplitSides {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnSplitBot {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnbrl { /*bottom right left*/
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

td#tdBorderPlntrbl { /*top right bottom left*/
	background-color:#FFFFFF;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 8px 8px 8px 8px; /*top right bottom left*/ 
}

table#TblBorderPln {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnVerLeft {
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnVerRight {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderRedDash {
	border-right-color: #FF0000;
	border-right-style: dashed;
	border-right-width: 1px;
	border-bottom-color: #FF0000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-color: #FF0000;
	border-left-style: dashed;
	border-left-width: 1px;
	border-top-color: #FF0000;
	border-top-style: dashed;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderPlnBlue {
	border-right-color: #80A6B3;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #80A6B3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #80A6B3;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #80A6B3;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorderGray {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #FBFBF8;
	padding: 1px 1px 1px 1px; /*top right bottom left*/ 
}

table#TblBorder {
	border-right-color: #FF0000;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #FF0000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FF0000;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #FF0000;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #FFFFE1;
}

table#TblBorder2 {
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #4895A9;
}

table#TblSucc {
background-image:url(../Images/succInfo.gif);
background-repeat:no-repeat;
background-position:left;
	border-right-color: #2E8338;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #2E8338;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #2E8338;
	border-left-style: solid;
	border-left-width: 2px;
	border-top-color: #2E8338;
	border-top-style: solid;
	border-top-width: 2px;
	background-color: #ffffff;
	padding: 8px 8px 8px 8px; /*top right bottom left*/ 
}

table#TblError {
background-image:url(../Images/errorInfo.gif);
background-repeat:no-repeat;
background-position:left;
	border-right-color: #FF0000;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #FF0000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #FF0000;
	border-left-style: solid;
	border-left-width: 2px;
	border-top-color: #FF0000;
	border-top-style: solid;
	border-top-width: 2px;
	background-color: #ffffff;
	padding: 8px 8px 8px 8px; /*top right bottom left*/ 
}

/* Generic Selectors */ 


table { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333333; 
} 


/*h1 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #8BB1AF; 
} 

h2 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #000000; 
} */

/*h3 {
font-size:11px;
color:#0000FF;
           margin-top:-4px;
           margin-bottom:-18px;
}*/

h1 { 
font-family:Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: normal; 
color: #4782AD; 
} 

h2 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: normal; 
color: #5BA4AC; 
} 

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: normal;
		line-height: 1.5em;
	color: #5BA4AC;
	width: 95%;
	clear: both;
	border-bottom: 1px solid;
	border-color:#ADD1D6;

}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: normal;
	color: #FF9900;
	width: 95%;
	clear: both;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5em;
	color: #EB8723;
	width: 95%;
	clear: both;
	border-bottom: 1px solid;
	border-color:#F9D6B7;

}


.PageTextOrng11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.PageTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}


.PageTextSmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageTextSmallGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.PageTextRomanBlue14 {
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #486F84;
	text-decoration: none;
}

.PageTextRomanBlue16 {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #486F84;
	text-decoration: none;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageTextDrkGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.PageTextDrkGray10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.PageTextLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: blue;
	text-decoration:none;
}

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

a.button { 
	
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 3px;
    padding-right: 9px; 
	color: #444;
	text-decoration: none;
}

a.button span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 8px; /*large number is padding left*/
	color: #444;
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button:active span {
    background-position: bottom left;
    padding: 2px 0 2px 8px; /*large number is padding left*/
	color: #444;
	
} 


/*white button*/
a.button-white { 
	
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_white_small_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 3px;
    padding-right: 9px; 
	color: #444;
	text-decoration: none;
}

a.button-white span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_white_small_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 8px; /*large number is padding left*/
	color: #444;
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button-white:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button-white:active span {
    background-position: bottom left;
    padding: 2px 0 2px 8px; /*large number is padding left*/
	color: #444;
	
} 


/*left button <---] */
a.button-left { 
	
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 7px; 
	color: #444;
	text-decoration: none;
}

a.button-left span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 7px; /*large number is padding left*/
	color: #444;
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button-left:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button-left:active span {
    background-position: bottom left;
    padding: 2px 0 2px 7px; /*large number is padding left*/
	color: #444;
	
} 


/*middle button  [---] */
a.button-mid { 
	
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_sq_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 7px; 
	color: #444;
	text-decoration: none;
}

a.button-mid span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_sq_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: #444;
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button-mid:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button-mid:active span {
    background-position: bottom left;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: #444;
	
} 



/*mid WITHOUT the a tag*/
a.button-wo { 
	 background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_sq_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 7px; 
	color: #8F8F8F;
	cursor:default;
	text-decoration: none;
}

a.button-wo span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_right_sq_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: red;/*#8F8F8F;*/
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button-wo:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button-wo:active span {
    background-position: bottom left;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: #444;
	
} 


/*right button [---> */
a.button-right { 
	
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 22px;
    margin-right: 0px;
    padding-right: 8px; 
	color: #444;
	text-decoration: none;
}

a.button-right span {
    background: transparent url('http://www.websidehouseplans.com/Images/bg_button_small_left_sq_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: #444;
	outline: none; /* hide dotted outline in Firefox */
	
} 

a.button-right:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	color: #444;
	
}

a.button-right:active span {
    background-position: bottom left;
    padding: 2px 0 2px 6px; /*large number is padding left*/
	color: #444;
	
} 





#PageTextWithBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration:none;	
	background-color:#CCCCCC;
	padding:8px;
	padding-bottom:2px;
    padding-top:2px;
	border-left:#999 solid 1px;
	border-right:#999 solid 1px;
}
#PageTextWithBox:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration:none;
	background-color:#000;
	padding:8px;
	padding-bottom:2px;
    padding-top:2px;
}


.PageText11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageText12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageText13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageText14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.PageText15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.PageTextBlue10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #486F84;
	text-decoration: none;
}

.PageTextBlue18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #9CABA9;
	text-decoration: none;
}

.PageTextGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #BCBCBC;
	text-decoration: none;
}

.PageTextRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Red;
	text-decoration: none;
}

.PageTextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: white;
	text-decoration: none;
}



/************************* ID's *************************/ 


#titleLine { /* Single gray line behind subject title text */
background-image:url(../Images/titleLine.gif);
background-repeat:repeat-x;
}

/*Header for Help News - Blueish  background with black text*/ 
#hdrbgSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 4px;
	color: #000;
	background-color: #E7ECFF;
	padding: 6px 4px 6px 4px; /*top right bottom left*/
} 
#hdrbgglass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color: #E7ECFF;
	padding: 2px 2px 4px 2px; /*top right bottom left*/
	background-image: url(http://www.snad.com/Images/bggray.png);
	background-repeat: repeat-x;
} 

/*Header and link on Desktop */ 
#hdrTitleLink {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin-bottom:-8px;
	
} 

/*Header with large bold text - gray cell*/ 
#hdr1 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #666666; 
background-color: #EFEFE2;
padding: 2px 2px 4px 2px; /*top right bottom left*/ 
} 
/*Header with standard bold text - gray cell*/ 
#hdr2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	background-color: #EFEFE2;
	padding: 2px 2px 4px 2px; /*top right bottom left*/
} 
/*Header with standard bold text - TOP header */ 
#hdrbgtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	/*background-color: #EFEFE2;*/
	padding: 8px 4px 10px 4px; /*top right bottom left*/
	/*background-image: url(http://www.snad.com/Images/bggraytop.png);
	background-repeat: repeat-x;*/
} 

/*Header with standard bold BLUE TOPIC text - TOP header */ 
#hdrbgtopblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: BLUE;
	/*background-color: #EFEFE2;*/
	padding: 8px 4px 10px 4px; /*top right bottom left*/
	/*background-image: url(http://www.snad.com/Images/bggraytop.png);
	background-repeat: repeat-x;*/
} 

/*Header with standard bold BLUE TOPIC text - TOP header */ 
#hdrbgtopbluesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: BLUE;
	/*background-color: #EFEFE2;*/
	padding: 8px 4px 10px 4px; /*top right bottom left*/
	/*background-image: url(http://www.snad.com/Images/bggraytop.png);
	background-repeat: repeat-x;*/
} 

/*Header with standard bold text - gray glass back ground image*/ 
#hdrbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	background-color: #EFEFE2;
	padding: 2px 2px 4px 2px; /*top right bottom left*/
	background-image: url(http://www.snad.com/Images/bggray.png);
	background-repeat: repeat-x;
} 

/*Header with standard bold text - SMALL gray glass back ground image*/ 
#hdrbgsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #EFEFE2;
	padding: 2px 2px 4px 2px; /*top right bottom left*/
	background-image: url(http://www.snad.com/Images/bggraysmall.png);
	background-repeat: repeat-x;
} 


/*Header with standard normal text - gray cell*/ 
#hdr3 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #666666; 
background-color: #EFEFE2;
padding: 2px 2px 4px 2px; /*top right bottom left*/ 
} 

/*Header for Admin - Green cell*/ 
#hdrAdmin { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #666666; 
background-color: #AEC7A3;
padding: 2px 2px 4px 2px; /*top right bottom left*/ 
background-image: url(http://www.snad.com/Images/bggrayadmin.png);
} 

#hdrAdminSmall { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #666666; 
background-color: #AEC7A3;
padding: 2px 2px 4px 2px; /*top right bottom left*/ 
background-image: url(http://www.snad.com/Images/bggrayadmin.png);
} 

#smallRed { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: red; 
padding: 2px 2px 2px 2px; /*top right bottom left*/ 
} 

#smallText { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: black; 
padding: 2px 2px 2px 2px; /*top right bottom left*/ 
} 

/*old styles*/ 

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;

}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;

}

/**************** Pseudo classes ****************/ 




.SmallText { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: #666666; 
padding: 2px 2px 2px 2px; /*top right bottom left*/ 
} 

.SmallTextArial {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: black; 

} 

.SmallTextLite { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: normal; 
color: #999999; 
padding: 2px 2px 2px 2px; /*top right bottom left*/ 
} 

.TextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding: 2px 2px 2px 2px; /*top right bottom left*/

} 

.SmallTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding: 2px 2px 2px 2px; /*top right bottom left*/

} 

.FontBoldOrangeTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
}

.FontBoldWhiteTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.FontBoldWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}