/**
 * Theme Name:        Appledore School
 * Requires at least: 4.1
 * Requires PHP:      5.6
 * Description:       Bespoke theme for the Appledore School website.
 * Author:            Cosmic
 * Author URI:        https://www.cosmic.org.uk
 * Text Domain:       appledore
 */

/**
 * WordPress Core
 * ========================================================================== */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/**
 * Accessibility and cross-browser tools
 * ========================================================================== */
@media screen {
	/* accessibility */
	/* menu links accesskeys */
	span.accesskey {
		text-decoration: none;
	}
	/* accessibility divs are hidden by default, text, screenreaders and such will show these */
	.accessibility, hr {
	/* position set so the rest can be set out side of visual browser viewport */
		position: absolute;
	/* takes it out top side */
		top: -999em;
	/* takes it out left side */
		left: -999em;
	}
	/* definition tags are also hidden, these are also used for accessibility menu links */
	dfn {
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0;
		height: 0;
		overflow: hidden;
		display: inline;
	}
	/* end accessibility */
	/* wiki style external links */
	/* external links will have "(external link)" text added, lets hide it */
	a.external span {
		position: absolute;
		left: -5000px;
		width: 4000px;
	}
	a.external {
	/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
		padding: 0 12px 0 0;
	}
	/* colors for external links */
	a.external:link {
		color: #18507C;
	/* background image for the link to show wiki style arrow */
		background: url(../../../uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
	}
	a.external:visited {
		color: #18507C;
	/* a different color can be used for visited external links */
	/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
		background: url(../../../uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
	}
	a.external:hover {
		color: #18507C;
	/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
		background: url(../../../uploads/NCleanBlue/external.gif) no-repeat 100% 0;
		background-color: inherit;
	}
	/* end wiki style external links */
	/* clearing */
	/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clear {
		height: 0;
		clear: both;
		width: 90%;
		visibility: hidden;
	}
	#main .clear {
		height: 0;
		clear: right;
		width: 90%;
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block;
		width: 100%;
	}
	* html .clear {
	/* Hides from IE-mac \*/
		height: 1%;
		clear: right;
		width: 90%;
	/* End hide from IE-mac */
	}
	/* end clearing */
}

/**
 * Print
 * ========================================================================== */
@media print {
	/*
	Sections that are hidden when printing the page. We only want the content printed.
	*/


	body {
	color: #000 !important; /* we want everything in black */
	background-color:#fff !important; /* on white background */
	font-family:arial; /* arial is nice to read ;) */
	border:0 !important; /* no borders thanks */
	}

	/* This affects every tag */
	* {
	border:0 !important; /* again no borders on printouts */
	}

	/*
	no need for accessibility on printout.
	Mark all your elements in content you
	dont want to get printed with class="noprint"
	*/
	.accessibility,
	.noprint
	 {
	display:none !important;
	}

	/*
	remove all width constraints from content area
	*/
	div#content,
	div#main {
	display:block !important;
	width:100% !important;
	border:0 !important;
	padding:1em !important;
	}

	/* hide everything else! */
	div#header,
	div#header h1 a,
	div.breadcrumbs,
	div#search,
	div#footer,
	div#menu_vert,
	div#news,
	div.right49,
	div.left49,
	div#sidebar  {
	   display: none !important;
	}

	img {
	float:none; /* this makes images couse a pagebreak if it doesnt fit on the page */
	}
}

/**
 * Reset
 * ========================================================================== */
* {
	margin: 0;
	padding: 0;
}

div {
	font-size: 1em;
}

img {
	border: 0;
}

/*****************text*****************/
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;*/
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000;
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}

div.templatecode {
	margin: 0 0 2.5em;
}

/*****************lists*****************/

div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}

/**
 * Global
 * ========================================================================== */
img {
	max-width:100%;
	height:auto;
}

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1em;
}

a {
	text-decoration: none;
	color: #07afad;
}

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

/*****************slider *****************/

#slider{
	display: none;
		overflow: hidden
}

#smallslider{
	display: none;
}

/*****************basic layout *****************/

body {
	margin: 0;
	padding: 0;
	color: #333333;
}

/*****************top*****************/

div#topoutter {
	background: url(../../../uploads/images/website/topbgsmallnew.gif) no-repeat center top;
}

