/* CSS Document */

body {
	background-image: url();
	background-repeat: no-repeat;
	background-color: #999999;
	font:Arial, Helvetica, sans-serif;
}

a:hover
{color:#FFFF00;
}

#bg_shadow /* page background shadow */{
	width: 770px;
	background-image: url(images/shadow.gif);
	background-repeat: repeat-y;
	padding: auto;
	margin: auto;
}

#wrapper {
	width: 760px;
	background-color: #fff;
	border-left: 1px solid #fff200;
	border-right: 1px solid #fff200;
	border-top: 1px solid #fff200;
	border-bottom: 1px solid #fff200;
	padding: auto;
	margin: auto;
	font:Arial, Helvetica, sans-serif;
}

.header {
	height: 127px;
	background-image:url(images/jwbanner.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#navbar_shadow {
	height: 13px;
	background-image: url(images/title_shadow.gif);
	background-repeat: repeat-x;
}

/*  LEFT NAVIGATION BAR (for all pages) */
.left_navbar_table{
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border: 1px solid #fff200;
	border-left: 1px solid #fff200;
	}
	
.left_navbar {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-left: none;
	border-right: 1px solid #fff200;
	border-top: 1px solid #fff200;
	border-bottom: 1px solid #fff200;
	}

.left_navbar a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

.left_navbar a:visited {
	display: block;
	font-size: 13px;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
        
.left_navbar a:hover {
	display: block;
	font-size: 13px;
	color: #white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #0b0639;
}


/*  LEFT NAVIGATION BAR Top (for all pages) */
.top_left_navbar_table{
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border: 1px solid #fff200;
	border-left: 1px solid #fff200;
	border-top:none;
	}
	
.top_left_navbar {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-left: none;
	border-right: 1px solid #fff200;
	border-top: 1px solid #fff200;
	border-bottom: 1px solid #fff200;
	}

.top_left_navbar a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

.top_left_navbar a:visited {
	display: block;
	font-size: 13px;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
        
.top_left_navbar a:hover {
	display: block;
	font-size: 13px;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #0b0639;
}

/*  LEFT NAVIGATION BAR Bottom (for all pages) */
.bottom_left_navbar_table{
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border: 1px solid #fff200;
	border-left: 1px solid #fff200;
	}
	
.bottom_left_navbar {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-left: none;
	border-right: 1px solid #fff200;
	border-top: 1px solid #fff200;
	border-bottom: 2px solid #fff200;
	}

.bottom_left_navbar a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

.bottom_left_navbar a:visited {
	display: block;
	font-size: 13px;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
        
.bottom_left_navbar a:hover {
	display: block;
	font-size: 13px;
	color: #white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #0b0639;
}

.left_navbar_left {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-right: 1px solid #fc0;
	border-top: 1px solid #fc0;
	border-bottom: 1px solid #fc0;
}
        
.left_navbar_left a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
        
.left_navbar_left a:visited {   
	display: block;
	font-size: 13px;
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

.left_navbar_left a:hover {
	display: block;
	font-size: 13px;  
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	background: #0b0639;
}

.left_navbar_right {
	font-size: 13px; 
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-top: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
}

.left_navbar_right a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

.left_navbar_right a:visited {
	display: block;
	font-size: 13px;
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

.left_navbar_right a:hover {
	display: block;
	font-size: 13px;
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	background: #0b0639;
}


.footer {
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #210d8c;
	padding: 3px 0px 0px 0px;
	margin-top: 20px;
	border-top: 1px solid #fc0;
}

.footer a:link {
	font-size:12px;
	color:#3333FF;
	text-decoration:none;
	}
	
.footer a:hover {
	font-size:12px;
	color:#000000;
	text-decoration:none;
	}
	
.footer a:visited {
	font-size:12px;
	color:#000000;
		}

/* NAVIGATION BAR (for all pages) */
.navbar {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-top: 1px solid #fff200;
	border-bottom: 1px solid #fff200;
	border-right: 1px solid #fff200;
	font:Arial, Helvetica, sans-serif;
	width: 140px;
}

.navbar a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 140px;
}

.navbar a:visited {
	display: block;
	font-size: 13px;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 140px;
}
        
.navbar a:hover {
	display: block;
	font-size: 13px;
	color: #white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background: #0b0639;
	width: 140px;
}

/* NAVIGATION BAR LEFT (for all pages) */
.navbar_left {
	font-size: 13px;
	font-weight: none;
	color: white;
	text-align: center;
	background: #210d8c;
	border-right: 1px solid #fc0;
	border-top: 1px solid #fc0;
	border-bottom: 1px solid #fc0;
}
        
.navbar_left a:link {
	display: block;
	font-size: 13px;
	font-weight: none;
	color: white;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
        
.navbar_left a:visited {   
	display: block;
	font-size: 13px;
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
}

.navbar_left a:hover {
	display: block;
	font-size: 13px;  
	color: white;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	background: #0b0639;
}


.spacer {
	height: 1px;
	}
	

/* --- Home Page Content Styles --- */
.home_page {
	font-size:13px;
	}

/* --- Academics Pages Content Styles --- */
.content_academics {
	font-size:13px;
}
.content_academics a:link {
	font-size:13px;
	color:#3333FF;
	text-decoration:underline;
	}
	
.content_academics a:hover {
	font-size:13px;
	color:#fff000;
	text-decoration:none;
	}
	
.content_academics a:visited {
	font-size:13px;
	color:#3333FF;
		}
		
.content_academics th{
	font-size:16px;
	

	}
	
/* --- Media Center Pages Content Styles --- */
.content_mediacenter {
	font-size:13px;
	background-image:url(images/mediacenterbackground.gif);
	background:no-repeat;
	}
.content_mediacenter a:link {
	font-size:13px;
	color:#3333FF;
	text-decoration:underline;
	}
	
.content_mediacenter a:hover {
	font-size:13px;
	color:#fff000;
	text-decoration:none;
	}
	
.content_mediacenter a:visited {
	font-size:13px;
	color:#3333FF;
		}
		
.content_mediacenter th{
	font-size:16px;
	}
		


.bottom_links {							/* --- Bottom Navigation Links in Footer --- */
	font-size: 11px;
	color: #fff;
	text-align: center;
	background-color: #210d8c;
	padding: 3px 0px 3px 0px; 
}

.bottom_links a:link, .bottom_links a:visited {
	color: #fff;
	text-decoration: none;
}

.bottom_links a:hover {
	color: #ffff00;
	text-decoration: none;
}

/* Dropdown menu CSS */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
background: #ffffff;
color: #0a0538;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
background: #fff200;
color: #0a0538;
padding: 1px 0;
text-decoration: none;
font-weight: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0a0538;
color: #ffffff;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

.image_float_right {
	float:right;

}
/* Scroller CSS */

#pscroller1{
width: 136px;
height: 100px;
padding: 0px;
background:none;
color: #ffffff;
font:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
}

#pscroller1 a:link {
color: #FFF200;
}

#pscroller1 a:hover {
color: #ffffff;
}

#scroller {
	padding: 23px 5px 5px 7px;
	background:url(images/scroller_bg2.gif);
	border: none; 
	width: 136px;
	height: 140px;
	margin-left:3px;
}

#scroller_indexpage {
	padding: 23px 5px 5px 7px;
	background:url(images/scroller_bg2.gif);
	border: none; 
	width: 136px;
	height: 140px;
	
}

img.sports_pic {
	border:2px solid gold;
}
 
img.staff_pic {
	border:1px solid gold;
}

img.mediacenter_pic {
	border:1px solid gold;
}

img.senior_pic {
	border:1px solid gold;
}
#countdown  {
	background:url(images/countdown_bg.gif);
	width: 500px;
	height: 39px;
	font-size: 13px;
	margin-left:50px;
	margin-top:10px;
	padding-top:33px;
	color:#FFFFFF;
	}