/*
// - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
//
//	Kingshott Preparatory School - CSS Document
//
// - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

a
{
	color				: green;
	font-weight			: bold;
}

a.white
{
	color				: white;
	font-weight			: bold;
}

fieldset legend
{
	display				: none;
}

form div
{
	margin				: 0px 10px;
	padding-left		: 10px;
}

form p label
{
	font-weight			: bold;
	padding-left		: 10px;
}

html, body
{
	color				: #333333;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	height				: 100%;
	margin				: 0px 0px;
	padding				: 0px 0px;
	width				: 100%;
}

h1
{
	font-size			: 17px;
	font-weight			: bold;
}

h2
{
	font-size			: 15px;
	font-weight			: bold;
}

h3
{
	font-size			: 13px;
	font-weight			: bold;
	margin				: 20px 10px;
}

hr
{
	border				: 1px solid #E8E8E8;
	margin				: 0px 10px;
}

img
{
	margin				: 0;
	padding				: 0;
}

p, address
{
	line-height			: 17px;
	font-style			: normal;
	padding				: 10px 10px;
}

ul
{
	margin-left			: 35px;
	margin-top			: 10px;
}

	ul li
	{
		list-style		: disc;
		padding-bottom	: 5px;
	}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	ID & CLASSES
 // Generic Ids and classes that are used throughout the website.
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

.bg_misc
{
	background			: url(../images/category_bg.png) no-repeat;
	display				: block;
	font-size			: 12px;
	font-weight			: bold;
	height				: 44px;
	padding				: 0px 10px;
}

.bg_misc span
{
	padding				: 0px 10px;
	position			: relative;
	top					: 13px;
}

#container
{
	background			: url(../images/bg.gif) repeat-y;
	background-position	: center;
	border-bottom		: none;
	border-top			: none;
	height				: auto !important; /* <-- Set the height of the container to auto on IE7 */
	height				: 100%;
	margin				: auto;
	padding-bottom		: 10%;
	position			: relative;
	width				: 950px;
}

#content
{
	background			: url(../images/bg.gif) repeat-y;
	background-position	: center;
}

.event_column
{
	border				: 1px solid #D7D7D7;
}

.event_column h1
{
	background-color	: #D7D7D7;
	font-size			: 12px;
	padding				: 5px 10px;
}

.event_column p
{
	padding				: 2px;

}

#error_page
{
	background			: url("../images/error_page.png") repeat-x;
	background-position	: left top;
	padding-top			: 20px;
}

	#error_page .sub_header
	{
		color			: red;
		margin-left		: -10px;
	}

.fontSize12px
{
	font-size			: 12px;
}

#ifIE_pos_img
{
	margin-bottom		: 0px;
}

* html #ifIE_pos_img
{
	margin-bottom		: -1px;
}

*:first-child+html #ifIE_pos_img
{
	margin-bottom		: -1px;
}

#kingshott_logo
{
	background			: url(../images/top_bg.png) repeat-x;
	display				: block;
	height				: 132px;
}

#kingshott_logo img
{
	padding				: 20px 20px;
}

.news_img
{
	border				: 1px solid #E1E1E1;
	padding				: 2px 2px;
	margin-right		: 5px;
}

