/*  The Queen's English School   */
/*  (c) 2009 A-Type Media */

/*  Key Colours:  */
/*		Dark Red - #950000 */
/*		Off White - #FFF2EB */
/*		Navy Blue - #00004C */




/* --------- GLOBAL FORMATTING ---------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #FFF2EB url(../gfx/backdrop.gif) top center repeat; /* MAIN BACKDROP FOR SCREEN */
	font: 13px Tahoma, "ＭＳ Ｐゴシック", Osaka, sans-serif; /* GLOBAL FONT */
}

#sitecontainer /* MAIN TRANSPARENT PAGE CONTAINER */
{
	margin: 0 auto;
	width: 917px;
}

.paddingbuffer
{
	margin: 10px; /* PADDING OF CENTRAL AREAS */
}

/* ------------------------------------------------- */




/* ------- TOP BANNER AND NAVBAR FORMATTING ------- */

#topbanner
{
	background: #FFFFFF url(../gfx/topbanner.gif) top center repeat-x; /* TOP BANNER PICTURE */
	height: 163px;
}

#topbanner h1 /* PAGE TITLE - BLANKED OUT */
{
	display: none;
}

#navbar
{
	width: 100%;
	overflow: hidden;
	border-bottom: 3px double #220000;
	background: #950000; /* BACKGROUND COLOUR OF NAVBAR */
}

#navbar ul
{
	margin: 0;
	padding: 0;
	font: 18px "ＭＳ Ｐ明朝", Georgia, serif;
	font-weight: bold;
	list-style-type: none;
}

#navbar li
{
	display: inline;
	margin: 0;
}

#navbar li a
{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 8px 28px; /* PADDING INSIDE MENU BUTTONS - VERTICAL HORIZONTAL */
	border-right: 1px solid #500; /* ITEM DIVIDER */
	color: #FFF;
	background: #950000; /* BACKGROUND COLOUR OF ITEMS */
}

#navbar li a:visited {color: #FFF;}
#navbar li a:hover {background: #00004C;}
#navbar li a:active {background: #0000FF;}

/* ------------------------------------------------- */




/* --------- MAIN LEFT COLUMN FORMATTING ---------- */

#leftcolumncontainer
{
	float: left;
	width: 100%;
	margin-left: -200px;
}

#leftcolumncontent
{
	margin-left: 200px;
	text-align: justify;
	color: #944;
}

#leftcolumncontent h2 /* MAIN PAGE TITLE */
{
	font: 26px "ＭＳ Ｐ明朝", Georgia, serif;
	font-weight: bold;
	margin: 14px 0px;
	color: #00004C;
}

#leftcolumncontent h3 /* SECTION TITLE */
{
	font-size: 16px;
	font-weight: bold;
	color: #722;
	margin-top: 30px; /* SPACE BETWEEN SECTIONS */
	border-bottom: 1px dotted #722;
	clear: left;
}

.highlightedtext /* HIGHLIGHTED TEXT */
{
	font-weight: bold;
	color: #C00;
	font-size: 15px;
	margin-top: 8px; /* SPACE BETWEEN PARAGRAPHS */
	margin-left: 14px; /* PARAGRAPH INDENT */
}

#leftcolumncontent p /* GENERAL CONTENT */
{
	margin-top: 8px; /* SPACE BETWEEN PARAGRAPHS */
	margin-left: 14px; /* PARAGRAPH INDENT */
}

.leftcolumnpicinsert /* PHOTO INSERT */
{
	width: 340px;
	float: left;
}

#leftcolumncontent img
{
	border: 4px double #722;
	margin-top: 10px;
}

.breaker
{
	clear: left;
	padding: 15px 0px; /* ADJUST FIRST NUMBER FOR BREAKER SIZE */
}

.minibreaker
{
	clear: left;
	padding: 0px 0px; /* ADJUST FIRST NUMBER FOR BREAKER SIZE */
}

#leftcolumncontent table
{
	font-size: 11px;
	text-align: center;
	color: #00004C;
	width: 100%;
	margin-top: 10px;
	table-layout: fixed;
	border-collapse: collapse;
}