div#topwrapper {
	padding: 0px 10px 0px 10px;
	margin: 0 auto;
}

/* header */
div#header {
	margin: 0;
	padding-top: 23px;
}

div#headerleft {
	text-align: center;
}

div#headerright {
	text-align: center;
	padding-top: 10px;
}

div#headerseperator {
	height: 67px;
}

div#headerleft h1 a {
	display: block;
	text-indent: -999em;
	text-decoration: none;
}
div#headerleft h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

div.crbk {
	margin: 0;
	padding: 0;
	background: url(../../../uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}

/*****************main*****************/

div#pagewrapper {
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	color: #333333;
}


div#content {
	padding: 0px;
}

div#main {
}

div#main a {
	font-weight: bold;
}

div#main a: hover {
	font-weight: bold;
}

div#homemain {
}

div#main img {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*****************classes*****************/

div#classboxone {
	text-align: center;
}

div#classboxtwo {
	text-align: center;
}

div#classboxthree {
	text-align: center;
}

div#classboxfour {
	text-align: center;
}

div#classboxfive {
	text-align: center;
}

div#classboxsix {
	text-align: center;
}

div#classboxseven {
	text-align: center;
}

div#classboxeight {
	text-align: center;
}

/*****************footer*****************/

div#footeroutter {
	width: 100%;
	background: #233253 url(../../../uploads/images/website/footertopsmall2new.jpg) no-repeat center top;
}

div#footerlogos {
	text-align: center;
}

div#footer {
	padding: 0px 10px 0px 10px;
	margin: 0 auto;
	color: #ffffff;
}

div#footerleft {
	padding-top: 70px;
}

div#footer p {
	font-size: 100%;
	padding-bottom: 1.5em;
	margin: 0;
}

div#footer p a {
	color: #07afad;
}

div#footer p a:hover {
	color: #ffffff;
}

div#footerright {
	padding-bottom: 30px;
}

div#iconleft {
	text-align: center;
}

div#textright {
	text-align: center;
}

div#bottombaroutter {
	width: 100%;
	background-color: #000000;
}

div#bottombar {
	padding: 30px 10px 10px 10px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}

div#bottombar p {
	font-size: 100%;
	padding-bottom: 1.5em;
	margin: 0;
}

div#bottombar p a {
	color: #07afad;
}

div#bottombar p a:hover {
	color: #ffffff;
}

/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */
.mce-content-body h1,
div#content h1 {
	color: #233253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 2.4em;
	text-align: left;
	line-height: 1.5em;
	margin: 16px 0 26px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e1ddd5;
}
.mce-content-body h2,
div#content h2 {
	color: #233253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 2.4em;
	text-align: left;
	line-height: 1.5em;
	margin: 16px 0 26px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e1ddd5;
}

div#header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.4em;
	color: #FFFFFF;
}

div#header h2 a {
	color: #FFFFFF;
}

.bluetext {
	font-size: 120%;
	color: #83d7d6;
}

div#header h2 a:hover {
	color: #83d7d6;
}

div#footer h2 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 3.2em;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.5em;
	margin: 1px 0 23px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #4d7194;
}

div#footer h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 3.2em;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.5em;
	margin: 1px 0 23px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #4d7194;
}

.mce-content-body h3,
div#content h3 {
	color: #666666;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
.mce-content-body h4,
div#content h4 {
	color: #233253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 2.4em;
	text-align: left;
	line-height: 1.5em;
	margin: 0px 0 26px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #1cb9ec;
}
.mce-content-body h5,
div#content h5 {
	color: #233253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 1.5em;
	text-align: left;
	line-height: 1.5em;
	margin: 0px 0 20px 0;
	padding-bottom: 10px;
}
.mce-content-body h6,
div#content h6 {
	color: #233253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 2.4em;
	text-align: left;
	line-height: 1.5em;
	margin: 16px 0 26px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #e1ddd5;
}

/*****************contactform*****************/

.contactform {
	color: #929292;
}

.contactform textarea{
   width:95%;
   height:100px;
   border: 1px solid #07afad;
   margin-bottom: 10px;
   margin-left: 5px;
   padding: 3px;
}

