/** 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 links, 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, white links, background end **/



/** BACKGROUND of PAGE **/

body {
	margin:0;
	/**background-image:url(images/mainBG.gif);**/
	background-color: #003300;
}

.background {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: top left;
	margin:auto;
	width:100%;
	height:100%;
}

/** 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.search {
	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;
	background-color:#B4D66F;
	width:200px;
	height:765px;
	font-size:12px;
}


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 {
	height:1370px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	background-color:dbdbdb;
	border-collapse:collapse;
	position:relative;
	background-repeat: no-repeat;
}
.whitePage2 {
	background-color: #003300;
	width:1200px;
}

.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:inherit;
	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: 220px;
	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: 638px;
	width: 376px;
	left: 20px;
	top: 625px;
	background-color: #b4d66f;
	border:1px solid black;
	padding:0;
}

.bulletinoverflow {
	overflow:auto;
	width:376px;
	height:598px;
	padding:0;
}
	

/** bulletin end **/


/** media specialist **/

.mediaSpecialist {
	position: absolute;
	height: 192px;
	width: 293px;
	left: 707px;
	top: 625px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
}

.mediaSpecialistOverflow {
	overflow: auto;
	height: 172px;
	width: 293px;
	padding: 0px; 
}

/** media specialist end **/


/** main HuskieTube **/

.mainHuskieTube {
	position: absolute;
	height: 196px;
	width: 356px;
	left: 635px;
	top: 380px;
	padding:0;
}

.showing {
}

.collapsed {
	display: none;
}

.mainHuskieTubeOverflow {
	overflow:auto;
	height:172px;
	width:100%;
	padding:0 0 0 0 ;
}

/** main HuskieTube end **/



/** SportsTalk **/

.mainpotw {
	position: absolute;
	height: 192px;
	width: 284px;
	left: 410px;
	top: 625px;
	background-color: #ffffff;
	border:1px solid black;
	padding:0px;
}

.potwOverflow {
	overflow:hidden;
	height: 168px;
	width: 280px;
	padding: 0px;
}

/** Sports Talk end **/



/** games **/

.games {	
	position: absolute;
	height: 180px;
	width: 284px;
	left: 410px;
	top: 830px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
	vertical-align: middle;
}

.gamesOverflow {	
	height: 180px;
	width: 284px;
	overflow: auto;
	padding: 0px;
}

/** games end **/



/** main editorial **/

.oped {
	position: absolute;
	height: 238px;
	width: 284px;
	left: 410px;
	top: 1025px;
	background-color: #b4d66f;
	border:1px solid black;
	padding:0px;
/*	vertical-align:middle;*/
}

.opedOverflow {
	overflow: auto;
	height: 218px;
	width: 284px;
	padding: 0px;
}

/** main editorial end **/


/** blogs **/

.blogs {
	position: absolute;
	height: 250px;
	width: 344px;
	left: 707px;
	top: 710px;
	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: 267px;
	width: 293px;
	left: 707px;
	top: 830px;
	background-color: #b4d66f;
	border: 1px solid black;
	padding: 0px;
}

.dropDownMenu {
	position: absolute;
	left: 707px;
	top: 625px;
	padding: 0px;
}

.teacherLinksOverflow {
	height: 284px;
	width: 282px;
	padding: 0px;
	overflow: auto;
}

/** teacher links end **/







/** podcasts **/

.virtualTour {
	position: absolute;
	height: 90px;
	width: 282px;
	left: 790px;
	top: 1286px;
	background-color: #b4d66f;
	background-image:url(images/TDpic.gif);
	background-repeat:repeat-x;
	border: 1px solid black;
	padding: 0px;
}

.virtualTourOverflow {
	height: 130px;
	width: 282px;
	overflow: auto;
	padding: 0px;
}


/** podcasts end **/

/** footer**/
.footer {
	position:absolute;
	bottom:-60px;
	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:540px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;		
}

.descriptionscroll {
	overflow:hidden; 
	width:546px; 
	height:540px; 
	border:0px;	
}

