/*
    Document   : main
    Created on : Mar 18, 2010, 2:45:40 AM
    Author     : dev
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*---- CROSS BROWSER DROPDOWN MENU ----*/

ul#nav {float:right;font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#fff;text-decoration: none; text-align:center;}
ul.drop a {width:125px;display:block; font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#fff;text-decoration: none; padding-top:8px;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 1px solid #fff; background: #5F5F5F; color: #fff;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; width:125px; height:38px;}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #F88D36; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;  background: #5F5F5F; border: 1px solid #fff; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }

/* This targets the parent element and all children inside of it */
ul.drop li.active {font-weight:normal; background: #F88D36;}

/* This targets the children of any li with a class of 'active' */
ul.drop li.active ul li {font-weight:normal;}

/*---- END DROPDOWN MENU ----*/

/* ORIGINALLY FROM STYLES.CSS --------------------------------------------------*/

body{
    background-color: #FFFFFF;/* 313031 #EDEEF3;*/
    font-family:Arial,Verdana, Helvetica, Sans-serif;
    font-size:12px;
    color:#4d4d4d;
    line-height: 18px;
    margin:0px;
    padding:0px;
    text-align:center;
}

/* main tpls */
div#mainPublicCont{
    width:940px;
    min-width:940px;
    margin-left:10px;
    margin-right:10px;
    margin-top:0px;
    text-align:left;
    background-color: #FFFFFF;
    padding: 0px;

}

a {
    color:#343434;
    text-decoration: underline;
}

a:hover{
    color: #000000;
}

div#publicHeaderLogo {
    float:left;
}

/*div#publicHeaderNav {
    float:right;
    border: 1px solid #f2f2f2;
    margin-top: 15px;
    padding-left:0px;
    padding-right:0px;
    width: 700px;

    }*/

/*div#publicHeaderNav ul {

    margin:0;
    list-style-type:none;
    padding:0px;
}

div#publicHeaderNav ul li {
    float:left;
    width: 139px;
    border-right: 1px inset #f2f2f2;
    text-align: center;
    background: url("../_images/_public/top-menu.png") repeat-x left top;
    height: 38px;
    line-height: 38px;
}

div#publicHeaderNav ul li.selected {
    background: url('../_images/_public/top-menu-hover.png') repeat-x left top;
}

div#publicHeaderNav ul li a {
    font-size:13px;
    color:#6e6e6e;
    text-decoration: none;
    height:38px;
    line-height: 38px;
    display:block;

}

div#publicHeaderNav ul li.selected a {
    font-size:13px;
    color:#FFFFFF;
    text-decoration: none;
    height:38px;
    line-height: 38px;
}

div#publicHeaderNav ul li:hover {
    background: url('../_images/_public/top-menu-hover.png') repeat-x left top;
}

div#publicHeaderNav ul li:hover a {
    background: url('../_images/_public/top-menu-hover.png') repeat-x left top;
    font-size:13px;
    color:#FFFFFF;
    text-decoration: none;
    height:38px;
    line-height: 38px;
}*/


div#loginWidget {
    border: 3px solid #aaaaaa;
    width: 300px;
    margin-left:14px;
    height: 339px;
}

div#loginWidget div#widgetContent {
    margin: 20px;
}

input.loginBox {
    border: 1px solid #aaaaaa;
    height: 23px;
    font-family:Droid Sans, Arial, Verdana, Helvetica, Sans-serif;
    font-size:12px;
    color:#4d4d4d;
    width: 150px;
    padding:2px;
}


div.publicTitle {
    font-size: 20px;
    color: #08599a;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 5px;
}

input.publicButtonSml {
    font-size: 11px;
    color: #FFFFFF;
    background: transparent url("../_images/_public/publicButtonSml.png") no-repeat center top;
    width: 60px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
}
input.publicButtonMedOrg {
    font-size: 11px;
    color: #FFFFFF;
    background: transparent url("../_images/_public/publicButtonMedOrg.png") no-repeat center top;
    width: 86px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
}

