html {  /* stop FF from jumping when navigating between pages that have verticle scroll bar and those that don't */
    overflow-y:scroll;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../imgs/horiz-bg-2.gif);
}

a:link {color: #0f6fb5;text-decoration:none;}
a:hover {color: #0f6fb5;text-decoration:underline;}

a.footertext {
	color: #FFFFFF;
	text-decoration:none;
}
a.footertext:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

a.screen-links {color: #FFFFFF;text-decoration:underline;}

a.chalkboardLink:hover {color: #FFFFFF;text-decoration:underline;}
a.chalkboardLink #copy:hover {color: #FFFFFF;text-decoration:underline;}
a.chalkboardLink:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a.chalkboardLink:active {color: #FFFFFF;text-decoration:underline;}

a.screen:link  {font-weight: bold;}

a.sidebartext:link {
	background-repeat: repeat-y;
	background-position: center;
}
a.app_link:link {
	color:#ffffff;
}
a.app_link:hover {
	cursor: hand;
	color: #FFFFFF;
}
a.app_link #copy:hover {
	cursor: hand;
	color:#0F0;
}
.sitebackground {
	background-color: #0D6DB4;
	background-image: url(../imgs/horiz-bg-2.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.station-finder{
	position: relative;
	width: 256px;
	height: 116px;
	top: 0px;
	float: right;
}
.finderForm {
	width: 150px;
	height: auto;
	position: relative;
	left: 100px;
	top: 55px;
	vertical-align: top;
}
/* CA gmap.html */
.station-finder-form { 
	position: absolute;
	width: 153px;
	text-align: left;
	right: 5px;
	top: 55px;
}
/* UT gmap.html */
#UTsf.station-finder-form {
    width:185px;
    height:10px;
}
.sitebackground #donor {
	margin: 0px;
	width: 216px;
	padding: 0 10px;
}
#sideCol {
	height: 705px;
	background-image: url(/imgs/side_col_imgs/side_col_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#sideCol #topRight {
    position: relative;
	left: 0px;
	top: 0px; /* 0px F: -12*/
	height: 39px;
	width: 256px; /*256 */
	background-image: url(/imgs/side_col_imgs/sidecol_01_w256_h39.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#sideCol #contain {
	background-image: url(/imgs/side_col_imgs/sidecol_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#sideCol #contain #cell2 {
	height: auto;
}
#sideCol #bottom {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 5px;
	padding-bottom: 0px;
}
.sitebackground   #sidebottom {
	background-image: url(/imgs/side_col_imgs/side_col_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
}

.sitebackground #bold {
	color: #000000;
	font-weight: bold;
}
.sidebartext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	/*added by Brian*/
	padding: 10px;
	padding-right: 25px;
	bottom: 10px;
}
.sidebar_subhead {
	padding-left: 26px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: visible;
	width: 170px;
	position: inherit;
}
.sidebar_link {
	overflow: visible;
	padding-bottom: 0px;
	position: relative;
	top: -3px;
}
.sidebar_link_copy {
	padding-left: 6px;
	top: -6px;
	position: relative;
}
.sidebar_link_image {
	padding-left: 0px;
	top: 0px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.bodytext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.chalkboard_wide {
	width: 745px;
	left: 55px;
	position: relative;
	top: 45px;
}
.chalkboard_wide #back_button {
	position: absolute;
	top: 2px;
	right: -122px;
	z-index: 2;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: visible;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#screen #contents #subhead  {
	color: #007ac2;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 14px;
	padding-left: 2px;
}
.column_wide  {
	float: left;
	position: relative;
	top: 0px;
	margin-right: 12px;
	width: 300px;
}
.column_wide #subhead {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
}
.column_wide .app_link {
	position: relative;
	padding-bottom: 10px;
	border:1px;
}
.column_wide .app_link #app_img {
	padding-right: 12px;
	float: left;
	position: absolute;
	left: 0px;
	visibility:visible;
}
#chalkboard #main .column_wide .app_link .chalkboardLink #copy  {
	position: relative;
	top: 3px;
	left: 35px;
	padding-right: 50px;
	width:200px;
}
#divContain {
	overflow:hidden;
	position:relative;
	/*background-color:#FF66FF;*/
	background-image: url(/imgs/wchalkb_imgs/chalkboard_narrow.jpg);
	/*background-repeat: no-repeat;*/
	background-position: left top;
	height: 504px;
}
.chalkboard {
	width: 400px;
	left: 50px;
	position: absolute;
	top: 32px;
}
#chalkboard #main {
	position: relative;
	width: inherit;
	/*height: inherit;*/
	top: 0px;
	left: 130px;
	bottom: 20px;
	float: left;
}
#chalkboard #main #copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	width: 475px;
}

#chalkboard #headicon {
	position: absolute;
	left: 10px;
	overflow: visible;
	height: 150px;
	width: 80px;
	top: 0px;
	z-index: 0;
}
#chalkboard #headicon2 {
	position: absolute;
	left: -10px;
	width: 100px;
	top: 259px;
}
#chalkboard #headicon3 {
	position: absolute;
	left: -10px;
	width: 100px;
	top: 140px;
}

.smallchalkboardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.smallestchalkboardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
}

