/* CSS Document */

body {
background-image:url(images/background-new4.png);
background-position: 30% 0%;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11.5px;
}

h3 {color:#105563; margin:0px 0px 3px 10px; font-variant:small-caps; font-size:16px;}

a {color:#4A757B;
text-decoration:none;
font-weight:bold;}

a:hover {border-bottom:1px dotted #4A757B;}

#background {
width:580px;
margin-left:230px;
}

#logo {
margin:30px 0px 0px 100px;
width:400px;
}

#logo a, #logo a:hover {border:0px; border-bottom:0px dotted #4A757B;}

/* xsnazzy style from http://www.cssplay.co.uk/ */

/*welcome box*/
#xsnazzy2 p{padding-bottom:0.5em;font-size:13px; margin:0 10px; letter-spacing:1px;}
#xsnazzy2 {background: transparent; margin:1em; width:380px; margin:70px 10px 0px 30px;}

/*links on interior pages*/
#xsnazzy3 {background: transparent; margin:1em; width:120px; margin:50px 13px 30px 0px; float:left;}
.xboxcontent3 {display:block; background:fff; border:0 solid #B5CF42; border-width:0 1px; height:40px;}
#xsnazzy3 p {padding-bottom:0.5em; margin:0 10px; letter-spacing:1px; font-variant:small-caps; text-align:center;}

/*snazzybox */
#xsnazzy {background: transparent; width:130px; margin:60px 60px 0px 10px; float:left;}
#xsnazzy p { margin:0 10px; letter-spacing:1px;padding-bottom:0.5em;font-size:17px; text-align:center; height:50px;font-variant:small-caps; padding-top:10px; background-color:#fff; border-bottom:1px solid #fff;}
#xsnazzy, #xsnazzy3 a {font-weight:normal;}

.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:#fff; border-left:1px solid #8CC329; border-right:1px solid #8CC329;}
.xb1 {margin:0 5px; background:#8CC329;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:fff; border:0 solid #8CC329; border-width:0 1px;}
.xboxcontent p, .xboxcontent3 p {line-height:20px; font-size:14px; margin:70px 120px 0px 60px;}

#linkbox {
width:450px;
height:220px;
margin:10px 0px 0px 0px;
}

#textbox {margin:50px 20px 20px 0px;}
#textbox p {line-height:22px; font-size:13px; margin:0px 20px 0px 20px;}
#textbox h1 {margin:10px 0px 10px 20px; font-size:22px; color:#105563; font-variant:small-caps; font-weight:normal;}


a.screen, a.screen:visited {
color:#4A757B; 
position:relative; 
z-index:1;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000;  add a border */
left:275px; /* position:the image */
top:-120px;
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img {
border:0; /* remove the link border */
}