.contactform input {
   border: 1px solid #07afad;
   width:95%;
   margin-bottom: 10px;
   margin-left: 5px;
   padding: 3px;
}

.contactform td:first-child {
white-space:nowrap
}

.contactform input[type*="Submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	background-color: #07afad;
	padding: 7px;
}

.contactform input, .contactform textarea {
	box-sizing: border-box;
}

/*****************navigation*****************/

#menu_vert {
	padding: 0;
	padding-right: 10px;
text-align: right;

}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
	width: auto;
	margin: 0;
	padding: 0;
position: relative;
}
ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding-left: 0px;
	z-index: 9999;
	position: absolute;
width: 220px;
right: 0px;
text-align: left;
}
ul#primary-nav ul {
	top: auto;
}
ul#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}
ul#primary-nav li {
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
z-index: 9999;
}
/* set the "a" link look here */
ul#primary-nav li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 1.2em;
	color: #ffffff;
	padding: 15px 13px 15px 13px;
	display: block;
	text-decoration: none;
	background-color: #07afad;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
	color: #ffffff;
	background-color: #83d7d6;
}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: #ffffff;
	background-color: #83d7d6;
}
ul#primary-nav li a.menuactive {
	color: #ffffff;
	background-color: #233253;
	padding: 15px 13px 15px 13px;
}
ul#primary-nav li a.menuactive:hover {
	color: #ffffff;
	background-color: #83d7d6;
}

#primary-nav li li a.menuparent span {
	display: block;
	background:  url(../../../uploads/images/website/pointer.gif) no-repeat 98% center;
}

/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
	background:  url(../../../uploads/images/website/pointer.gif) no-repeat 98% center;
}
ul#primary-nav li ul a {
/* insures alignment */
	background-color: #656f86;;
	text-align: left;
	margin: 0px;
	padding: 22px 8px 22px 8px
	color: #ffffff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
z-index: 9999;
}
ul#primary-nav li ul {
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	display: none;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
z-index: 9999;
}

ul#primary-nav li ul a.menuactive {
	background-color: #001f3d;
}

ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
color: #ffffff;
}

/* IE6 Hacks */
#primary-nav li li {
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#menu-mob-button {
width: 220px;
background-color: #001f3d;
color: #ffffff;
padding: 10px;
	border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-align: left;
	margin-top: 10px;
	font-weight: lighter;
}

#primary-nav .sub-menu-button {
float:right;
background-color: #000000;
width: 18px;
padding-left: 10px;
text-align: center;
	font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
font-weight: bold;
}

/*****************news*****************/

.NewsSummary {
	padding: 0em;
	margin: 0em;
}
.NewsSummaryPostdate {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 30px;
}
.NewsSummaryLink {
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	padding-bottom: 30px;
	margin-bottom: 28px;
	border-bottom: 1px solid #cccccc;
}

.NewsSummarySummary, .NewsSummaryContent {
	line-height: 140%;
	margin-bottom: 50px;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
	font-size: 100%;
	margin-bottom: 30px;
	font-weight: bold;
}
#NewsPostDetailSummary {
	line-height: 150%;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc;
}

#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
}

/* more divs, left unstyled, just so you know the IDs of them */
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
	font-weight: bold;
	margin-bottom: 30px;
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}


/**
 * Responsive: narrow
 * ========================================================================== */
@media all and (min-width:600px) {
	/*****************layout*****************/

	body {
		background: #ffffff url(../../../uploads/images/website/mainbgnarrownew.gif) no-repeat center top;
	}

	/*****************top*****************/

	div#topoutter {
		background: #ffffff url(../../../uploads/images/website/topbgnarrownew.gif) no-repeat center top;
	}

	div#topwrapper {
	  width: 550px;
	}

	/*****************main*****************/

	div#pagewrapper {
	  width: 550px;
	}

	div#main img {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*****************footer*****************/

	div#footeroutter {
		background: #233253 url(../../../uploads/images/website/footertopnarrownew.jpg) no-repeat center top;
	}

	div#footerlogos {
		padding-top: 20px;
		border-top: 1px solid #cccccc;
	}

	div#footer {
	  width: 550px;
	}

	div#footerleft {
		padding-top: 138px;
	}

	div#footerleft p {
		font-size: 125%;
	}

	div#bottombar {
	  width: 550px;
	}

	/*****************slider*****************/
}

