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

img { border: none; }

#canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 599px;
	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;
}

#body {
	position: absolute;
	padding: 0px;
	top: 195px;
	left: 0px;
	width: 100%;
	height: 100%;
	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: 0px solid Yellow;
}

#lft_frame1 {
	position: absolute;
	top: 196px; /* (header hgt) + (nav hgt) */
	width: 227px; /* adj. to width of image */ 
/*	height: 100px; */
	margin: 0px 0px 0px 25px; /* 25-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 Red;
}

#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 10px 10px 10px; 
	font-family: Arial;
	font-size: 13px;
	font-stretch: normal;
	border: 0px solid Yellow;
}

#ctr_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;
	padding: 0px 0px 0px 5px;
	top: 151px;
	left: 0px;
	width: 100%;
	height: 43px;
	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#buttonroster   a {background-image: url(/images/buttonroster.jpg);   width: 75px;}
li#buttonstats    a {background-image: url(/images/buttonstats.jpg);    width: 75px;}