/*   jquery news ticker css http://www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-with-jquery-and-jcarousel-lite/   */



#newsticker-demo {
width:100%;
background:#EAF4F5;
padding:5px 5px 0;
font-family:Verdana,Arial,Sans-Serif;
font-size:1.2em;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:100%; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:1.2em; color:#808080; }

.clear { clear: both; }

/* end of jquery news ticker */ 

#header 
{
clear:both;
float:left;
width:100%;
}

#header 
{
margin-bottom: 1.5em;
background-color: #fff;
background-image: url('header-nav-grad-b.jpg');
background-position: right; 
background-repeat: repeat-y;
border-bottom:2px solid #fff;
}

.top-left 
{
background-color: #F4F6F9;
padding-left: .5em;
}


#header p,
#header h1,
#header h2 
{
padding: 0.5em;
margin:0; color: black;
}

#header ul 
{
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}

#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

img
{  border-style: none;
}

 
.navtab1
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab2
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab3
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab4
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab5
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab6
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab7
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab8
{
background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

.navtab9
{background-color:  #357ec7 !important; padding: 1.0em 0.3em 0.6em 0.3em;
background:url() no-repeat; 
background-repeat: no-repeat;
background-position: top ;
min-width:;
}

#header ul li a {
min-width:;
display:block;
float:left;
margin:0 0 0 2px;
padding:0px 0px;
text-align:center;
border: none;
color:#000;
text-decoration:none;
position:relative;
left: .8em;
line-height:1.4em;
font-size: 120%;
font-weight: normal;}

#header ul li a:hover {
color:#fff;
}

.sub_title
{
padding-top: 1em;
}

.left-element {float: left; padding: 1.5em}
.right-element {float: right;}

*>html .left-element {width: 49%;}
*>html .right-element {width: 49%;} 

.header_contentbox
{
border-top-right-radius: 20px;	-moz-border-radius-topright: 20px;	-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;	-moz-border-radius-topleft: 20px; 	-webkit-border-top-left-radius: 20px;

border: 1px solid #fff;
background-color: #fff;
margin: 1em 1em 1em 1em;
background-image: url('header-nav-grad.jpg');
background-repeat:repeat-y;
background-position: left;
-moz-box-shadow: 2px 2px 4px #1569c7; -webkit-box-shadow: 2px 2px 4px #1569c7; box-shadow: 2px 2px 4px #1569c7;
}


#layoutdims 
{
clear:both;
background: #fff;
border-top:4px solid #25587e;
margin:0;
padding:6px 15px !important;
text-align:right;
color: white; }

.lighter
{
font-weight: lighter;
}
/* new design follows under here */


html {
background-image: url(gradients/html_gradient.jpg) ; 
background-repeat: repeat-x;
background-color: #ffffff;
background-attachment: scroll;
font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
font-weight: normal;
}

ul.info_list
{
list-style-type: none; 
float: left;
margin: 0 1em;
}

ul.inline_info_list li
{
list-style-type: none; 
display: inline;
float: left;
margin: 0 1em;
}

.clearboth {clear: both;}

.subheading
{
font-weight:bold;
color: white; 
background-color: blue;
}

.eightypercent
{font-size:80%}

.notes
{
border-top-style:solid;
border-top-color:silver;
font-size: 100%;
}

.info_anchor_list 
{
padding-top: 0.8em;
line-height: 1.8em;
font-weight: normal;
padding-bottom: 0.8em;
list-style-type: none; 
}

