html, body { margin: 0; padding: 0; height: 100%; /* needed for container min-height */ font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000; background: url(../images/header_back.jpg) no-repeat top; }
a { color: #ffa200; text-decoration: underline; font-weight: bold; }
a:hover { color: #333333; text-decoration: none; font-weight: bold; }
.container { position: relative; /* needed for footer positioning*/ margin: 0 auto; /* center, not in IE5 */ width: 100%; height: auto !important; /* real browsers */ height: 100%; /* IE6: treaded as min-height*/ min-height: 100%; /* real browsers */ }
.header { width: 954px; height: 125px; clear: both; margin: 0 auto; /* center, not in IE5 */ }
.menu { width: 634px; height: 37px; background-image: url(../images/menu_back.png); padding: 2px 0px 0px 320px; clear: both; margin: 0 auto; /* center, not in IE5 */ }
.content { width: 914px; padding: 50px 20px 100px 20px; /* bottom padding for footer */ background: url(../images/content_back.gif) no-repeat; clear: both; margin: 0 auto; /* center, not in IE5 */ }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #ff8a00; margin: 0px 0px 10px 0px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #ffffff; margin: 0px 0px 10px 0px; }
.title { font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; color: #ff8a00; margin: 0px 0px 10px 0px; }
.footer { width: 100%; height: 95px; background: url(../images/footer_back.gif) repeat-x; position: absolute; bottom: 0; /* stick to bottom */ }
.footerTop { width: 954px; height: 22px; margin: 0 auto; /* center, not in IE5 */ padding: 30px 0px 0px 0px; background:url(../images/footer_back_main.gif) no-repeat; text-align:center; color: #719938; font-size:12px; font-weight:bold; clear:both; }
.footerBottom { width: 954px; height: 43px; margin: 0 auto; /* center, not in IE5 */ text-align:center; color: #FFFFFF; font-size:11px; clear:both; }
.footerBottom a { color: #ffffff; }
.footerBottom a:hover { color: #ffffff; }
hr { height: 5px; background-color: #7e7e7e; border: 0; }
.pagecontent { clear: both; }
.pagetitle { width: 589px; height: 40px; padding: 10px 0px 0px 0px; float: left; margin: 0px 0px 10px 0px; }
.titlelinks { margin: 0px 0px 10px 10px; }
.pagetitle2 { width: 739px; height: 23px; clear: both; margin: 0px 0px 10px 0px; }
#nav { width: 660px;				/* main menu width and bg colour */ font-size: 12px; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a { display: block; margin: 0; font: bold 100% Arial, Helvetica, sans-serif; color: #4f4f4f; text-decoration: none; text-align: center; }
#nav1 a { padding: 5px 10px 5px 10px; background-repeat: repeat-x; margin: 0px 13px 0px 0px; }
#nav2 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; margin: 0px 14px 0px 0px; }
#nav3 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; margin: 0px 17px 0px 0px; }
#nav3 ul li a { padding: 5px 5px 5px 5px; }
#nav4 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; margin: 0px 19px 0px 0px; }
#nav5 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; margin: 0px 19px 0px 0px; }
#nav6 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; }
#nav6 ul li a { padding: 5px 5px 5px 5px; }
#nav7 a { padding: 5px 5px 5px 5px; background-repeat: repeat-x; margin: 0px 19px 0px 0px; }
#nav a.parent { background: #00FF00 url(../images/rightarrow.gif) center right no-repeat; /* dropdown arrow and colour if 3rd dropdown */ }
#nav a:hover { color: #fff; }
#nav li { float: left; padding: 0; margin: 0; }
#nav li.last_menu_item { border: none; }
/* Show/Hide second level menus */
	#nav li ul { position: absolute; width: 12em; left: -999em; height: auto; margin: 0; }
#nav li li { width: 150px; }
#nav li ul a { /* drop down width in pixels */
		background-color: #817f7e; /* drop down main menu colour */ color: #FFFFFF; font-weight: 100; border: 0; text-align: left; }
#nav li ul a:hover { /* drop down width in pixels */
		background-color: #303030;  /*drop down main menu colour */ color: #ffffff; font-weight: 100; border: 0; text-align: left; }
#nav li:hover ul { left: auto; }
#nav li ul ul { margin: -24px 0 0 110px; }
/* Hide third level menus */
	#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
/* Show third lever menus */
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
/* Important this bit as we are floating the menu */
	#content { clear: both; }
.divider { width: 1px; height: 14px; background-image: url(images/menu_divider.gif); margin: 0px 3px 0px 3px; }

.column1 { width: 560px; float: left; margin: 0px 50px 0px 0px; }
.packageshomepage { width: 527px; text-align: center; }
.logoshomepage { width: 527px; height: 44px; clear: both; text-align: center; margin: 20px 0px 20px 0px; }
.homepageoffer { width: 527px; height: 405px; clear: both; text-align: center; margin: 0px 0px 0px 0px; }
.newhomepageoffer { width: 500px; height: 400px; clear: both; margin: 0px 0px 0px 0px; background-image: url(../images/new_homepage_offer.gif); background-repeat: no-repeat; }
.pricingoffer { width: 738px; height: 360px; clear: both; margin: 0px 0px 0px 0px; background-image: url(../images/pricing_bg.gif); background-repeat: no-repeat; color: #FFFFFF; font-size: 110%; font-weight: bold; }
.pricing { width: 660px; float: left; padding: 70px 39px 20px 39px; }
.offerhomepage { width: 460px; height: 270px; float: left; padding: 90px 20px 0px 20px; color: #FFFFFF; font-size: 100%; }
.offer { width: 320px; height: 393px; float: left; padding: 110px 20px 0px 20px; background-image: url(../images/standard.gif); background-repeat: no-repeat; color: #FFFFFF; }
.offer2 { width: 320px; height: 393px; float: left; padding: 110px 20px 0px 20px; background-image: url(../images/edit.gif); background-repeat: no-repeat; color: #FFFFFF; }
.standardbutton1 { width: 320px; height: 70px; clear: both; margin: 129px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.standardbutton2 { width: 320px; height: 70px; clear: both; padding: 0px 0px 0px 0px; }
.editbutton1 { width: 320px; height: 70px; clear: both; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
.editbutton2 { width: 320px; height: 70px; clear: both; padding: 0px 0px 0px 0px; }
.homepageform { width: 503px; height: 49px; clear: both; padding: 40px 0px 0px 24px; background-image: url(../images/homepage_form_bg.gif); background-position: center; background-repeat: no-repeat; }
.homepageofferbutton { width: 503px; height: 60px; text-align: right; }
.newhomepageofferbutton { width: 489px; height: 40px; margin: 10px 0px 30px 0px; }
.pricingbutton { width: 738px; height: 40px; padding: 0px 0px 0px 19px; margin: 10px 0px 30px 0px; }
.column2 { width: 224px; float: left; padding:0px 0px 0px 80px; }
.column3 { width: 316px; height: 358px; float: left; padding: 0px 20px 0px 20px; }
.column4 { width: 363px; height: 358px; float: left; }
.video-left { width: 382px; float: left; padding: 0px 20px 0px 0px; }
.video-right { width: 512px; float: left; }
.homeWelcome { width: 520px; padding: 0px 20px 20px 20px; }
.homePricing { width: 540px; height: 81px; background: url(../images/home_pricing_back.jpg) no-repeat top; padding: 40px 0px 30px 20px; }
.homeFeatures { width: 520px; padding: 20px 20px 20px 20px; height: 280px; }
.homeFeaturesBox1 { width: 164px; height: 29px; text-align: center; font-size: 13px; font-weight: bold; padding: 10px 0px 0px 0px; margin: 0px 14px 14px 0px; background-image: url(../images/home_features_back.gif); float: left; }
.homeFeaturesBox2 { width: 164px; height: 29px; text-align: center; padding: 10px 0px 0px 0px; margin: 0px 0px 14px 0px; font-size: 13px; font-weight: bold; background-image: url(../images/home_features_back.gif); float: left; }
.textMedium { font-size: 16px; font-weight: bold; }
.subcolumn1 { width: 360px; float: left; margin: 0px 20px 0px 0px; }
.subcolumn2 { width: 359px; float: left; }
.subcolumn3 { width: 360px; float: left; margin: 0px 15px 0px 0px; }
.subcolumn4 { width: 360px; float: left; }
.subcolumn5 { width: 150px; float: left; margin: 10px 20px 0px 0px; }
.subcolumn6 { width: 150px; float: left; margin: 10px 0px 0px 0px; }
.subcolumn7 { width: 320px; clear: both; margin: 0px 0px 0px 0px; }
.subcolumn8 { width: 320px; clear: both; margin: 21px 0px 0px 0px; }
.subcolumn9 { width: 738px; clear: both; font-weight: bold; margin: 20px 0px 20px 0px; }
.subcolumn10 { width: 220px; float: left; margin: 20px 20px 0px 0px; }
.subcolumn10 li { color: #1a447e; font-weight: bold; }
.subcolumn11 { width: 200px; float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 20px; }
.subcolumn11 li { color: #fff; font-weight: bold; }
.subcolumn12 { width: 738px; clear: both; margin: 20px 0px 20px 0px; }
.subcolumn13 { width: 320px; float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 39px; }
.subcolumn14 { width: 344px; float: left; padding: 0px 0px 0px 374px; }
.thumbnails { width: 739px; height: 60px; clear: both; }
.thumbnails2 { width: 739px; height: 107px; clear: both; margin: 0px 0px 20px 0px; }
.thumbnail { width: 80px; float: left; margin: 0px 15px 0px 0px; }
.buttonfaq { width: 739px; text-align: right; }
.imagefaq { width: 739px; text-align: center; }
.contacttext { width: 50px; float: left; font-weight: bold; }
.contacttext2 { width: 150px; float: left; font-weight: bold; }
.form { width: 600px; height: 420px; background-color: #bed3f0; clear: both; padding: 20px 10px 0px 20px; margin: 10px 0px 20px 52px; }
.form2 { width: 600px; height: 150px; background-color: #537224; clear: both; padding: 20px 10px 0px 20px; margin: 10px 0px 20px 52px; }
.form3 { width: 600px; height: 470px; background-color: #d2edad; clear: both; padding: 20px 10px 0px 20px; margin: 10px 0px 20px 52px; }
.formcol1 { width: 290px; float: left; margin: 0px 20px 0px 0px; }
.formcol2 { width: 290px; float: left; }
.formcol3 { width: 600px; clear: both; }
.formtext { width: 200px; margin: 0px 0px 3px 0px; clear: both; font-weight: bold; }
.formtext5 { width: 73px; margin: 0px 0px 3px 0px; clear: both; font-weight: bold; color: #537224; }
.formtextwhite { width: 200px; margin: 0px 0px 3px 0px; clear: both; font-weight: bold; color: #FFFFFF; }
.formfield { width: 270px; margin: 0px 0px 10px 0px; }
.formfield2 { width: 270px; height: 67px; margin: 0px 0px 10px 0px; }
.formfield3 { width: 276px; margin: 0px 0px 10px 0px; }
.formfield4 { width: 586px; height: 67px; margin: 0px 0px 10px 0px; }
.formfield5 { width: 73px; float: left; margin: 0px 10px 0px 0px; }
input.btn { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; background-color: #2969c3; border: 1px solid #004f7d; border-top-color: #aaaaaa; border-left-color: #aaaaaa; border-right-color: #354917; border-bottom-color: #354917; padding: 2px 0px 2px 0px; cursor: hand; }
.helpfileimg { width: 739px; text-align: center; clear: both; }
.helpfiletext { width: 120px; float: left; font-weight: bold; padding: 0px 0px 0px 10px; margin: 0px 15px 0px 0px; }
.helpfiletext2 { width: 350px; float: left; }
.portfolioprimary { width: 633px; height: 1050px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_primary_bg.gif); background-repeat: no-repeat; }
.portfoliojunior { width: 633px; height: 438px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_junior_bg.gif); background-repeat: no-repeat; }
.portfoliosecondary { width: 633px; height: 438px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_secondary_bg.gif); background-repeat: no-repeat; }
.portfoliocolleges { width: 633px; height: 233px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_colleges_bg.gif); background-repeat: no-repeat; }
.portfolioother { width: 633px; height: 233px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_other_bg.gif); background-repeat: no-repeat; }
.portfolioindependent { width: 633px; height: 233px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_independent_bg.gif); background-repeat: no-repeat; }
.portfoliospecial { width: 633px; height: 233px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/portfolio_special_bg.gif); background-repeat: no-repeat; }
.portfoliothumbnails { width: 914px; clear: both; }
.portfoliotext { width: 914px; clear: both; }
.portfoliotext1 { width: 144px; height: 25px; font-weight: bold; float: left; padding: 0px 0px 10px 0px; margin: 0px 19px 0px 0px; }
.portfoliotext2 { width: 144px; height: 25px; font-weight: bold; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
.portfoliothumbnail { width: 144px; height: 137px; float: left; padding: 0px 0px 30px 0px; margin: 0px 19px 0px 0px; }
.portfoliothumbnail2 { width: 144px; height: 137px; float: left; padding: 0px 0px 30px 0px; margin: 0px 0px 0px 0px; }
.schoolheader { width: 700px; height: 44px; clear: both; margin: 0px 0px 0px 20px; }
.schoolbg { width: 633px; height: 453px; clear: both; padding: 0px 36px 0px 31px; margin: 0px 0px 20px 20px; background-image: url(../images/school_bg.gif); background-repeat: no-repeat; }
.schoolbg2 { width: 633px; height: 707px; clear: both; padding: 0px 36px 0px 31px; margin: 0px 0px 20px 20px; background-image: url(../images/school_bg2.gif); background-repeat: no-repeat; }
.schoolcol { width: 318px; height: 370px; float: left; margin: 0px 20px 20px 0px; }
.schoolcol2 { width: 295px; height: 370px; float: left; margin: 0px 0px 0px 0px; }
.schoolcol3 { width: 318px; height: 624px; float: left; margin: 0px 20px 20px 0px; }
.schoollogo { width: 318px; height: 100px; clear: both; margin: 0px 0px 20px 0px; text-align: center; }
.greentext { color: #94c252; font-weight: bold; }
.screenshot { width: 295px; height: 331px; margin: 0px 0px 10px 0px; }
.viewschoolbutton { width: 295px; float: left; margin: 0px 0px 10px 0px; text-align: right; }
.portfoliobutton { width: 315px; float: left; }
.previousschoolbutton { width: 234px; float: left; text-align: right; }
.nextschoolbutton { width: 84px; float: left; text-align: right; }
.associates { width: 633px; height: 233px; padding: 51px 36px 0px 31px; margin: 0px 0px 0px 20px; background-image: url(../images/associates_bg.gif); background-repeat: no-repeat; }
.whitetextbig { font-family: Arial, Helvetica, sans-serif; font-size: 175%; color: #FFFFFF; margin: 0px 0px 10px 0px; }
.bluetext { color: #879dbe; }
.greentext { color: #537224; font-weight: bold; }
.largetext { font-size: 150%; font-weight: bold; }
.largetext2 { font-size: 125%; font-weight: bold; }
.largetext3 { font-size: 125%; font-weight: bold; padding: 0px 0px 0px 10px; }
.latestnews { width: 162px; height: 61px; color: #FFFFFF; background-image: url(../images/latest_news_bg.gif); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 33px 15px 0px 15px; }
.latestnews a { color: #ffffff; text-decoration: underline; }
.latestnews a:hover { color: #252525; text-decoration: none; }
.virtualtours { width: 162px; height: 61px; color: #FFFFFF; background-image: url(../images/virtual_tours_bg.gif); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 33px 15px 0px 15px; }
.virtualtours a { color: #ffffff; text-decoration: underline; }
.virtualtours a:hover { color: #252525; text-decoration: none; }
.homeport { width: 162px; height: 61px; color: #FFFFFF; background-image: url(../images/home_port_back.gif); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 33px 15px 0px 15px; }
.homeport a { color: #ffffff; text-decoration: underline; }
.homeport a:hover { color: #252525; text-decoration: none; }
.video { width: 162px; height: 61px; color: #FFFFFF; background-image: url(../images/video_bg.gif); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 33px 15px 0px 15px; }
.video a { color: #ffffff; text-decoration: underline; }
.video a:hover { color: #252525; text-decoration: none; }
.exhibitions { width: 162px; height: 61px; color: #FFFFFF; background-image: url(../images/exhibitions.gif); background-repeat: no-repeat; margin: 0px 0px 15px 0px; padding: 33px 15px 0px 15px; }
.exhibitions a { color: #ffffff; text-decoration: underline; }
.exhibitions a:hover { color: #252525; text-decoration: none; }
.accessibilitylogo { width: 108px; height: 38px; padding: 6px 0px 0px 15px; margin: 0px 20px 0px 0px; float: left; }
.curriculumlogoshome { width: 377px; height: 44px; float: left; }
.contactformhome { width: 73px; height: 40px; float: left; margin: 0px 10px 0px 0px; }
.buttonhomepage { float: left; margin: 13px 0px 0px 0px; }
.formfield6 { width: 98px; float: left; margin: 0px 2px 0px 0px; }
.contactformhome2 { width: 105px; height: 40px; float: left; margin: 0px 2px 0px 0px; }
.testimonialcol1 { width: 434px; float: left; margin: 0px 10px 15px 0px; }
.testimonialcol2 { width: 295px; float: left; margin: 0px 0px 15px 0px; }
.schoolname { font-size: 150%; font-weight: bold; color: #1a447e; }
.portThumbLeft { width: 145px; height: 170px; float: left; margin: 0px 47px 0px 0px; }
.portThumbRight { width: 145px; height: 159px; float: left; }
.portThumbPic { width: 145px; height: 106px; float: left; }
.portThumbTitle { width: 145px; height: 33px; font-size: 12px; font-weight: bold; float: left; text-align: center; padding: 5px 0px 0px 0px; }
.portThumbURL { width: 135px; height: 20px; font-weight: bold; background: url(../images/thumbURL_back.jpg) no-repeat; float: left; padding: 3px 0px 0px 10px; }
.portDivider { width: 914px; height: 5px; font-weight: bold; clear: both; padding: 20px 0px 20px 0px; }
.titlebluebar { height: 14px; width: 909px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: #ff8a00; color: #fff; clear: both; margin: 0px 0px 20px 0px; padding: 3px 0px 3px 5px; }
.banners { width: 500px; height: 80px; clear: both; text-align: center; }
.bannerbett { width: 242px; height: 80px; float: left; margin: 0px 15px 15px 0px; }
.bannereducation { width: 500px; height: 80px; margin: 0px 0px 15px 0px; }
.features1 { width: 900px; height: 130px; background: #f7f8fa; margin: 0px 0px 20px 0px; }
.features2 { width: 900px; height: 130px; margin: 0px 0px 20px 0px; }
.featuresPricing { width: 900px; height: 130px; background: #ff8a00; margin: 0px 0px 20px 0px; }
.featuresText { width: 420px; height: 100px; float: left; padding: 15px 15px 15px 15px; }
.featuresTextWhite { width: 420px; height: 100px; float: left; color: #FFFFFF; padding: 15px 15px 15px 15px; }
.featuresPhoto { width: 420px; height: 100px; float: left; padding: 15px 15px 15px 15px; background-color: #e3e3e3; }
.featuresTitle { font-size: 18px; color: #ff8a00; clear: both; margin: 0px 0px 10px 0px; }
.featuresTitleWhite { font-size: 18px; color: #ffffff; clear: both; margin: 0px 0px 10px 0px; }
/* START CONTACT FORM STYLING*/
input[type="text"], input[type="email"], select, textarea { width: 305px; border: 1px solid #888888; padding: 5px; }
input[type="text"]:focus, input[type="email"]:focus, select:focus, textarea:focus { border-left: 4px solid #ff8a00; color: #000; background-color: #EFEFEF; width: 317px !important; }
input[type="text"][name="captcha_code"] { width: 70px !important; float: left; margin: 2px 20px 0px 0px; }
select { width: 317px; }
select:focus { width: 317px; }
input[type="text"][name="captcha_code"]:focus { width: 67px !important; }
input[type="submit"], input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #ff8a00; border: 1px solid #000; padding: 5px 10px 5px 10px; text-align: center; font-weight: bold; color: #FFFFFF; cursor: pointer; }
/* END CONTACT FORM STYLING*/
#newedittool { width: 560px; height: 152px; clear: both; }
.edit-preview { width: 914px; height: 400px; clear: both; margin: 0px; }
.edit-text { width: 365px; float: left; margin: 0px 20px 0px 0px; }
.edit-picture { width: 529px; height: 400px; float: left; }