#leftcolumncontent td
{
	padding: 3px 0px;
	border: 1px solid #FFF2EB;
}

.table_header
{
	background: #950000;
	color: #FFF2EB;
	font-weight: bold;
}

.table_off {background: #DDD; font-size: 10px;}
.table_upp {	background: #F90;}
.table_int {background: #99F;}
.table_beg {background: #8D1;}
.table_legend {background: #FFF2EB;	font-size: 10px;}

#leftcolumncontent ul
{
	list-style-type: none;
	list-style-position: outside;
	padding-left: 30px; /* INDENT FOR LISTS */
}

#leftcolumncontent a img
{
	border: none;
}

#leftcolumncontent a:link, #leftcolumncontent a:visited
{
	color: #C00;
	text-decoration: underline;
}

#leftcolumncontent a:hover, #leftcolumncontent a:active
{
	color: #F00;
	text-decoration: underline;
	background-color: #FFA;
}

.btn
{
	font-size: 20px; /* SIZE OF FONT FOR CONTACT FORM BUTTONS */
}

.linksubtitle
{
	margin-top: 0px;
	margin-left: 14px; /* PARAGRAPH INDENT */
}

#bottomgraphic img
{
	border: 0px;
}



/* ------------------------------------------------- */




/* -------- RIGHT COLUMN FORMATTING ------- */

#rightcolumn
{
	float: right;
	width: 200px;
	text-align: left;
}

#triallesson
{
	background: url(../gfx/triallessonicon.gif) top center no-repeat;
	height: 89px;
}

#triallesson h5, #triallesson p
{
	display: none; /* SECTION TEXT - BLANKED OUT */
}

#eddiebloglink a
{
	background: url(../gfx/bloglink.gif) top center no-repeat;
	height: 160px;
	display: block;
	border: 0px;
}

#eddiebloglink a:hover
{
	background: url(../gfx/bloglink2.gif) top center no-repeat;
	height: 160px;
	display: block;
	border: 0px;
}

#eddiebloglink span
{
	display: none; /* LINK TEXT - BLANKED OUT */
}

#calendarlink a
{
	background: url(../gfx/calendarlink.gif) top center no-repeat;
	height: 70px;
	display: block;
	border: 0px;
}

#calendarlink a:hover
{
	background: url(../gfx/calendarlink2.gif) top center no-repeat;
	height: 70px;
	display: block;
	border: 0px;
}

#calendarlink span
{
	display: none; /* LINK TEXT - BLANKED OUT */
}

#queensnewstitle
{
	background: url(../gfx/queensnewstitle.gif) top center no-repeat;
	height: 35px;
}

#queensnewstitle h5
{
	display: none; /* NEWS TITLE - BLANKED OUT */
}

.newstitle
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px; /* SPACE BETWEEN ENTRIES */
	color: #336;
}

.newsdate
{
	font-size: 9px;
	color: #447;
}

.newscontent
{
	font-size: 11px;
	color: #447;
}

.newscontent a:link, .newscontent a:visited
{
	color: #447;
	text-decoration: underline;
}

.newscontent a:hover, .newscontent a:active
{
	color: #C00;
	text-decoration: underline;
	background-color: #FFA;
}

#faqtitle
{
	background: url(../gfx/faqtitle.gif) top center no-repeat;
	height: 35px;
}

#faqtitle h5
{
	display: none; /* FAQ TITLE - BLANKED OUT */
}

.faqquestion
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px; /* SPACE BETWEEN ENTRIES */
	color: #A00;
}

.faqanswer
{
	font-size: 11px;
	color: #447;
}

.faqanswer a:link, .faqanswer a:visited
{
	color: #447;
	text-decoration: underline;
}

.faqanswer a:hover, .faqanswer a:active
{
	color: #C00;
	text-decoration: underline;
	background-color: #FFA;
}

#footer
{
	border-top: 1px dotted #900;
	font-size: 9px;
	text-align: left;
	color: #900;
	margin-top: 30px;
}

/* ------------------------------------------------- */