.writing a:link {color:#0000ff; text-decoration: none}
.writing a:visited {color:#0000ff; text-decoration: none}
.writing a:hover {color:#000080; text-decoration: underline}
.writing a:active {color:#000080; text-decoration: none}

.writing {font-size: 90%}

.emph
{
color: #E9EBF7;
background-color: #003366;
font-weight:normal;
margin-top: 30px;
margin-bottom: 30px;
border-bottom-style: solid;
border-bottom-color: silver;
border-bottom-width: 0.05em;
padding-left: 1em;
padding-right: 1em;
}

/* text */

.italic 
{
font-style: italic;
}

.news
{
list-style: none;
}


.right
{
clear:both;
float:right;
}

.left
{
float:left;
}

.uni-item {color: #003366; padding-right:.5em; padding-left:.5em;}
.uni-item_def { background-color: white; padding-right:.5em; padding-left:.5em;} 
/* end of text css */

/* nav css */
/* following css used in previousnews.html so don't delete yet */

ul.navlist li 
{
list-style: none;
display: inline;
padding: 1px;
}


#nowrap
{
white-space: nowrap;  overflow: hidden;
}



.anchor_nav_list 
{
list-style-type: none; 
font-size: 110%;
float: left; 
}

.anchor_nav_list a {color: #0000AA; background-color: transparent; text-decoration: underline;}
.anchor_nav_list a:hover {color: #D0F4FB; background-color: #0000AA; text-decoration: none;}
/* end of above */

/* redesign of site relies on css below */

.urgent-news
{
font-weight: normal;
background: white;
padding-left: 36px;
background:url(icons/star.gif) no-repeat;
background-position: left;
}

h1#logo {
position:absolute;
z-index:100;
padding-left: 1em;
padding-top: 1em;
outline:none;
}

h1#logo a {
display:block;
margin:auto;
background:url(138x147crest.png) no-repeat;
width:138px;
height:147px;
text-indent:-5000px;
outline:none;

}


h1#logo a:hover {
display:block;
margin:auto;
background:url(138x147crest.png) no-repeat;
width:138px;
height:147px;
text-indent:-5000px;
outline:none;
}


.front
{
z-index: +100;
}
body h1#logo {
z-index:100;
top:0px;

}

.left_nav
{
line-height: 3.5em;
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
}

ul.left_nav_list
{
list-style-type: none;
font-size: 1.2em;
margin-right: 2em;
}

.left_nav a {color: silver; text-decoration: none; background-color: transparent !important; padding-bottom: 1.2em; padding-top: 0.5em; }
.left_nav a:visited {color: silver; text-decoration: none; background-color: transparent !important; padding-bottom: 1.2em;  }
.left_nav a:hover {color: #99CCCC !important; text-decoration: none; background-color: transparent !important; padding-bottom: 1.2em;}
.left_nav a:active {color: silver; text-decoration: none; background-color: transparent !important; padding-bottom: 1.2em;}

/* nav bar with images on activities page */ 
/* http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml */

.inline_nav_list a {color: #ffffff !important; background-color: #0066cc; text-decoration: none; position:relative; top: -70px; padding:5px;}
.inline_nav_list a:visited {color: white; background-color: #0066cc; text-decoration: none; position:relative; top: -70px; padding:5px;}
.inline_nav_list a:hover {color: #ffff00 !important; background-color: #087EF8; text-decoration: none; position:relative; top: -70px; padding:5px;}
.inline_nav_list a:active {color: white; background-color: #0066cc; text-decoration: none; position:relative; top: -70px; padding:5px;}


.contentbox a {color: blue; background-color: white; text-decoration: underline !important; margin-bottom: 1.4em;}
.contentbox a:visited {color: blue; background-color: white; text-decoration: underline !important; margin-bottom: 1.4em;}
.contentbox a:hover {color: white; background-color: gray; text-decoration: underline !important; margin-bottom: 1.4em;}
.contentbox a:active {color: blue; background-color: white; text-decoration: underline !important; margin-bottom: 1.4em;}

#sports_nav_img 
{
padding-top: 105px;
background-image: url(../newimages/activities_nav_imgs/Sports-grey.jpg); 
} 

#outings_nav_img 
{
padding-top: 105px;
background: url(../newimages/activities_nav_imgs/Outings2-grey.jpg);
}

#music_nav_img 
{
padding-top: 105px;
background: url(../newimages/activities_nav_imgs/CreativeArts-grey.jpg);
}


#club_nav_img 
{
padding-top: 105px;
background: url(../newimages/activities_nav_imgs/Clubs-grey.jpg);
}

#inline_nav_list ul
{
list-style: none;
padding: 0;
margin: 0;
}



ul.inline_nav_list li 
{
height: 2em;
line-height: 2em;
display: block;
margin: .3em;
width: 96px;
float:left;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#inline_nav_list li a
{
float: none
}
/* End hide */

/* end of above */


/*  for highlighting current page link */ 

.left_nav a:hover,
.home #leftcontent #home a,
.about #leftcontent #about a,
.activities #leftcontent #activities a,
.education #leftcontent #education a,
.news #leftcontent #news a,
.information #leftcontent #information a,
.contact #leftcontent #contact a,
.links #leftcontent #links a 
{
color: white; 
text-decoration: underline;
}


/*end of nav css */

/* layout css */
.box
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-color: silver;
background-color: #f4f4f4;
margin-left: 6em;
margin-right: 1em;
margin-bottom: .5em;
font-size: 1.1em;
padding-left: 10%;
padding-right: 10%;
-moz-box-shadow: 2px 2px 4px #cccccc; -webkit-box-shadow: 2px 2px 4px #cccccc; box-shadow: 2px 2px 4px #cccccc;
}

/* begins new design styles */ 

.contentbox
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #003366;
background-color: #f4f4f4;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: .8em;
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4.5em;
-moz-box-shadow: 2px 2px 4px #cccccc; -webkit-box-shadow: 2px 2px 4px #cccccc; box-shadow: 2px 2px 4px #cccccc;
background-image: url("gradients/box_gradient.jpg") ;
background-position: bottom;
background-repeat: repeat-x;
}

/* begins css from http://glish.com/css/7.asp  for 3 column layout */ 



#sidebar 
{
position: absolute;
right:5px;
top: 185px;
width: 230px;
line-height:1.3em;
clear: both;
z-index:+1;
}

.sidebar_headline_list
{
padding-top: 0.8em;
padding-bottom: 0.8em;
list-style-type: none; 
z-index:+1;
}

ul.sidebar_headline_list li
{
padding-bottom: .5em;
border-bottom: 1px solid silver;
}

/* scrolling headlines css */
#scrollup {
	   position: relative;
	   overflow: hidden;
	   height: 210px;
	   width: 210px
	 }
	 .headline {
	   position: absolute;
	   top: 220px;
     left: 5px;
	   height: 200px;
	   width:190px;
	 }
/*end of scrolling headline css */ 

.push_right
{
padding-left: 0em;
}

#leftcontent 
{
z-index: +1;
padding-bottom: 11em;
background-image: url("gradients/left_gradient.jpg") ;
padding-top: 10em;
left: 10px;
width:196px;
position: absolute;
background-position: bottom ;
background-color: #002366;
background-repeat:repeat-x;
}

#centercontent
{
margin-left: 250px;
margin-right: 250px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 251px;
margin-right:251px;
margin-top: 145px;
}
html>body #centercontent 
{
margin-left: 210px;
margin-right: 250px;
clear: both;
}

/* ends css for three col layout */

.centeredimage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}


div.img_with_caption {
  float: ;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.img_with_caption p {
  text-align: center;
  text-indent: 0;
}

/* top of page */

.alt_to_logo 
{
position: absolute;
top:10px;
right:50px;
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
color: #E9EBF7;
background-color: transparent;
z-index: 100;
}

.alt_to_logo_2nd_line
{
position: absolute;
top:70px;
right:50px;
font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
color: #E9EBF7;
background-color: transparent;
z-index: 100;
}

.fks a
{
font-size: 120%;
background-color: #002366;
color: #ffffff;
padding:1px;
margin-right:3px;
text-decoration: none;
}

.fks a:visited
{
font-size: 120%;
background-color: #002366;
color: #ffffff;
padding:1px;
margin-right:3px;
text-decoration: none;
}

.fks a:hover
{
font-size: 120%;
background-color: #002366;
color: #CCFFFF;
padding:1px;
margin-right:3px;
text-decoration: none;
}  

.fks a:active
{
font-size: 120%;
background-color: #002366;
color: #ffffff;
padding:1px;
margin-right:3px;
text-decoration: none;
}


/* ends top of page css */


/* end of layout css */ 

/* footer css */

.to_stick_footer 
{
min-height: 70%;
height: auto !important;
height: 70%;
padding: 0;
}

.footer, .push
{
height:180px;

}




.nav 
{
padding-top: 1em;
padding-bottom: 2em;
text-decoration:none;
font-weight:normal;
font-size: 80%;
}

.nowrap_footer_nav
{
white-space: nowrap;  overflow: hidden;
}
/* end of footer css */

/* css for rss feed button */ 
.feed-button {
  padding: 10px 0;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 36px;
  background: url("../newimages/feed-icon-28x28.png") no-repeat 0 50%;
} 
/* end of feed button css */


ul.footerlist li 
{
display: inline;
list-style: none;

}


ul.footerlist li a
{
color: white;
background-color: #496191;
padding: 0.25em 0.25em 0.75em 0.25em;
}

ul.footerlist li a:hover
{

background-color: white;
color: black;
}

.footer-text
{
padding-left: 1.5em;
}

dd { margin: 0; padding:0;}
dt { font-weight: bold; margin-top: 0.8em; }

#footer-contact-list dt+dd
{
display:block;
}

.indent
{
padding-right: 1.5em;
padding-left: 1.5em;	
}

dl.fee_info dt+dl
{
display: inline;
}


.foot-col
{
padding-top: 1.5em;
padding-left: 1em; padding-right: 1em;
} 

/* border-top: dotted blue;
background-color: red;
background: url('  */