/* 

This CSS stylesheet deals purely with the graphical styles of content block elements
on the subpages.

For phyiscal layout of the subpages, see see sp_layout.css 

*/

/* NOTE THAT THE FIXED FONT SIZE AND FAMILY ARE DEFINED IN sp_layout.css */

/* general link styles.  */

a:link {
color:#606426;
font-weight:bold;
}

a:visited {
color:#892034;
font-weight:bold;
}

a:hover {
color:#000;
font-weight:bold;
text-decoration:none;
}

a.footer:link {
color:#ffffff;
font-weight:bold;
}

a.footer:hover {
color:#cc3333;
font-weight:bold;
text-decoration:none;
}

a.box:link {
color:#28305F;
font-weight:bold;
text-decoration:none;
}

a.box:visited {
color:#4b4e1d;
font-weight:bold;
text-decoration:none;
}

a.box:hover {
color:#000;
font-weight:bold;
text-decoration:underline;
}

a.skip_banner, a.skip_banner:hover, a.skip_banner:visited {
font-size:5%;
color:#ffffff;
position:absolute;
left:0px;
top:-500px;
} 

a.skip_nav, a.skip_nav:hover, a.skip_nav:visited {
font-size:5%;
color:#ffffff;
position:absolute;
left:-500px;
} 

.hidden {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
} 

/* content block styles (excluding featured info area).  Note that all styles are based on their specific divs to give them independent control.  Yes, it's a pain in the butt, but it allows for greater independent change to individual sections... */

#left h3 { 
margin-left:20px;
margin-top:30px;
margin-bottom:10px;
}

#left p { 
text-align:left;
margin-left:25px;
margin-right:20px;
margin-bottom:15px;
margin-top:15px;
}

#right p { 
font-size:90%;
text-align:left;
}


img.property {
border-width:1px;
border-style:solid;
border-color:#892034;
margin-left:15px;
margin-right:20px;
}

.boldBlue {
font-weight:bold;
color:#303857;
}

.boldRed {
font-weight:bold;
color:#892034;
}


/* curved box styles */

.zsnazzy {width:257px; margin-left:12px;}
.xsnazzy h3, .zsnazzy h3 {margin:0; font-size:1.2em; padding:0 10px 5px 10px;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#C7C8B3; border-left:1px solid #676A2E; border-right:1px solid #676A2E;}
.xb1 {margin:0 5px; background:#676A2E;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;border:0 solid #676A2E; border-width:0 1px; height:auto; background-color:#C7C8B3; text-align:left;}
* html .xboxcontent {height:1px;}

.color_a {
background:#c9ba65;
color:#fff;
}

/* footer styles */

#footer p {
text-align:center;
padding:0px 10px 10px 28px;
color:#ffffff;
font-size:90%;
font-weight:600;
}