/** links **/

a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}

a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF0000;
	text-decoration: none;
}


/** links end **/



/** black links, blue white links, background **/
a.white:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}

a.white:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
}

a.white:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
}


a.black:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

a.black:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}

a.black:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF0000;
	text-decoration: none;
}

a.blue:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0000cc;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}

a.blue:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0000cc;
	text-decoration: none;
	font-weight:bold;
}

a.blue:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ff0000;
	text-decoration: none;
	font-weight:bold;
}

/** black links, blue links, background end **/



/** BACKGROUND of PAGE **/

body {
	margin:0;
	background-color: #003300;
	
}

.background {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top left;
}

/** BACKGROUND of PAGE **/



/** table attributes **/

table.aboutme {
	font-color:green;
	color:green;
}

td.green { 
	background-color: #019A01;
}

td.lightgreen { 
	background-color: #CCFF99;
}

td.limegreen { 
	background-color: #66CC33;
}

th {
	font-size:12px;
	background-color:#336600; 
	color:ffffff;
	padding:5px;
}

table.htmllink {
	color:#ffffff;
}

td.htmllink {
	color:#ffffff;
}

td.htmllink a {
	color:#ffffff;
}

td. {
	padding-top:5px;
	padding-right:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: inherit;
	width:140px;
}  
	 
td.leftNav {
	position:relative;
	left:45px;
	width:180px;
	height:765px;
	font-size:12px;
	padding:0px;
	border:0px;
	background-image:url(images/LeftNavLive.png);
}


td.view {
	width:720px;
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	background-color:#B4D66F;
	vertical-align:middle;
	align:center;
}

td.mainFeatured {
	width:590px;
	height:543px;
	text-align:left;
	background-color:transparent;
	font-size:12px;
	background-image:url(images/bg.gif);
}

td.featured {
	position:relative;
	top:36px;
	width:590px;
	height:543px;
	text-align:left;
	background-color:#ffffff;
	font-size:12px;
}

#navDivide {
	background-image: url(images/bar.gif);
	background-repeat:repeat;
	width: 974px;
	height:5px;
}

td.navDivide2 {
	background-color: #B4D66F;
	width: 1074px;
	height: 120px;
}

/** table attributes end **/

.banner {
	top:5px;
	left:18px;
	width:255px;
	height:90px;
}

#quote {
	height:75px; 
	width:200px; 
	overflow:hidden; 
	font-size:10px; 
	font-style:italic; 
	color:#FFFFFF; 
	position:relative; 
	left: 15px;
}

.tresources {
	overflow: auto;
	background-color: #FFFFFF;
	height:100;
}

.playerWindow {
	background-image:url(ImagesJason/huskyGymdead.jpg);
	width:500px;
	height:300px;
	margin-left:0px;
	margin-top:0px;
	font-weight: bold;
}

#playerWindowPlayerName {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #000000;
}

#playerWindowPlayerNumber {
	color: #009900;
}

/** main look of the site **/

.whitePage {
	width:1012px;
	margin-top:0px;
	margin-left:0px;
	background-color:#DBDBDB;
	border-collapse:collapse;
	position:relative;
	background-repeat: repeat-y;
}
.whitePage1 {
	background-color: #cdb844;
	width:1020px;
}
.whitePage2 {
	background-color: #003300;
	width:1016px;
}

.testWhitePage {
	height:100%;
	width:1000px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:inherit;
	background-color:#2a2a2a;
	border-color:#000000;
	border-width:medium;
	border-collapse:collapse;
	position:relative;
	border:1px solid black;
	background-repeat: no-repeat;
}

.teacherWhitePage {
	height:100%;
	width:1000px;
	background-color: #FFFFFF;
	border-color:#000000;
	border-width:medium;
	position:relative;
	border:1px solid black;
	background-repeat: no-repeat;
		
}

td.mainBanner {
	background-color:transparent;
	height:80px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	position:relative;
	background-repeat:no-repeat;
}


td.searchBar {
	position:absolute;
	top:176px;
	left:16px;
	table-layout:fixed;
	text-align:center;
	padding-bottom:10px;
}

td.searchBar2 {
	position:absolute;
	top:183px;
	table-layout:fixed;
	text-align:center;
	vertical-align:middle;
	padding-bottom:10px;
	left:628px;
}
	
.topNav {
}

.login {
	width:700px;
	left: 9px;
}


.htmltags {
	background-color:transparent;
	font: #fff;
	border:thin inset white;
	
}


/** main look of the site end **/



/** flash banner **/

.topStory {
	height: 400px;
	width: 605px;
	left: 20px;
	top: 215px;
	position: absolute;
	z-index: 0;
}

