/* CSS Document */
/* Custom Styles */
.clr {clear:both;}

.clrb {clear:both; border:#999 1px solid;}
.clr10 {clear:both; padding:17px;}
.clr15 {clear:both; padding:20px;}

.title{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
                color: #002448;
}

.subtitle{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
                color: #002448;
}

.content{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* Tag Custom Styles for headings and paragraphs in the editor. */

h1 {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 30px;
	line-height: 30px;
	color: #002448;
}

h2 {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 22px;
	font-weight: bold;
  	color: #002448;
}

h3{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; color: #002448; margin-bottom:2px;
}

h4{
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
                color: #002448;
}

body {
	font-family: 'Trebuchet MS', Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


.Container {
background-image: url(../images/img/main-background.gif);
background-repeat: repeat-y;
background-position: top center;
}

#bar {
width: 100%;
height: 35px;
padding: 0px;
background-color:#686b6e;
border-bottom: solid 3px #fff;
}

#barbottom {
width: 100%;
height: 105px;
padding: 0px;
background-color:#686b6e;
border-top: solid 3px #fff;
}

#header {
position: relative;
display: block;
width: 940px;
height: 75px;
padding: 0px;
margin: 10px 0px 5px 0px;
border: 0px;
background-image: url(../images/img/logo_yuhsd.gif);
background-repeat: no-repeat;
background-position: top center;
}

#headeryhs {
position: relative;
display: block;
width: 940px;
height: 75px;
padding: 0px;
margin: 10px 0px 5px 0px;
border: 0px;
background-image: url(../images/img/logo_yhs.gif);
background-repeat: no-repeat;
background-position: top center;
}


#headerdis {
position: relative;
display: block;
width: 940px;
height: 75px;
padding: 0px;
margin: 10px 0px 5px 0px;
border: 0px;
background-image: url(../images/img/logo_discovery.gif);
background-repeat: no-repeat;
background-position: top center;
}



#menu {
position: relative;
display: block;
width: 940px;
height: 45px;
padding: 0px;
margin: 0px 0px 5px 0px;
border: 0px;
background-image: url(../images/img/channel-nav-bg.jpg);
background-repeat: repeat-x;
background-position: top left;

}

#picture {
position: relative;
display: block;
width: 940px;
height: 300px;
padding: 0px;
margin: 0px auto 10px auto;
border: 0px;
}

#pictureother {
position: relative;
display: block;
width: 940px;
height: 190px;
padding: 0px;
margin: 0px auto 10px auto;
border: 0px;
}

#content {
position: relative;
display: block;
width: 940px;
height: auto;
padding: 0px;
margin: 0px auto 10px auto;
border: 0px;
text-align:left;
}

#hp-shortcuts-container {
position: relative;
display: block;
width: 300px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
}

#hp-shortcuts-header {
position: relative;
display: block;
float: left;
width: 300px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-shortcuts-header.png);
background-repeat: no-repeat;
background-position: top left;
}

#hp-shortcuts-body {
position: relative;
display: block;
float: left;
width: 280px!important;
width: 300px;
height: 270px;
padding: 10px;
margin: 0px;
border: 0px;
background-image: url(../hp-shortcuts-body.png);
background-repeat: no-repeat;
background-position: top left;
background-color: #CCCCCC;
}

#hp-shortcuts-footer {
position: relative;
display: block;
float: left;
width: 300px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-shortcuts-footer.png);
background-repeat: no-repeat;
background-position: top left;
}


#hp-announcements-container {
position: relative;
display: block;
width: 300px;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
}

#hp-announcements-header {
position: relative;
display: block;
float: left;
width: 300px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-announcements-header.png);
background-repeat: no-repeat;
background-position: top left;
}

#hp-announcements-body {
position: relative;
display: block;
float: left;
width: 280px!important;
width: 300px;
height: auto;
padding: 10px;
margin: 0px;
border: 0px;
background-color: #CCCCCC;
}

#hp-announcements-footer {
position: relative;
display: block;
float: left;
width: 300px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-shortcuts-footer.png);
background-repeat: no-repeat;
background-position: top left;
}

#hp-welcome-container {
position: relative;
display: block;
width: 630px;
height: auto;
padding: 0px;
margin: 0px 0px 10px 10px;
border: 0px;
}

#hp-welcome-header {
position: relative;
display: block;
width: 630px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-welcome-header.png);
background-repeat: no-repeat;
background-position: top left;
}

#hp-welcome-body {
position: relative;
display: block;
width: 610px!important;
width: 630px;
height: auto;
padding: 10px;
margin: 0px;
border: 0px;
background-color: #FFFFFF;
}

#hp-welcome-footer {
position: relative;
display: block;
float: left;
width: 630px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
}


#hp-headlines-container {
position: relative;
display: block;
width: 630px;
height: auto;
padding: 0px;
margin: 0px 0px 10px 10px;
border: 0px;
}

#hp-headlines-header {
position: relative;
display: block;
width: 630px;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url(../hp-headlines-header.png);
background-repeat: no-repeat;
background-position: top left;
}

#hp-headlines-body {
position: relative;
display: block;
width: 610px!important;
width: 630px;
height: auto;
padding: 10px;
margin: 0px;
border: 0px;
background-color: #FFFFFF;
}