.videocomments {
	position:absolute;
	left:594px;
	top: 515px;
	width:405px;
	height:896px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;
}
 
 .commentscroll {
	overflow:auto; 
	width:405px; 
	height:896px; 
	border:0px;
}

.video {
	position: absolute;
	left:578px;
	top:215px;
	width:405px;
	height:961px;
	background-color:#b4d66f;
	border:1px solid black;
	padding:0px;	
}
 
.videoscroll {
	overflow:auto; 
	width:405px; 
	height:961px; 
	border:0px;	
}

td.videoLink {
	padding: 5px 50px 5px 50px;
}

#huskienav {
}

.footerhuskietube {
	position:absolute;
	bottom:0px;
	left:12px;
}

/** HuskieTube End **/



/*********************  HUSKIE TUBE END *****************/


/** External Pages **/

.staffschedule {
	font-size:18px;	
}

/** External Pages End **/


/************************Weather*********************/
.Weather {
	position: absolute;
	background-color: #b4d66f;
	height:215;
	width: 180;
	border:solid #000000 1px;
	left:635px;
	top:220px;
}

/**********************Weather Ends******************/

/************************Side Google*********************/
.mainGoogSide {
	position: absolute;
	background-color: #b4d66f;
	height:600;
	width: 160;
	left:1013px;
	top:219px;
}

.mainGoogSide1 {
	position: absolute;
	background-color: #b4d66f;
	height:110;
	border:solid #000000 1px;
	width: 355;
	left:635px;
	top:507px;
}
.mainGoogSide2 {
	position: absolute;
	background-color: #b4d66f;
	height:90;
	width: 728;
	left:20px;
	top:1274px;
}

.mainGoogSide3 {
	position: absolute;
	background-color: #b4d66f;
	height:159;
	width: 468;
	left: 707px;
	top: 1106px;
}
/**********************Side Google Ends******************/

/************************Polls*********************/
.Poll {
	position: absolute;
	background-color: #b4d66f;
	background-image:url(images/TDpic.gif);
	background-repeat:repeat-x;
	vertical-align:middle;
	height:215;
	width: 175;
	border:solid #000000 1px;
	left:825px;
	top:220px;
}

/**********************Poll******************/

/************************Stocks*********************/
.YahooStocks {
	background-color: #b4d66f;
	position: absolute;
	vertical-align:middle;
	height:267;
	width: 160;
	border:solid #000000 1px;
	left:1013px;
	top:830px;
}

/**********************Stocks******************/

/************************National News*********************/
.HuskyNational {
	background-color: #b4d66f;
	position: absolute;
	vertical-align:middle;
	height:170;
	width: 365;
	border:solid #000000 1px;
	left:635px;
	top:447px;
}

/**********************National News******************/

/************************FlashGames*********************/
.FlashGames {
	background-color: #b4d66f;
	position: absolute;
	vertical-align:middle;
	height:88;
	width: 415;
	border:solid #000000 1px;
	left:758px;
	top:1274px;
}

/**********************Flash Games******************/


/***************LeftNav Buttons*****************/

.LeftNavLinks {
	-webkit-border-radius: 15px; /* Safari*/
	-moz-border-radius: 15px; /* Gecko Browsers */
	border-radius: 15px; /* Everything Else*/
	
}
.LeftNavPosition {
	left: 75px;
	top: 400px;
	font-size:12px;
	width:160px;
	background-image:url(images/LeftNavLive1.jpg);
	background-repeat:repeat-y;
	padding:10px;
	vertical-align:top;
}
.LeftNavBottom {
	height:355px;
	width:180px;
}

/***************LeftNav Buttons Ends**************/


/************Default Footer****************/
.DefaultFooter {
	position:absolute;
	bottom:-60px;
	left:12px;
}
/************Default Footer End***********/
	

/***********News Table*****************/
.JavaTable {
	font-size:12px;
	color:#000000;
}
/************News Table End************/