/*
SUMMARY of included css files: 

/var/www/nfw/browserincludes/styles/master.css
/var/www/nfw/browserincludes/styles/superfish.css
/var/www/nfw/browserincludes/styles/superfish-navbar.css
/var/www/vhosts/glenfir.com/httpdocs/templates/glenfir/styles/structure.css

*//***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
	}

body {
	font:85%/1.25 arial, helvetica, sans-serif;
	}

/***** Wrapper *****/

#wrapper {
    position:relative;
	}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	}

h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
	}

h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
	}

h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
	}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
	}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
	}

blockquote {
	margin:22px 40px;
	padding:0;
	}

img {
	border:0;
	}

/***** Links *****/

a, a:visited {
	text-decoration:none;
	}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
	}

input, select, textarea {
	font:1em arial, helvetica, sans-serif;
	}

textarea {
	line-height:1.25;
	}

label {
	cursor:pointer;
	}


/***** Global Classes *****/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.wrapper        { margin:0 auto; }
.float-left 	{ float:left; }
.float-right 	{ float:right; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }
.header			{ font-size:1.4em;margin-top:25px; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/nfwinc/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}/***** General Formatting *****/
body {background:#040c15 url(/templates/glenfir/images/mbg.jpg) repeat-x top;}

#wrapper {
    background-color:#ffffff;
	width:760px;
	margin:0 auto;
    margin-top:81px;
	padding-bottom:30px;
	}

.wrapper {width:760px;}

#logo {
	width: 156px;
	height:115px;
	position:absolute;
	top: -81px;
	left:0px;
	z-index:2;
	}

a{color:#153a63;}




#aboutourschool{left:157px; width: 115px;}
#campustour{left:273px; width: 86px;}
#admission {left:360px; width: 76px;}
#programme {left:437px; width: 83px;}
#schoollife {left:521px; width: 80px;}
#resources {left:602px; width: 77px;}
#contactus {left:680px; width: 80px;}
  
#main-navagation #aboutourschool > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -157px -35px no-repeat;}
#main-navagation #campustour > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -273px -35px no-repeat;}
#main-navagation #admission > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -360px -35px no-repeat;}
#main-navagation #programme > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -437px -35px no-repeat;}
#main-navagation #schoollife > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -521px -35px no-repeat;}
#main-navagation #resources > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -602px -35px no-repeat;}
#main-navagation #contactus > a:hover {background: transparent url(/templates/glenfir/images/nav.gif) -680px -35px no-repeat;}

/***** Main Nav Formatting *****/
	
#main-navagation {
    width: 760px; height: 35px;
    background: url(/templates/glenfir/images/nav.gif) no-repeat top right;
	padding: 0;
	margin:0 0 5px 0;
    position: relative;
	}
	
#main-navagation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	background-color: transparent;
	}
	
#main-navagation li span {display: none;}	
#main-navagation>li>a, #main-navagation>li>a:active {height: 15px; display: block; background:none;}


/*Drop Down Menu Styles  Start*/
#main-navagation li ul {
	list-style: none;
	}
		
#main-navagation li ul li {/* Stops the drop down menu li text from floating left */
	float:none;
	}
	
#main-navagation ul li {
	position: relative;/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window*/
	}

#main-navagation li ul {
	position: absolute;
	/*left: 0px;*/
	top: 30px;
	display: none;
	width:160px;
	background-image:url(/templates/glenfir/images/ddbg.png);
	}
#main-navagation ul ul {
  top: 0px;
  left: 160px;
}
#main-navagation a{border: none;}
#main-navagation li ul li a { 
	color:#ffffff; 
	font-size:0.7em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:5px;
	border-bottom: 1px solid #005d3e;
	}

#main-navagation li ul li a:hover { background:#005d3e; }
/*#main-navagation li ul a:active { padding: 5px;}*/

#main-navagation li:hover ul, #main-navagation li.over ul { display: block; }
#main-navagation li:hover ul, li.over ul { display: block; }


/***** Main Content Formatting *****/
#main-content-full {
 	padding:5px;
	}

#main-content {
	width:482px;
	margin: 0 6px 0 2px;
	display:inline;
	}
		
.title {
	color:#006d49;
	font:1.5em arial, helvetica, sans-serif;
	font-weight:bold;
	padding:8px 0 15px 0;
	}

#main-content h2 {
	color:#32315B;
	font:1.2em arial, helvetica, sans-serif;
	font-weight:bold;
	padding:15px 0;
	}
		
/* Updates Box Styles*/	
.event-box {
    font-size:0.9em;
	width:286px;
	padding:10px;
	margin-top:70px;
	border: 1px solid #edefdd;
	background-color:#f5f7e2;
	}

.event-box li {
	border-bottom:1px solid #d0d2c0;
	}
	
.noborders {
	border-bottom:none;
	}