#hp-headlines-footer {
position: relative;
display: block;
float: left;
width: 620px!important;
width: 630px;
height: 30px!important;
height: 45px;
padding: 0px;
margin: 0px;
border: 0px;
}

#footer {
position: relative;
display: block;
width: 930px!important;
width: 940px;
height: 37px!important;
height: 55px;
padding: 18px 0px 0px 10px;
margin: 0px 0px 10px 0px;
border: 0px;
color: #FFFFFF;
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: #6D0005;
}

#footeryhs {
position: relative;
display: block;
width: 930px!important;
width: 940px;
height: 37px!important;
height: 55px;
padding: 18px 0px 0px 10px;
margin: 0px 0px 10px 0px;
border: 0px;
color: #FFFFFF;
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: #ffcc00;
}

#footerdis {
position: relative;
display: block;
width: 930px!important;
width: 940px;
height: 37px!important;
height: 55px;
padding: 18px 0px 0px 10px;
margin: 0px 0px 10px 0px;
border: 0px;
color: #FFFFFF;
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
background-color:#333;
}



/*
CSS flyout menu - - - - */
#Menu232{
	font-size:12px;
	line-height:14px;
}


#Menu232 ul{
	list-style-type:none;
	margin:0 -10px 0 0;
	padding:0;
	overflow:hidden;
	text-align:left;
	color:#fff;
	background-color:#686b6e;

}

#Menu232 ul li{
	float:left;
	/*margin:0 10px 0 0;*/
	padding:0;
	/*width:110px;*/
}

#Menu232 ul li a, #Menu232 ul li a:link, #Menu232 ul li a:visited, #Menu232 ul li a:hover, #Menu232 ul li a:active{
	border-top:2px solid #686b6e;
	color:#ffcc00;
	display:block;
	margin:0;
	padding:10px 10px 10px 10px;
	text-decoration:none;


}


/*
Flyout menu itself - - - - */
#Menu232 ul ul{
	display:none;
	margin:0;
}

#Menu232 ul ul li{
	margin:0px 7px 0 0;
	float:left;
	text-align:left;
	width:auto;
	height:auto;
	display:block;
}

#Menu232 ul ul li a.TopLevel{
	font-weight:bold !important;
	white-space:nowrap;
}


/*
Reposition each menu - - - - */
/*menu one*/
#Menu232 ul li.Menu_One ul{
	margin-left:0;
	line-height:20px;

}

#Menu232 ul li.Menu_One ul ul{
	margin-left:0px;
}

/*menu two*/
#Menu232 ul li.Menu_Two ul{
	margin-left:0;
	line-height:20px;
}


#Menu232 ul li.Menu_Two ul ul{
	margin-left:0;
}

/*menu Teacher*/
#Menu232 ul li.Teacher ul{
	margin-left:-480px;
		line-height:20px;

}

#Menu232 ul li.Teacher ul ul{
	margin-left:0px;
}

/*menu Schools*/
#Menu232 ul li.Schools ul{
	margin-left:0px;
	line-height:20px;
}

#Menu232 ul li.Schools ul ul{
	margin-left:0;
}

/*menu Quick*/
#Menu232 ul li.Quick ul{
	margin-left:-215px;
	line-height:20px;
}

#Menu232 ul li.Quick ul ul{
	margin-left:0;
}

/*menu Weather*/
#Menu232 ul li.Weather ul{
	margin-left:-130px;
	line-height:20px;
}


#Menu232 ul li.Weather ul ul{
	margin-left:0;
}



/*
3rd level - - - - */
#Menu232 ul ul ul{
	border:none;
	height:auto;
	padding:0 0 0 5px;
	position:static;
}

#Menu232 ul ul ul li{
	float:none;
	margin:0;
	overflow:hidden;/*contain floats*/
}

#Menu232 ul ul ul li a, #Menu232 ul ul ul li a:link, #Menu232 ul ul ul li a:visited, #Menu232 ul ul ul li a:hover, #Menu232 ul ul ul li a:active{
	border:none;
	display:inline;
	margin:0;
	padding:1px 0 1px 0;
	text-decoration:none;
	text-transform:none;
	color:#ffcc00;
	/*float:left;
	clear:left;*/
}


/*
Keep links active - - - - */
#Menu232 ul li:hover a{
	border-top:2px solid #ffcc00;
	color:#fff;
	text-decoration:none;
}

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


/*
4th level - - - - */
#Menu232 ul ul ul ul a, #Menu232 ul ul ul ul a:link, #Menu232 ul ul ul ul a:visited, #Menu232 ul ul ul ul a:hover, #Menu232 ul ul ul ul a:active{
	color:#ffcc00;
}

#Menu232 ul ul ul ul a:hover{
	color:#fff;
}


/*
Show hidden menus - - - - */
#Menu232 ul li:hover ul{
	display:block;
	background-color:#6d0005;
	border:1px solid #ffcc00;
	padding:10px;
	position:absolute;
	z-index:99;
}

#Menu232 ul li:hover ul ul{
	background:none;
	border:none;
	padding:0 0 0 5px;
	position:static;
	z-index:auto;
}