.submit_button
{
	background			: url("../images/submit_button.png") repeat-x;
	font-size			: 11px;
	font-weight			: bold;
	padding				: 5px;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	NAVIGATION
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

#navigation
{
	background			: url(../images/nav_bg.png) repeat;
	border				: none;
	border-top			: 0px solid white;
	font-size			: 12px;
	padding				: 10px 0px;
	position			: relative;
	z-index				: 1;
}

* html #navigation
{
	background-position	: 0px -1px;
}

*:first-child+html #navigation
{
	background-position	: 0px -1px;
}


#navigation ul
{
	margin				: 0;
}

#navigation ul li
{
	display				: inline;
	padding				: 6px 16px;
	position			: relative;
	top					: -1px;
}

#navigation ul li.selected a
{
	background			: url(../images/nav_selected_bg.png) repeat-x;
	color				: #333333;
	padding				: 8px 19px;
}

#navigation ul li a
{
	color				: white;
	font-weight			: bold;
	text-decoration		: none;
}

#navigation ul li a:hover
{
	color				: #333333;
	font-weight			: bold;
	text-decoration		: underline;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	SUB NAVIGATION
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

#sub_navigation
{
	background-color	: #FFD719;
	border				: none;
	border-bottom		: 4px solid #EAC100;
	color				: #333333;
	font-size			: 11px;
	padding				: 6px 20px;
	position			: relative;
	top					: -2px;
	z-index				: 2;
}

#sub_navigation ul
{
	margin				: 0;
}

#sub_navigation ul li
{
	display				: inline;
	padding-right		: 5px;
	line-height			: 20px
}

#sub_navigation ul li a
{
	color				: #333333;
	font-weight			: normal;
	text-decoration		: none;
}

#sub_navigation ul li a:hover
{
	color				: #333333;
	text-decoration		: underline;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	CONTENT : LEFT / MIDDLE / RIGHT
 //	Widths and background colours for the content divisions.
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

.sub_header
{
	font-size			: 17px;
	font-weight			: bold;
	padding				: 0px 20px;
}

.sub_header span
{
	color				: #79AED2;
}

#left_content
{
	padding-bottom		: 10px;
	padding-right		: 2px;
	width				: 24%;
}

    #middle_content_photo
    {
    	padding-bottom		: 10px;
    	padding-right		: 2px;
    	width				: 718px;
    }

    .middle_news_photo
    {
    	background			: url(../images/mid_cat_photo_bg.png) no-repeat;
    	color				: white;
    	display				: block;
    	height				: 44px;
    	font-weight			: bold;
    	padding				: 0px 20px;
    }

    .middle_news_photo span
    {
    	position			: relative;
    	top					: 11px;
    }

#middle_content
{
	padding-bottom		: 10px;
	padding-right		: 2px;
	width				: 490px;
}

#middle_content p
{
	padding				: 10px 20px;
}

.middle_news
{
	background			: url(../images/mid_cat_bg.png) no-repeat;
	color				: white;
	display				: block;
	height				: 44px;
	font-weight			: bold;
	padding				: 0px 20px;
}

.middle_news span
{
	position			: relative;
	top					: 11px;
}

#right_content
{
	padding-bottom		: 10px;
	width				: 24%;
}

#right_content p
{
	padding-left		: 20px;
	padding-right		: 20px;
}

#right_bg
{
	background-color	: #EEEEEE;
	font-weight			: bold;
	padding				: 10px 10px;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FOOTER
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FOOTER
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

#footerImmediateBg
{
	background			: url(../images/bg.gif) repeat-y;
	background-position	: center center;
}

#footer_container
{
	color				: white;
	font-size			: 12px;
	margin				: auto;
	overflow			: auto;
	width				: 950px;
}

#footer_container a.email
{
	color				: #FFD719;
}

#footer_container a.email:hover
{
	color				: #79AED2;
}

/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FOOTER TOP
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

#footer_top
{
	background-color	: #648A9F;
	border-top			: 5px solid #FFD719;
	margin-bottom		: 1px;
	padding				: 10px;
	position			: relative;
	overflow			: auto;
	width				: 930px;
}

	/*
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
	 //	3-COLUMN SECTION
	 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
	*/

	.left_column
	{
		float			: left;
		margin-right	: 10px;
		padding			: 0px 10px;
		width			: 32%;
	}

	.middle_column
	{
		left			: 322px;
		position		: absolute;
		padding			: 0px 10px;
		top				: 10px;
		width			: 32%;
	}

	.right_column
	{
		float			: right;
		padding			: 0px 10px;
		width			: 32%;
	}

	.left_column p, .middle_column p, .right_column p
	{

		padding			: 0;
		padding			: 10px 0px;
		padding-right	: 10px;
	}


/*
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
 //
 //	FOOTER BOTTOM
 //
 // - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - - 8 < - - - - - -
*/

#footer_bottom
{
	background-color				: #3C3C3C;
	color							: #6B6B6B;
	display							: block;
	height							: 290px;
	overflow						: auto;
	position						: relative;
	width							: 100%;
}

	#footer_bottom .left_column, #footer_bottom .middle_column
	{
		margin						: 10px 0px 10px 10px;
	}

		#footer_bottom .left_column h1, #footer_bottom .middle_column h1
		{
			color					: #6B6B6B;
			font-size				: 14px;
			font-weight				: bold;
			margin					: 10px 0px;
		}

		#footer_bottom .middle_column
		{
			margin					: 0px;
		}

			#footer_bottom .middle_column a
			{
				color				: #FFD719;
			}

		#footer_bottom .right_column
		{
			display					: table;
			height					: 262px;
			margin					: 0;
			padding					: 0;
			position				: relative;
		}

			#footer_bottom .right_column #copyright
			{
				display				: table-cell;
				margin				: auto;
				position			: relative;
				top					: 50%;
				vertical-align		: middle;
			}

			* html #footer_bottom .right_column #copyright
			{
				position			: absolute;
			}

			*:first-child+html #footer_bottom .right_column #copyright
			{
				position			: absolute;
			}

			#copyright div
			{
				margin				: auto;
				position			: relative;
				text-align			: center;
				top					: -50%;
				width				: 234px;
			}

ul#footer_list
{
	margin-left						: 10px;
}

	ul#footer_list li
	{
		background					: url("../images/footer_list_bullet.png") no-repeat;
		background-position			: left center;
		color						: #888888;
		font-size					: 11px;
		list-style					: none;
		padding						: 5px 0px;
	}

	* html ul#footer_list li, * html ul#footer_list li#selected
	{
		background-position			: left 4px;
	}

	*:first-child+html ul#footer_list li, *:first-child+html ul#footer_list li#selected
	{
		background-position			: left 4px;
	}

		ul#footer_list li a
		{
			color					: #888888;
			margin-left				: 10px;
		}

		ul#footer_list li a:hover
		{
			color					: white;
		}

	ul#footer_list li#selected
	{
		background					: url("../images/footer_list_bullet_selected.png") no-repeat;
		background-position			: left center;
	}

		ul#footer_list li#selected a
		{
			color					: white;
		}



/****************** new stuff *****************************************************/
table.stats
{
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    width: 100%;
    background-color: #666;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.stats td
{
    background-color: #E0E0E0;
    color: #000;
    padding: 4px;
    text-align: left;
    border: 1px #fff solid;
}

table.stats td.hed
{
    background-color: #666;
    color: #fff;
    padding: 4px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;
}
table.stats td.hed2
{
    background-color: #79AED2;
    color: #fff;
    padding: 4px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;
}


#myCalendar { color: black; font-size: 10px; font-family: Arial, tahoma, verdana; background-color: #ddd; }
#myCalendar td { padding: 4px; text-align: center; }
#myCalendar a { color: blue; text-decoration: underline; }
#myCalendar a:hover { color: blue; text-decoration: underline; }
#EventList { color: black; font-size: 12px; font-family: Arial, tahoma, verdana; }
.myCalendarHeading { font-weight: bold; background-color: white; }
.nonMonthDay { background-color: #eaeaea; }
.monthDay { background-color: white; }
.weekDays { font-weight: bold; }
.calevent { background-color: yellow; }
.weekEND { background-color: #eaeaea; }
.eventSearch { margin-bottom: 0; color: black; font-size: 10px; font-family: Arial, tahoma, verdana; }
.eventSearch input { font-size: 1.7ex; font-family: Verdana, Arial, Helvetica, sans-serif; }
.eventSearch input:hover { text-decoration: none; cursor: pointer; }
.eventSearch a { text-decoration: none; cursor: pointer; }
.eventSearch a:hover { text-decoration: none; cursor: pointer; }
#searchbutton input{ color: white; background-color: #6b8fb3; margin-top: 10px; border-color: #e3e3e3 #444 #444 #e3e3e3; border-style: solid; border-width: 1px; }
#searchbutton input:hover { background-color: #547ca3; }
#listMonthLink { font-size: 10px; font-family: Arial, tahoma, verdana; padding-top: 30px; padding-left: 5px; }
#listMonthLink a { text-decoration: none; cursor: pointer; }
#listMonthLink a:hover { text-decoration: none; cursor: pointer; }
#keywords input:hover { cursor: auto; }
.event_date { font-size: 10px; padding-left: 5px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
.event_title { font-size: 12px; font-weight: bold; background-color: #f7f7f7; padding: 2px; border: 1px solid #f0f0f0; }
.event_desc { font-size: 12px; padding: 2px 2px 2px 5px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.ind_event { margin-bottom: 10px; }

.borderTable
{
	margin: 0 auto;
    padding: 12px 14px 12px 14px;
	border: 1px solid #CCC;
}