/* footer */
div.footerBar{
	height:36px;
	float:left;
	width:100%;
    background-color: #08599A;
	text-align:right;
	color:#FFF;
	line-height:30px;
}
div.footerBar span.copy{
	padding-right: 550px;
}


div.footerBar span.menus a{
	color: #FFF;
	text-decoration: underline;
	margin-right: 25px;
}


div#loginError {
    padding-top:10px;
    color:red;
}

div.pageContents {
    margin:auto;
    padding-top:10px;
    width:95%;
    min-height:650px;
}

div.pageHeading {
    font-size: 20px;
    color: #08599a;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 5px;
    margin-bottom: 15px;

}
div.pageSubHeading {
    font-size: 16px;
    color: #08599a;
    font-weight:500;
}
/* FORMS */

.formCellContainer {

}

.formCell1 {
    float:left;
    font-weight:normal;
    margin-left:0px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding:4px;
    text-align:left;
    height: auto;
}

.formCell2 {
    float:left;
    line-height:20px;
    margin-left:0px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell3 {
    float:left;
    font-weight:normal;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell4 {
    float:left;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell5 {
    float:left;
    font-weight:normal;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}
.formCell6 {
    float:left;
    line-height:20px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:0px;
    padding: 4px;
    height: auto;
}

div.publicHeaderImageMain {
    background-image: url("../_images/_public/person-book.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
#publicHeaderImageKLA {
    background-image: url("../_images/_public/kla.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
#publicHeaderImageTEACHER {
    background-image: url("../_images/_public/for-teachers.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
#publicHeaderImageWHY{
    background-image: url("../_images/_public/why-edekit.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
#publicHeaderImageQUALITY{
    background-image: url("../_images/_public/quality-control.png");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
div.publicHeaderImagePrograms {
    background-image: url("../_images/_public/books.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
div.publicHeaderImageQuality {
    background-image: url("../_images/_public/pen-paper.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}
div.publicHeaderImageContact {
    background-image: url("../_images/_public/contact.jpg");
    width: 940px;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}

/***** howEdekitWorks *****/

.contentitem{
	width: 383px;
	height:auto;
	box-sizing: border-box;	
	padding: 0;
	margin: 20px;
	float: left;
}

/***** AustralianCurriculum *****/


.auscontent{
	width: 620px;
	height:auto;
	padding: 0;
	margin: 0;
	float: left;
}

.ausside{
	width: 300px;
	height:auto;
	padding: 0;
	margin-bottom: 10px;
	float: right;
	border: #08599A solid 2px;
}

.ausside p{
	margin: 10px;
}

.auslogo{
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	margin-top:10px;
}

.ausinner{
	width: 305px;
	height:auto;
	box-sizing: border-box;	
	padding: 0;
	margin: 2.5px;
	float: left;
}

.ausinner p{
	margin:5px;
}

.ausimg{
	width: 415px;
	height:161px;
	box-sizing: border-box;	
	padding: 0;
	margin: 20px;
	float: right;
}

/***** AboutUs *****/

.aboutcontent{
	width: 730px;
	height:auto;
	padding: 0;
	margin: 0;
	margin-left:10px;
	float: right;
}

.aboutside{
	width: 200px;
	height:auto;
	padding: 0;
	margin-bottom: 10px;
	float: left;
}

.aboutimg{
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	width:178px;
	margin-top:10px;
	margin-bottom:10px;
}

/***** Testimonials *****/

.testimg{
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 886px;
	height: 2322px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image:url(/_templates/_images//_public/testimonials.png);
}

/***** Pricing *****/

.pricecontentleft{
	width:455px;
	height:auto;
	float:left;
	padding-bottom:20px;
}
	
.pricecontentright{
	width:455px;
	height:auto;
	float:right;
	padding-bottom:20px;
}

/***** Future Projects *****/

.projectscontentleft{
	background-image:url(/_templates/_images//_public/thefutureflat.png);
	background-repeat:no-repeat;
	width:250px;
	height:468px;
	float:left;
	padding-bottom:20px;
}

.projectsinfo {
	width: 215px;
	height: auto;
	float: left;
	padding-bottom: 20px;
	margin-left: 10px;
}