.event-box a {
	color:#153a63;
	min-height:20px;
	background-color:#f5f7e2;
	display:block;
	}

.event-box a:hover {
	background-color:#dee4ab;
	}
	
/***** SideBar Formatting *****/
#side-bar {
	width:249px;
	min-height:830px;
	margin: 0 4px 0 8px;
	text-align:center;
	display:inline;
	}

/**Side Menu Formatting**/	
#side-menu {
	width:205px;
	text-align:left;
	margin: 20px auto;
	border-top:1px solid #d0d2c0;
	border-right:1px solid #d0d2c0;
	border-left:1px solid #d0d2c0;
	background-color: #f5f7e2;
	}
#side-menu ul{
  margin:0px; padding: 0px;
}
#side-menu li ul{
    border-top: 1px solid #d0d2c0;
}
#side-menu a{padding-left: 5%;}
#side-menu li{
  border-bottom: 1px solid #d0d2c0;
  padding-left: 10px;
}
#side-menu ul li:last-child{
  border-bottom: none;
}
#side-menu a {
	color:#153a63;
	/*height:20px;*/
	background-color:#f5f7e2;
	display:block;
	}

#side-menu a:hover {
	background-color:#dee4ab;
	}
		
/**Picture of The Week Formatting**/
#pictureofweekmainholder{
	position:relative;
	width:249px;
	height:242px;
	}

#pictureoftheweekwrapper{
	width:324px;
	height:242px;
	position:absolute;
	left: -75px;
	top: 37px;
	/*background-image:url(/templates/glenfir/images/pinecones.png);*/
	background-repeat:no-repeat;
	}
	
#pictureoftheweekimage{
	width:222px;
	height:180px;
	padding:7px 0px;
	position:absolute;	
	left: 87px;
	top: 12px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	}
	
#pictureoftheweekimage P{
	font-size:0.8em;
	margin:0;
	padding:0 0 0 0;
	}

/***** Student Photo Index Page Formatting *****/
#student {
	width:185px;
	height:419px;
	position:absolute;
	bottom:10px;
	right:-40px;
	background-image:url(/templates/glenfir/images/girl.png);
	background-repeat:no-repeat;
	}	
	
		
/***** Footer Formatting *****/	
#footer-wrapper {
	height:112px;
	background:none;
	
	}

#footer-content {
	color:#ffffff;
	font-size:0.8em;
	padding-top:10px;
	position:relative;
	}

#footer-content a{
	color:#ffffff;
	}
	
#footer-content ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:400px;
	display:block;
	float:left;
	}
	
#footer-content p{
float:right;
width:300px;
text-align:right;
padding-top: 40px;
	}		
	
/***** Gallery Formatting Album Display *****/
#gallery_container {
  width:480px;
  margin:0px auto;
  }

.gallery-album{
  width:232px;
  height:90px; 
  float:left;
  margin:3px 3px 3px 3px;
  border-top:1px solid #d0d2c0;
  border-right:1px solid #d0d2c0; 
  border-bottom:1px solid #d0d2c0; 
  border-left:1px solid #d0d2c0; 
  }

.gallery-album-over{
  background-color:#f5f7e2; 
  }
  
.gallery-image{
  width:90px;
  margin:4px;
  border: 1px solid #000000;
  float:left;
  }
   
.gallery-info{
  width:123px;
  margin: 5px 5px 5px 0px;
  float:right;
  }

.gallery-title{
  color:#cb4800;
  font-size:0.9em;
  font-weight:bold;
  }
  
.gallery-discription{
  color:#000000;
  font-size:0.8em;
  margin-top:3px;
  }

.gallery-button{height:100%; cursor:pointer;}

/***** Gallery Formatting Window Display*****/  
.gallery-display-thumbs{padding:5px; border:1px solid #000000; cursor:pointer; text-align:center;}

.gallery-display-thumbs:hover{background-color: #fefeda; border:1px solid #dee3a0;}

.gallery-clip{ width: 110px; height:75px; overflow: hidden; cursor:pointer;}

.gallery-one-row{}

.gallery-pager {width:100%; margin:0px auto; text-align:center;}

.gallery-pager span{margin:10px; font-weight:bold;}

/***** Gallery Large Image Formatting*****/
#photopicker_gallery_one_detail {text-align:center;}
#photopicker_gallery_one_detail img { border:1px solid #000000;}
	
	
	
#an-form table{
  margin: 20px auto;
}
#an-form table caption{
  border-bottom: 1px solid #999;
  font-size: 18px;
  margin-top: 40px;
}
#an-form table th, #an-form table td{
  padding: 5px;
  border-bottom: 1px solid #ccc;
}
#an-form table th{
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}
#an-form label{
  display: block;
  float: left;
  width: 180px;
}

 


#page_content ol, #page_content ul {
	margin: 0 0 16px 30px;
}
#page_content ol {
	list-style:decimal;
}
#page_content ul {
	list-style: disc;
}