#link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	position: relative;
	width: inherit;
}
.sidebartext #copy {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
	position: relative;
	color: 666666;
	font-size: 10px;
}
#screen {
	top: -489px;
	position: relative;
	width: 727px;
	height: 520px;
	z-index: 1;
	overflow: hidden;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(/imgs/screen/screen1.png);
}
#screen #contents {
	position: relative;
	left: 90px;
	width: 550px;
	top: 33px;
	font-family: Arial, Helvetica, sans-serif;
}
#screen  #close_btn  {
	padding-top: 48px;
	padding-left: 520px;
	position: relative;
}
.screen-slides #head     {
	color: #007ac2;
	font-size: 22px;
	font-weight: bold;
	top: -15px;
	width:475px;
	position: relative;
}
.screen-slides #subHead {
	position: relative;
	padding-bottom: 10px;
}
.screen-slides #copy {
	color: #666666;
	padding-bottom: 5px; 
	font-size: 12px;
}
.screen-slides #copysmall {
	color: #666666;
	padding-bottom: 20px;
	font-size: 11px;
}
.screen-slides   #link  {
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
	list-style-position: outside;
	list-style-type: circle;
	position: relative;
}
.screen-slides   #copy #link  {
	position: relative;
}
.screen-slides   #copy #link_img   {
	position: relative;
	top: -30px;
	left: 40px;
}
.screen-slides #report {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 234px;
	width: 156px;
	position: absolute;
	float: right;
	top: 170px;
	left: 410px;
	font-family: Arial, Helvetica, sans-serif;
}
.screen-slides #report #reportHead {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	position: relative;
	top: 10px;
	left: 12px;	
}
.screen-slides #report #reportThumb {
	position: relative;
	top: 18px;
	left: 17px;
}
.screen-slides #report #link {
	position: relative;
	left: 7px;
	top: 25px;
	float: left;
	width: auto;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.screen-slides  #report  #link_icon {
	float: left;
	position: relative;
	margin-right: 4px;
	top: -3px;
}
.screen-slides #schoolsVideo {
	position: absolute;
	left: -47px;
	top: 10px;
	height: 50%;
	width: 640%;
}
.screenNextBack {
	position: relative;
	left: -6px;
}
.home_button  {
	float: left;
	position: static;
	top: 0px;
	left: -30px;
	bottom: 20px;
	height: auto;
	margin-right: 85px;
}
#chalkboard .mainHome {
	position: relative;
	top: 0px;/* 20 */
	left: 100px;
	padding-bottom: 15px;
	float: left;
	width: 535px;
}
#chalkboard .buttonTable table,
#chalkboard .buttonTable tr, 
#chalkboard .buttonTable td,
#chalkboard .buttonTable img {
    padding:0;
}
.mainHome #copy {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	/*padding-top: 1px;*/
	position: relative;
	width: 530px;
}
.mainHome #copy a {
    color:#fff;
}  
#chalkboard #main #link {
	cursor: hand;
	bottom: 20px;
	position: relative;
	top: 5px;
	float: left;
	width: 200px;
	padding-bottom: 20px;
}
#bullet    {
	width: 20px;
	position: inherit;
	float: left;
	padding-right: 20px;
}
#link_img     {
	float: left;
	position: inherit;
}
#copy_links1      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	float: left;
	padding-right: 10px;
	width: 225px;
}
#copy_links1      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	float: left;
	padding-right: 10px;
	width: 225px;
}
#copy_links2   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	position: inherit;
	float: left;
	padding-right: 10px;
	width: auto;
	right: 10px;
}

#swfContent{
	position: absolute;
	left: 2px;
	top: -24px;
	width: 720px;
	z-index: 3;
}

/*** begin version 2 ***/ 
/*** icons ***/
.external {
	background: url(/imgs/iconExternal.gif) no-repeat 0 4px;
	padding: 4px 0 4px 16px;
}
.facebook {
	background: url(/imgs/icon_facebook_x15.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.pdf {
	background: url(/imgs/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.word {
	background: url(/imgs/iconWord.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}


#topRightCell {
   background-image:url(/imgs/side_col_imgs/right_cell_bg.jpg);
}
#parentsStudents .chalkboardBlock {
    margin-bottom: 30px!important;
}
#parentsStudents .chalkboardBlock img {
    margin-bottom:5px!important;
}

/*** misc sitewide styles ***/
.floatR {
    float:right;
}  
.floatL {
    float:left;
}  
.alignL {
    text-align:left;
}
.alignR {
    text-align:right;
}
.padBot12 {
    padding-bottom:12px;
}

.noMar {
    margin:0;
}  
.marR60 {
    margin-right:220px;
}


/* chalkboard */
#chalkboard #main #copy a, #chalkboard .mainHome #copy a  {
    color:#FFF;
    text-decoration:underline;
}

#chalkboard #main #copy a:hover, #chalkboard .mainHome #copy a:hover {
    color:#0f6fb5;
}



/***** fun with tables *****/

table,tr, td,table table {
    padding:0;
    border:0;
    border-collapse:collapse!important;
}


td img {
    padding:0;
    border:0;
    margin:0;
}

#topRight2 {
	height: 39px;
	width: 333px; 
	background-image: url(/imgs/side_col_imgs/sidecol_01_w333_h39.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	text-align:right;
}
#topRight2 p {
    margin-right:5px;
}


#selectLink {  
	position:relative;
	top:-10px;
	right:15px;

}
#selectLink a {
    color:#656d73;
    font-family:Arial,verdana, Sans-Serif;
    font-size:.9em;
    padding-bottom:5px;
    text-decoration:none;
}
#selectLink a:hover {
    text-decoration:underline;
}


.hmgauge {
  position: absolute;
  top: 210px;
  left: 375px;
  width: 262px;
  height: 155px;}