@charset "utf-8";
/* CSS Document */
#titlebarin {
float: left;
width: 667px;
background-color:#c20000;
color:#FFF;
padding: 0px 5px 0px 5px;
}
#rightcounmid {
	float:right;
	width: 677px;
}

#google_translate_element {
float: left;	
width:187px;
	
}



#navandot {
	float: left;
	width:187px;
}
#navandot2 {
	float: left;
	width:187px;
	padding-top:10px;
}

#memberall {
float: left;
width: 877px;
padding: 10px 0px 10px 10px;
border-bottom:#666 solid 1px;
}

#memberphoto{ 
float: left;
width: 170px;

}
#memberdesc {
float: left;
width: 695px;
padding-left:10px;
}


#topintro {
	float: left;
	width: 675px;	
}
#breadcrumbs {
	float: left;
	width: 660px;
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-bottom: 5px;
}
#breadcrumbs a:link{
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:active{
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:visited{
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;	
}
#breadcrumbs2 {
	float: left;
	width: 877px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-bottom: 5px;
}
#breadcrumbs2 a:link{
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs2 a:active{
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs2 a:visited{
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;	
}
#titlebar {
	float: left;
	width: 663px;
}
#contentinside {
	width: 877px;
	float:left;
	padding: 10px 10px 30px 10px;
}

#contentinside2 {
	width: 880px;
	background-color:#530201;
	background-image:url(../images/counseling/background.jpg);
	background-repeat:no-repeat;
	float:left;
	padding: 5px 10px 30px 10px;
}

#rightside {
	width: 680px;
	float: right;
}
#inside {
width: 877px;
padding-left:10px;
float: left;
}

#inside a:link {
color: #000;
}
#inside a:hover {
color:#333;
}
#inside a:visited {
color: #000;
}
#left-column ul {
	width: 184px;
	float: left;
	list-style: none;
	margin: 0em;
	padding: 0em;
}	

#left-column li {
	margin: 0em;
	padding: 0em;
}

#left-column li.left-nav-title {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li.left-nav-title-men {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background: url(http://hesperia.org/Schools/High/OHHS/images/msports.jpg);
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li.left-nav-title-links {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background: url(http://hesperia.org/Schools/High/OHHS/images/counseling/links.jpg);
	height: 1px;
	font-size: 1.1em;
}

#left-column li.left-nav-title-relinfo {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background: url(http://hesperia.org/Schools/High/OHHS/images/counseling/relinfo.jpg);
	height: 1px;
	font-size: 1.1em;
}

#left-column li.left-nav-title-logo {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.0em 0.7em 0.0em 0.0em;
	background: url(http://hesperia.org/Schools/High/OHHS/images/counseling/counnavbar.jpg);
	height: 25px;
	font-size: 1.1em;
}
#left-column li.left-nav-bottom {
	background: url(http://hesperia.org/Schools/High/OHHS/images/counseling/navbot.jpg);
	height: 15px;
	display: block;
}
#leftgradient  {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.0em 0.7em 0.9em 0.6em;
	background: url(http://www.sultanahighschool.com/images/gradient.jpg);
	height: 83px;
	font-size: 1.1em;
	float: left;
	width: 143px;
}

#left-column li a {
	display: block;
	text-align: right;
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-top: solid 0em rgb(215,215,215);
	background-color: inherit;
	color: #000000;
	text-decoration: none;
	height: 1.3em;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#left-column li.left-nav-group a {
	display: block;
	text-align: left;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	padding: 0.3em 0.7em 0.3em 1.0em;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	height: 14px;
	font-size: 12px;
}	
	
#left-column a:hover, #left-column .selected {
	text-align: right;
	border-left: solid 0.5em rgb(255,215,90);
	background-color: inherit;
	background-color: #CCCCCC;
	color: #666666;
	text-decoration: none;
}

#left-column li.left-nav-group a:hover, #left-column li.left-nav-group .selected {
	text-align: left;
	border-left: solid 1px #e5e5e5;
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
}

#asbmain {
	float:right;
	width: 525px;
}
#adbig {
	float:left;
	width:525px;
	padding-bottom:10px;
}
#adthumb {
	float: left;
	width:168px;
	padding-right: 10px;
	}
#adthumbend {
	float: left;
	width:168px;
	}
#class-select {
float: left;
width: 172.5px;
}

