/***  YOUR SITES STYLES  ***/
/* Any styles you need to add can be placed here. */  
/* Note: there is a great number of preset styles in the global stylesheet */

a { text-decoration:none; padding:0px; margin:0px; color:#500a99;} 

	a:visited{ text-decoration:none; padding:0px; margin:0px; color:#500a99;}
	a:hover { text-decoration:none; padding:0px; margin:0px; color:#d6852d; }

li { line-height:18px;
    }

#navBar img {
 display: inline;
}
#mainBody img {
 display: inline;
}

#featureimage {float:right; width:290px; height:240px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
#featureimage2 {float:left; width:273px; height:245px; padding-left:10px; padding-bottom:10px;}

#featuretext {float:left; width:280px; height:200px; padding-top:10px; padding-left:10px; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;}
#featuretext2 {float:right; width:270px; height:268px; padding-top:10px; padding-right:30px; padding-bottom:0px; font-family: arial, verdana, helvetica, sans-serif; font-size: 11px;}

#bodytext {width:600px;}

#interContainer{
position: absolute;
width: 260px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #d0e47e;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;

background-color: white;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

h3 {font-size:18px; color:#1762af; line-height:19px;}
h4 {font-size:16px; color:#1762af; line-height:19px;}
h5 {font-size:12px; color:#1762af; line-height:19px;}
.newsbar {height:19px; width:612px; margin:0 auto; padding:0 0 15px 0; font-size:18px; color:#1762af; vertical-align:top;}

#greenside {background-image:url(../images/greengradient.jpg); background-repeat:no-repeat;width:184px; height:288px;}
.greentext {padding:12px; width:160px; height:264px; font-size:16px; line-height:18px; text-align:center;}

#summerreadingl {float: left; width:300px;}
#summerreadingr {float: right; width:360px; padding-right:10px;}
.red {color:#780817;}
.brown {color:#4a2f23; padding-bottom:10px;}
#connect {width:280px; text-align:left;padding-top:10px; padding-bottom:5px;}

#ctcimage {float:right; width:200px;}
#ctcarchiveleft {float:left; width:490px; padding:10px 0 0 10px; font-size:12px; text-align:left;}
#ctcarchiveright {float:right; width:300px; padding:10px 10px 0 0; font-size:12px; text-align:left;}

#ctctext {float:left; width:680px; font-size:11px; padding-top:10px; border-top:dotted 1px #4a2f23;}

.ctctextleft {float:left; width:680px; font:normal 12px "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; line-height:14px; text-align:left; padding-left:0px; padding-top:10px;}

.ctcdisclaimer {font:normal 9px "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; line-height:12px; text-align:left; padding:5px;}

.centered-cell {text-align: center; color:#4a2f23;} 
#ctcpolicies {float:left; width:680px; padding-Top:10px; padding-bottom:10px;}
.left-cell {text-align: left; color:#4a2f23;}

#ddtleft {float:right; width:520px;}
#ddtright {float:left; width:150px; height:150px; padding-right:10px;}

.evitebody {width:600px;}