/**
 * Responsive: normal
 * ========================================================================== */
@media all and (min-width:1080px) {
	/*****************layout*****************/


	body {
		background: #ffffff url(../../../uploads/images/website/mainbgnew.gif) no-repeat center top;
	}

	/*****************top*****************/

	div#topoutter {
		background: #ffffff url(../../../uploads/images/website/topbgnew.gif) no-repeat center top;
		height: 296px;
	}

	div#topwrapper {
		width: 1060px;
	}

	div#headerleft {
		width: 690px;
		float: left;
		text-align: left;
	}

	div#headerright {
		width: 370px;
		float: right;
		text-align: left;
	}

	div#header h2 {
		text-align: left;
	}

	div#headerseperator {
		width: 1060px;
		height: 67px;
		clear: both;
	}


	/*****************main*****************/

	div#pagewrapper {
		width: 1060px;
	}

	div#contactleft {
		width: 510px;
		float: left;
	}

	div#contactright {
		width: 510px;
		float: right;
	}

	div#homeone {
		width: 295px;
		float: left;
	}

	div#homeonenew {
		width: 565px;
		float: left;
	}

	div#hometwo {
		width: 475px;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	div#homethree {
		width: 250px;
		float: left;
		margin-left: 20px;
	}

	div#homemainseperator {
		width: 1060px;
		height: 1px;
		clear: both;
	}

	/*****************footer*****************/

	div#footeroutter {
		background: #233253 url(../../../uploads/images/website/footertop2new.jpg) no-repeat center top;
		clear: both;
	}

	div#footer {
		width: 1060px;
	}

	div#footerlogos {
		padding-top: 40px;
		height: 188px;
		border-top: 1px solid #cccccc;
		text-align: left;
	}

	div#footerleft {
		width: 510px;
		float: left;
		padding-top: 218px;
	}

	div#iconleft {
		width: 55px;
		float: left;
		text-align: left;
	}

	div#textright {
		width: 455px;
		float: right;
		padding-top: 15px;
		text-align: left;
	}

	div#footertel {
		width: 510px;
		height: 65px;
	}

	div#footeremail {
		width: 510px;
		height: 65px;
	}

	div#footeraddress {
		width: 510px;
		height: 65px;
	}

	div#footerdivider {
		width: 510px;
		height: 1px;
		clear: both;
	}

	div#footerright {
		width: 510px;
		float: right;
		padding-top: 80px;
	}

	div#footer h2 {
		text-align: left;
	}

	div#footer h3 {
		text-align: right;
	}

	div#bottombar {
		width: 1060px;
		text-align: right;
	}

	/*****************classes*****************/

	div#classboxone {
		width: 230px;
		float: left;
		margin-left: 10px;
	}

	div#classboxtwo {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classboxthree {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classboxfour {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classboxfive {
		width: 230px;
		float: left;
		margin-left: 10px;
	}

	div#classboxsix {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classboxseven {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classboxeight {
		width: 230px;
		float: left;
		margin-left: 40px;
	}

	div#classspace {
		height: 10px;
		width: 100%;
		clear: both;
	}

	/*****************slider*****************/

	#slider{
	  width: 475px;
	  height: 479px;
	  display: block;
	  clip-path: circle(236px at 238px 239px);
	}

	.nivoSlider {
		position:relative;
		width:475px; /* Change this to your images width */
		height:479px; /* Change this to your images height */

	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	.nivoSlider .nivo-main-image {
		display: inline;
	}
	.nivoSlider a {
		border:0;
		display:block;
	}

	#smallslider{
	  width: 1080px;
	  height: 301px;
	  display: block;
	}

	.smallnivoSlider {
		position:relative;
		width:1080px; /* Change this to your images width */
		height:301px; /* Change this to your images height */

	}
	.smallnivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		display:block;
	}
	.smallnivoSlider a {
		border:0;
		display:block;
	}

	/*****************navigation*****************/

	#menu_vert {
		margin: 0;
		padding: 0;
	}
	.clearb {
	/* needed for some browsers */
		clear: both;
	}
	#menuwrapper {
		width: auto;
		margin: 0;
		padding: 0;
		height: 33px;
	}
	ul#primary-nav, ul#primary-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul#primary-nav {
		padding-left: 0px;
		position: static;
		float: right;
	width: auto;
	}
	ul#primary-nav ul {
		position: absolute;
		top: auto;
		display: none;

	}
	ul#primary-nav ul ul {
		margin-top: 1px;
		margin-left: -1px;
		left: 100%;
		top: 0px;
	}
	ul#primary-nav li {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	#primary-nav li li {
		width: 200px;
		margin-left: 0px;
		margin-top: -1px;
		float: none;
		position: relative;
	}
	/* set the "a" link look here */
	ul#primary-nav li a {
		letter-spacing: 1px;
		font-size: 1.2em;
		color: #07afad;
		padding: 10px 15px 10px 15px;
		display: block;
		text-decoration: none;
		background: url(../../../uploads/images/website/navnew.gif) no-repeat left center;
	}
	ul#primary-nav li a:hover {
		background-color: transparent;
		color: #ffffff;
		background: #07afad url(../../../uploads/images/website/nav2new.gif) no-repeat left center;
	}
	ul#primary-nav li li a:hover {
		color: #ffffff;
		background: #07afad url(../../../uploads/images/website/nav2new.gif) no-repeat left center;
	}
	ul#primary-nav li a.menuactive {
		color: #ffffff;
		background: url(../../../uploads/images/website/nav2new.gif) no-repeat left center;
		padding: 10px 15px 10px 15px;
	}
	ul#primary-nav li a.menuactive:hover {
		color: #ffffff;
		background: #967a56 url(../../../uploads/images/website/nav3new.gif) no-repeat left center;
	}

	#primary-nav li li a.menuparent span {
		display: block;
		background: url(../../../uploads/images/website/pointer.gif) no-repeat 98% center;
	}

	/* gif for IE6, as it can't handle transparent png */
	* html #primary-nav li li a.menuparent span {
		background: url(../../../uploads/images/website/pointer.gif) no-repeat 98% center;
	}
	ul#primary-nav li ul a {
	/* insures alignment */
		background: url(../../../uploads/images/website/nav3new.gif) no-repeat left;
		text-align: left;
		margin: 0px;
		position: relative;
		padding: 10px 15px 10px 15px;
		font-weight: lighter;
		color: #ffffff;
		border-top: 0 none;
		border-right: 0 none;
		border-left: 0 none;
	}
	ul#primary-nav li ul {
		margin: 0px;
		padding: 0px;
		position: absolute;
		width: auto;
		height: auto;
		display: none;
		z-index: 999;
	}

	ul#primary-nav li ul a.menuactive {
		background: #967a56 url(../../../uploads/images/website/nav2new.gif) no-repeat left center;
	}

	ul#primary-nav li ul ul {
	/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
		opacity: 95;
	/* CSS 3 */
	}
	/* Styling the appearance of menu items on hover */
	#primary-nav li:hover,
	#primary-nav li.menuh,
	#primary-nav li.menuparenth,
	#primary-nav li.menuactiveh {
	/* set your image here, dark grey image */
	color: #ff9900;
	}
	/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
	#primary-nav li:hover ul ul ul,
	#primary-nav li.menuparenth ul ul ul,
	*/
	#primary-nav ul,
	#primary-nav li:hover ul,
	#primary-nav li:hover ul ul,
	#primary-nav li.menuparenth ul,
	#primary-nav li.menuparenth ul ul {
		display: none;
	}
	/* for fourth level add
	#primary-nav ul ul ul li:hover ul,
	#primary-nav ul ul ul li.menuparenth ul,
	*/
	#primary-nav li:hover ul,
	#primary-nav ul li:hover ul,
	#primary-nav ul ul li:hover ul,
	#primary-nav li.menuparenth ul,
	#primary-nav ul li.menuparenth ul,
	#primary-nav ul ul li.menuparenth ul {
		display: block;
	}
	/* IE6 Hacks */
	#primary-nav li li {
		float: left;
		clear: both;
	}
	#primary-nav li li a {
		height: 1%;
	}

	/*****************news*****************/

	.newsfix {
	margin-right: -10px;
	margin-left: -10px;
	}

	.newsfix > .NewsSummary {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 320px;
	padding: 0 10px;
	}



}