@charset "UTF-8";

body {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

/* main div which contains all other elements */
#mainBoxL {
	/* dimensions */
	width: 930px;
	
	/* center */
	margin-left: auto;
	margin-right: auto;
	
	/* border */
	background: #FFCC00 url(../layout/images/main_l.png) 0 0 repeat-y;
}

#mainBoxT {
	/* border */
	background: url(../layout/images/main_t.png) 0 0 repeat-x;
}

#mainBoxR {
	/* border */
	background: url(../layout/images/main_r.png) 100% 0 repeat-y;
}

#mainBoxB {
	/* border */
	background: url(../layout/images/main_b.png) 0 100% repeat-x;
}

#mainBoxL1 {
	/* corner */
	background: url(../layout/images/main_l1.png) 0 0 no-repeat;
}

#mainBoxL2 {
	/* corner */
	background: url(../layout/images/main_l2.png) 0 100% no-repeat;
}

#mainBoxR1 {
	/* corner */
	background: url(../layout/images/main_r1.png) 100% 0 no-repeat;
}

#mainBoxR2 {
	/* corner */
	background: url(../layout/images/main_r2.png) 100% 100% no-repeat;
	
	/* basic padding */
	padding-top: 17px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
}

/* headline - "Woodford County High School Athletics" */
#headlineBox {
	margin-bottom: 4px;
}

/* header box - "Home of the Fighting Yellow Jackets" */
#headerBox {
	/* layout */
	padding: 3px;
	
	/* border */
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	
	/* background */
	background-color: #FFFF99;
}

/* headline - "Woodford County High School Athletics" */
#headlineBox {
	margin-bottom: 4px;
}

/* content box - white background that holds everything */
#contentBox {
	/* layout */
	margin-bottom: 4px;
	
	/* background */
	background-color: #FFFFD7;
	
	/* border */
	border-bottom: solid 1px black;
	
	padding: 5px;
}

#closingBox {
	
}

/* address and phone */

#address {
	/* layout */
	text-align: center;
	margin-bottom: 0px;
	
	/* text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

#phone {
	/* layout */
	text-align: center;
	
	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;
	
	/* text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

/* headers */
h1 {
	/* layout */
	margin: 0px;
	text-align: center;
	
	/* text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
	
}

h4 {
	/* layout */
	margin: 0px;
	text-align: center;
	
	/* text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	
}

/* content frames */

#sideBar {
	width: 25%;
	
	float: left;
}

#content {
	width: 74%;
	
	margin-left: auto;
	margin-right: auto;
	
	float: right;
	
	padding-bottom: 5px;
}

/* fixes height of contentBox container */

#heightFix {
	clear: both;	
}

/* small box (for sidebar) */

#smallBoxL {
	/* border */
	background: #FFCC00 url(../layout/images/box_border_l.png) 0 0 repeat-y;
	
	/* layout */
	/*width: 100%;*/
	
	margin-bottom: 5px;
}

#smallBoxT {
	/* border */
	background: url(../layout/images/box_border_t.png) 0 0 repeat-x;
}

#smallBoxR {
	/* border */
	background: url(../layout/images/box_border_r.png) 100% 0 repeat-y;
}

#smallBoxB {
	/* border */
	background: url(../layout/images/box_border_b.png) 0 100% repeat-x;
}

#smallBoxL1 {
	/* corner */
	background: url(../layout/images/box_corner_l1.png) 0 0 no-repeat;
}

#smallBoxL2 {
	/* corner */
	background: url(../layout/images/box_corner_l2.png) 0 100% no-repeat;	
}

#smallBoxR1 {
	/* corner */
	background: url(../layout/images/box_corner_r1.png) 100% 0 no-repeat;	
}

#smallBoxR2 {
	/* corner */
	background: url(../layout/images/box_corner_r2.png) 100% 100% no-repeat;
	
	/* layout */
	padding-top: 5px;
	padding-bottom: 5px;
	
	padding-left: 10px;
	padding-right: 10px;
}

/* insidesmall box (for sidebar) */

#inBoxL {
	/* border */
	background: #FFFF99 url(../layout/images/inbox_border_l.png) 0 0 repeat-y;
	
	/* layout */
	width: 100%;
	
	margin-bottom: 5px;
	margin-top: 5px;
}

#inBoxT {
	/* border */
	background: url(../layout/images/inbox_border_t.png) 0 0 repeat-x;
}

#inBoxR {
	/* border */
	background: url(../layout/images/inbox_border_r.png) 100% 0 repeat-y;
}

#inBoxB {
	/* border */
	background: url(../layout/images/inbox_border_b.png) 0 100% repeat-x;
}

#inBoxL1 {
	/* corner */
	background: url(../layout/images/inbox_corner_l1.png) 0 0 no-repeat;
}

#inBoxL2 {
	/* corner */
	background: url(../layout/images/inbox_corner_l2.png) 0 100% no-repeat;	
}

#inBoxR1 {
	/* corner */
	background: url(../layout/images/inbox_corner_r1.png) 100% 0 no-repeat;	
}

#inBoxR2 {
	/* corner */
	background: url(../layout/images/inbox_corner_r2.png) 100% 100% no-repeat;
	
	/* layout */
	padding: 5px;
	text-align: center;
}

/* insidesmall header box (for sidebar) */

#inHeaderBoxL {
	/* border */
	background: #34321B url(../layout/images/inhbox_border_l.png) 0 0 repeat-y;
	
	/* layout */
	width: 100%;
	
	margin-bottom: 5px;
	margin-top: 5px;
}

#inHeaderBoxT {
	/* border */
	background: url(../layout/images/inhbox_border_t.png) 0 0 repeat-x;
}

#inHeaderBoxR {
	/* border */
	background: url(../layout/images/inhbox_border_r.png) 100% 0 repeat-y;
}

#inHeaderBoxB {
	/* border */
	background: url(../layout/images/inhbox_border_b.png) 0 100% repeat-x;
}

#inHeaderBoxL1 {
	/* corner */
	background: url(../layout/images/inhbox_corner_l1.png) 0 0 no-repeat;
}

#inHeaderBoxL2 {
	/* corner */
	background: url(../layout/images/inhbox_corner_l2.png) 0 100% no-repeat;	
}

#inHeaderBoxR1 {
	/* corner */
	background: url(../layout/images/inhbox_corner_r1.png) 100% 0 no-repeat;	
}

#inHeaderBoxR2 {
	/* corner */
	background: url(../layout/images/inhbox_corner_r2.png) 100% 100% no-repeat;
	
	/* layout */
	padding: 5px;
	text-align: center;
	
	color: #FFCC00;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	background-color: #FFCC00;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:active {
	text-decoration: none;
	color: black;
	background-color: #C90;
}

h2 {
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
}

div.yellowJacket {
	margin-left: auto;
	margin-right: auto;
	
	width: 242px;
}

table {
	border: solid 1px black;
	border-collapse: collapse;
	text-align: center;
}

td {
	border: solid 1px black;
	text-align: center;
	border-collapse: collapse;
}

th {
	border: solid 1px black;
	text-align: center;
	border-collapse: collapse;
}