#class-select2 {
float: left;
width: 162.5px;
}

#CounphotosAll {
float: left;
width: 877px;
padding-bottom:10px;
}

#CounphotosAll2 {
float: left;
width: 877px;
padding-bottom:10px;
padding-top:15px;
}

#CouPhotoInd {
float: left;
width: 211px;
padding-right:10px;
padding-top:5px;
}
#CounPhotoInd2 {
float: left;
width: 211px;
padding-top:5px;
}

#CounDesc {
	float: left;
	width: 211px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:5px;
}

#CounDesc2 {
	float: left;
	width: 211px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:5px;
	background-color:#ffffff;
	background-image:url(../images/counseling/gradient.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
@charset "utf-8";
/* CSS Document */
#rightside {
	float: right;
	width: 675px;	
}
#breadcrumbs {
	float: left;
	width: 660px;
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding-bottom: 5px;
}
#breadcrumbs a:link{
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:active{
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
#breadcrumbs a:visited{
	color: #999999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;	
}
#titlebar {
	float: left;
	width: 663px;
}
#campusall {
	float:left;
	width: 860px;
	padding: 30px 20px 30px 20px;

} 
#left-column ul {
	width: 184px;
	float: left;
	list-style: none;
	margin: 0em;
	padding: 0em;
}	

#left-column li {
	margin: 0em;
	padding: 0em;
}

#left-column li.left-nav-title {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background-color: #FFFFFF;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li.left-nav-title-men {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background: url(http://oakhillsbulldogs.com/images/msports.jpg);
	height: 1.3em;
	font-size: 1.1em;
}

#left-column li.left-nav-title-links {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.3em 0.7em 0.9em 0.6em;
	background: url(http://oakhillsbulldogs.com/images/campus/links.jpg);
	height: 1px;
	font-size: 1.1em;
}
#left-column li.left-nav-title-logo {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.0em 0.7em 0.0em 0.0em;
	background: url(http://oakhillsbulldogs.com/images/counseling/guidance.jpg);
	height: 25px;
	font-size: 1.1em;
}
#left-column li.left-nav-bottom {
	background: url(http://oakhillsbulldogs.com/images/campus/navbot.jpg);
	height: 15px;
	display: block;
}
#leftgradient  {
	display: block;
	text-align: left;
	margin: 0em;
	padding: 0.0em 0.7em 0.9em 0.6em;
	background: url(http://oakhillsbulldogs.com/images/gradient.jpg);
	height: 83px;
	font-size: 1.1em;
	float: left;
	width: 143px;
}

#left-column li a {
	display: block;
	text-align: right;
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-top: solid 0em rgb(215,215,215);
	background-color: inherit;
	color: #000000;
	text-decoration: none;
	height: 1.3em;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

#left-column li.left-nav-group a {
	display: block;
	text-align: left;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	padding: 0.3em 0.7em 0.3em 1.0em;
	background-color: #FFFFFF;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	height: 14px;
	font-size: 12px;
}	
	
#left-column a:hover, #left-column .selected {
	text-align: right;
	border-left: solid 0.5em rgb(255,215,90);
	background-color: inherit;
	background-color: #CCCCCC;
	color: #666666;
	text-decoration: none;
}

#left-column li.left-nav-group a:hover, #left-column li.left-nav-group .selected {
	text-align: left;
	border-left: solid 1px #e5e5e5;
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
}
#leftside {
	float: left;
	width: 200px;
	padding-left: 20px;
}

#rightside {
	float: right;
	width: 440px;
}

#rightside2 {
	float: right;
	width: 675px;
}

.dockTable{
	padding: 2px 5px 2px 5px;
	margin: 5px 0 5px 0;
	border-bottom:1px solid #a1acb3;
	background-color:#F00;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	font-family:Arial, verdana, sans-serif;
	text-decoration:none;
}

.dockLink{
	font-size: 9px;
	font-family:Arial, verdana, sans-serif;
	text-decoration:none;
}

.dockWords{
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	font-family:Arial, verdana, sans-serif;
	text-decoration:none;
}

.dockLink A:link, .dockLink A:visited{
	font-size: 9px;
	color:#FFF;
	font-family:Arial, verdana, sans-serif;
	text-decoration:none;
}

.dockLink A:active, .dockLink A:hover{ color:#fbe6ab;}