/* divisions.css */
/* Styles for softball Division web pages */

img { border: none; }

#canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	border: 0px solid GreenYellow;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150px;
	border: 0px solid Green;
}

#lft_frame0 {z-index: 4;
	position: static;
	/* top: 196px;*/ /* (header hgt) + (nav hgt) */ 
	width: 120px;
	margin: 5px 5px 10px 5px; /* top right bottom left */
	padding: 5px 5px 5px 5px;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	background-image: url(/images/bg_grid.gif);
	background-repeat: repeat;
	border: 0px solid Red;
}

#lft_frame1 {z-index: 5;
	position: static;
	/* top: 196px; (header hgt) + (nav hgt) */
	width: 227px; /* adj. to width of image */
	height: 100px;
	margin: 0px 0px 0px 30px; /* 30-pixel left margin outside container */
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	background-image: url(/images/bg_grid.gif);
	background-repeat: repeat;
	border: 0px solid Blue;
}

#photo_gutter {
	position: absolute;
	top: 210px; /* (header hgt) + (nav hgt) */
	width: 260px; /* adj. to width of image */ 
	margin: 5px 0px 0px 6px; /* 5-pixel top margin, 6-pixel left margin outside container */
	padding: 0px 0px 0px 10px;
	font-family: Arial;
	font-size: 12px;
	font-stretch: normal;
	border: 1px solid Yellow;
}

#rt_frame0 {z-index: 3;
	position: absolute;
	top: 196px; /* (header hgt) + (nav hgt) */
	width: 50%;
	height: 100%;
	margin: 0px 0px 0px 150px; /* left margin is width of image + margin */
	padding: 5px 0px 10px 10px; 
	font-family: Arial;
	font-size: 13px;
	font-stretch: normal;
	background-repeat: repeat-x;
	border: 0px solid Yellow;
}

#rt_frame1 {
	position: absolute;
	top: 196px; /* (header hgt) + (nav hgt) */
	width: 65%;
	height: 100%;
	margin: 0px 0px 0px 257px; /* left margin is width of image + margin */
	padding: 5px 0px 10px 10px; 
	font-family: Arial;
	font-size: 13px;
	font-stretch: normal;
	border: 0px solid Yellow;
}

#cntr_frame1 {
	position: absolute;
	top: 196px; /* (header hgt) + (nav hgt) */
	width: 80%;
	height: 100%;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px; 
	font-family: Arial;
	font-size: 13px;
	font-stretch: normal;
	border: 0px solid Yellow;
}

#navbar {
	position: absolute;
	top: 151px;	
	left: 0px;
	width: 100%;
	height: 43px;
	padding: 0px 0px 0px 5px;
	background-image: url(/images/bg_nav.jpg);
	background-repeat: no-repeat;
	display: block; /* Takes up the full width available, with a new line before and after */
	border: 0px solid Orange;
}

#navbar ul { margin: 0px 0px 0px 5px; /* top right bottom left */
padding: 0px 0px 0px 0px;
line-height: 10px;
white-space: nowrap;
}

#navbar li { display: block;
float: left;
padding: 11px 1px 2px 2px;
}

#navbar li a { background-position: left top;
background-repeat: no-repeat;
height: 31px;
display: block;
overflow: hidden;
}

#navbar li a:hover {
background-position: 0 -31px;
}

li#buttonback     a {background-image: url(/images/buttonback.jpg);     width: 75px;}
li#buttonhome     a {background-image: url(/images/buttonhome.jpg);     width: 75px;}
li#button10u      a {background-image: url(/images/button10u.jpg);      width: 75px;}
li#button11u      a {background-image: url(/images/button11u.jpg);      width: 75px;}
li#button12u      a {background-image: url(/images/button12u.jpg);      width: 75px;}
li#button14u      a {background-image: url(/images/button14u.jpg);      width: 75px;}
li#button16u      a {background-image: url(/images/button16u.jpg);      width: 75px;}
li#button18u      a {background-image: url(/images/button18u.jpg);      width: 75px;}
li#buttoncya      a {background-image: url(/images/buttoncya.jpg);      width: 75px;}
li#buttonsponsers a {background-image: url(/images/buttonsponsors.jpg); width: 75px;}
li#buttonfields   a {background-image: url(/images/buttonfields.jpg);   width: 75px;}
li#buttonsched    a {background-image: url(/images/buttonsched.jpg);    width: 75px;}
li#button98      a {background-image: url(/images/button98.jpg);      width: 67px;}
li#button97      a {background-image: url(/images/button97.jpg);      width: 67px;}
li#button96      a {background-image: url(/images/button96.jpg);      width: 67px;}
li#button95      a {background-image: url(/images/button95.jpg);      width: 67px;}