.newsWhitepage {
	height: 1200px;
	width: 800px;
	position: relative;
	background-image:url(http://www.southhillshighschool.com/news/images/storybg2.png);
	background-repeat:no-repeat;
}

.newStory {
	text-align:left;
	top: 150px;
	height: 800px;
	width: 525px;
	position: relative;
}

/** flash banner end **/



/** bulletin **/

.changeBackGround {
	position: absolute;
	left: 985px;
	top: 100px;
}


.bulletin {
	position: absolute;
	height: 618px;
	width: 376px;
	left: 20px;
	top: 625px;
	background-color: #b4d66f;
	border:1px solid black;
	padding:0;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.bulletinoverflow {
	overflow:auto;
	width:376px;
	height:598px;
	padding:0;
}
	

/** bulletin end **/


/** media specialist **/

.mediaSpecialist {
	position: absolute;
	height: 192px;
	width: 282px;
	left: 707px;
	top: 625px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.mediaSpecialistOverflow {
	overflow: auto;
	height: 172px;
	width: 354px;
	padding: 0px; 
}

/** media specialist end **/


/** main HuskieTube **/

.mainHuskieTube {
	position: absolute;
	height: 196px;
	width: 354px;
	left: 635px;
	top: 422px;
	background-color: #b4d66f;
	border:1px solid black;
	padding:0;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.showing {
}

.collapsed {
	display: none;
}

.mainHuskieTubeOverflow {
	overflow:auto;
	height:172px;
	width:100%;
	padding:0 0 0 0 ;
}

/** main HuskieTube end **/



/** SportsTalk **/

.mainpotw {
	position: absolute;
	height: 180px;
	width: 284px;
	left: 410px;
	top: 625px;
	background-color: #ffffff;
	border:1px solid black;
	padding:0px;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.potwOverflow {
	overflow:hidden;
	height: 156px;
	width: 280px;
	padding: 0px;
}

/** Sports Talk end **/



/** games **/

.games {	
	position: absolute;
	height: 180px;
	width: 284px;
	left: 410px;
	top: 817px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
	vertical-align: middle;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.gamesOverflow {	
	height: 180px;
	width: 284px;
	overflow: auto;
	padding: 0px;
}

/** games end **/



/** main editorial **/

.oped {
	position: absolute;
	height: 232px;
	width: 284px;
	left: 410px;
	top: 1011px;
	background-color: #b4d66f;
	border:1px solid black;
	padding:0px;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
/*	vertical-align:middle;*/
}

.opedOverflow {
	overflow: auto;
	height: 212px;
	width: 284px;
	padding: 0px;
}

/** main editorial end **/


/** blogs **/

.blogs {
	position: absolute;
	height: 250px;
	width: 334px;
	left: 757px;
	top: 678px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
}

.blogsOverflow {
	overflow: auto;
	height: 224px;
	width: 334px;
	padding: 0px;
}

/** blogs end **/


/** teacher links **/

.teacherLinks {
	position: absolute;
	height: 304px;
	width: 282px;
	left: 707px;
	top: 625px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}
.teacherLinksOverflow {
	height: 284px;
	width: 282px;
	padding: 0px;
	overflow: auto;
}

/** teacher links end **/







/** podcasts **/

.virtualTour {
	position: absolute;
	height: 302px;
	width: 282px;
	left: 707px;
	top: 941px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:0.80;
}

.virtualTourOverflow {
	height: 282px;
	width: 282px;
	overflow: auto;
	padding: 0px;
}


/** podcasts end **/

/** footer**/
.footer {
	position:absolute;
	bottom:-284px;
	left:12px;
}


/** ENTENDED AREA (email, advertistment) **/

.email {
	border: 2px solid #FFFFFF;
	position: absolute;
	height: 70px;
	width: 378px;
	left: -8px;
	top: -200px;
	background-color: #353434;
}

.ad {
	border: 2px solid #FFFFFF;
	position: absolute;
	height: 240px;
	width: 334px;
	top: -510px;
	left: 383px;
	background-color: #333333;
}
.tabs {
	border: 2px solid #FFFFFF;
	position: absolute;
	height: 25px;
	width: 360px;
	top: -722px;
	left: -8px;
}

.linkDescripiton {
	border: 2px solid #CCCCCC;
	position: absolute;
	height: 1px;
	width: 351px;
	top: -20px;
}

td.Labels {
	vertical-align:middle;
}



/** ENTENDED AREA (email, advertistment) end **/




/************** HUSKIE TUBE ****************/



	
/** HuskieTube **/

.nowshowing {
	position:absolute;
	left:30px;
	top:215px;
	width:500px;
	height:400px;
	border:0px;
	background-color:#ffffff;
}	

.videoDescription {
	position:absolute;
	left:30px;
	top: 635px;
	width:500px;
	height:390px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;		
}

.descriptionscroll {
	overflow:hidden; 
	width:546px; 
	height:390px; 
	border:0px;	
}

.videocomments {
	position:absolute;
	left:594px;
	top: 515px;
	width:405px;
	height:746px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;
}
 
 .commentscroll {
	overflow:auto; 
	width:405px; 
	height:746px; 
	border:0px;
}

.video {
	position: absolute;
	left:578px;
	top:260px;
	width:405px;
	height:766px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;	
}
 
.videoscroll {
	overflow:auto; 
	width:405px; 
	height:766px; 
	border:0px;	
}

td.videoLink {
	padding: 5px 50px 5px 50px;
}

#huskienav {
}

/** HuskieTube End **/



/*********************  HUSKIE TUBE END *****************/



/** External Pages **/

.staffschedule {
	font-size:18px;	
}

/** External Pages End **/
#welcome {
	position: absolute;
	z-index: 0;
	height: 30px;
	width: 100px;
	top:0px;
	left: 0px;
	color:#000099;

}

/***************LeftNav Buttons*****************/

.LeftNavLinks {
	-webkit-border-radius: 15px; /* Safari*/
	-moz-border-radius: 15px; /* Gecko Browsers */
	border-radius: 15px; /* Everything Else*/
	
}
.LeftNavPosition {
	left: 75px;
	top: 350px;
	font-size:12px;
	width:160px;
	background-image:url(images/LeftNavLive1.jpg);
	padding:10px;
	vertical-align:top;
}
.LeftNavBottom {
	height:355px;
	width:180px;
}

/************Default Footer****************/
.DefaultFooter {
	position:absolute;
	bottom:-60px;
	left:12px;
}	
/***********News Table*****************/

.JavaTable {
	font-size:12px;
	color:#000000;
}

/***********News Table*****************/

.GoogSearch {
	top: 300;
	left:200px;
}