/* root level */

div.root {
	background-color: white;
	font-family: "Adobe Heiti Std", "Hei", Arial, sans-serif;
	width: 970px;
	position: relative;
	margin: 0px auto;
	padding-top: 0px;
}

img#goTop {
	border-radius: 5px;
	position: fixed;
	left: 1120px;
	top: 4px;
}

a {
	text-decoration: none;
}

/* root ends */

/* header begins */

div.header {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0px;
}

img#
 {
	margin: 0px;
	padding: 0px;
}

div.nav {
	margin-top: 5px;
	font-size: 10pt;
	color: black;
	float: right;
}

div.nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 5;
}
div.nav ul li {
	margin-right: 2em;
	padding: 0px;
	float: left;
	z-index: 5;
}

div.nav a {
	text-decoration: none;
	color: black;
}

div.nav a:hover {
	text-decoration: none;
	color: #0099ff;
}

div.nav a:active {
	text-decoration: none;
	color: #27ae60;
}

img#banner {
	margin-top: 20px;
	padding: 0px;
}

/* header ends */

/* index begins */

div#indexBody {
	background: url("images/indexMidBg.png");
	background-size: 970px 582px;
	background-repeat: no-repeat;
	width: 970px;
	height: 582px;
	color: white;
}

div.indexP {
	margin-top: 10px;
}

div#indexP1 {
	float: left;
	background: url("images/indexPic1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 480px;
	height: 286px;
	padding: 0px;
}

div#indexR1 {
	width: 155px;
	height: 155px;
	float: right;
	margin-top: 131px;
	background: url("images/indexR1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



div#indexE1 {
	display: none;
	background-color: #27ae60;
	width: 200px;
	float: left;
	height: 60%;
	padding: 10px;
	opacity: 80%;
}



div#indexR1:hover {
	width: 180px;
	height: 180px;
	margin-top: 106px;
	background-size: cover;
}



div#indexP2 {
	margin-left: 10px;
	float: left;
	background: url("images/indexPic2.png");
	background-size: 480px 286px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 480px;
	height: 286px;
}

div#indexR2 {
	width: 155px;
	height: 155px;
	float: left;
	margin-top: 131px;
	background: url("images/indexR2.png");
	background-size: 155px 155px;
	background-repeat: no-repeat;
	background-position: center center;
}

div#indexR2:hover {
	width: 180px;
	height: 180px;
	margin-top: 106px;
	background-size: cover;
}


div#indexE2 {
	display: none;
	background-color: #d35400;
	width: 200px;
	float: right;
	height: 60%;
	padding: 10px;
	opacity: 80%;
}

div#indexP3 {
	margin-top: 10px;
	float: left;
	background: url("images/indexPic3.png");
	background-size: 480px 286px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 480px;
	height: 286px;
}

div#indexR3 {
	width: 155px;
	height: 155px;
	float: right;
	margin-top: 0px;
	background: url("images/indexR3.png");
	background-size: 155px 155px;
	background-repeat: no-repeat;
	background-position: center center;
}

div#indexR3:hover {
	width: 180px;
	height: 180px;

	background-size: cover;
}

div#indexE3 {
	display: none;
	background-color: #2980b9;
	width: 200px;
	float: left;
	height: 60%;
	padding: 10px;
	opacity: 80%;
}

div#indexP4 {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background: url("images/indexPic4.png");
	background-size: 480px 286px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 480px;
	height: 286px;
}

div#indexR4 {
	width: 155px;
	height: 155px;
	float: left;
	margin-top: 0px;
	background: url("images/indexR4.png");
	background-size: 155px 155px;
	background-repeat: no-repeat;
	background-position: center center;
}

div#indexR4:hover {
	width: 180px;
	height: 180px;
	background-size: cover;
}

div#indexE4 {
	display: none;
	background-color: #8e44ad;
	width: 200px;
	float: right;
	height: 60%;
	padding: 10px;
	opacity: 80%;
}

/* index ends*/

/* body starts */
div.body {
	
}

div.leftNav_1 {
	background-image: url("images/aboutKokos_left.png");
	width: 240px;
	height: 292px;
	background-size: cover;
	float: left;
}
div.leftNav_2 {
	background-image: url("images/aboutAu_left.png");
	width: 240px;
	height: 292px;
	background-size: cover;
	float: left;
}
div.leftNav_3 {
	background-image: url("images/aboutEdu_left.png");
	width: 240px;
	height: 292px;
	background-size: cover;
	float: left;
}
div.leftNav_4 {
	background-image: url("images/visa_left.png");
	width: 240px;
	height: 292px;
	background-size: cover;
	float: left;
}
div.contentRight {
	width: 650px;
	float: right;
}
div.contentRight2 {
	width: 650px;
	float: right;
}
div.contentRight3 {
	width: 650px;
	float: right;
}
div.contentRight4 {
	width: 650px;
	float: right;
}

div.video {
	width: 650px;
	height: 380px;
	background-color: #ffcb9d;
}
div.video iframe {
	margin-top: 10px;
	margin-left: 10px;
}

div.contentRight ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-size: 14pt;
}
div.contentRight2 ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-size: 14pt;
}
div.contentRight3 ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-size: 14pt;
}
div.contentRight4 ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	font-size: 14pt;
}
a.aGreen {
	color: #27ae60;
}
a.aOrg {
	color: #d35400;
	cursor: pointer;
}

a.aVio {
	color: #8e44ad;
	cursor: pointer;
}

a.aBlu {
	color: #2980b9;
	cursor: pointer;
}

a.aGreen:hover {
	font-size: 16pt;
}

a.aOrg:hover {
	font-size: 16pt;
}

a.aBlu:hover {
	font-size: 14pt;
}

a.aVio:hover {
	font-size: 16pt;
}

div.contentRight li {
	float: left;
	margin-right: 2em;
	padding: 0px;
	line-height: 25px;
	background-image: url("images/gBar.png");
	background-repeat: repeat-x;
	background-size: 70px 3px;
	background-position: center bottom;
	background-origin:border-box;
	padding-bottom: 10px;
}

div.contentRight2 li {
	float: left;
	margin-right: 1.9em;
	padding: 0px;
	line-height: 25px;
	background-image: url("images/oBar.png");
	background-repeat: repeat-x;
	background-size: 70px 3px;
	background-position: center bottom;
	background-origin: border-box;
	padding-bottom: 10px;
	font-size: 12pt;
}
div.contentRight3 li {
	float: left;
	margin-right: 1.9em;
	padding: 0px;
	line-height: 25px;
	background-image: url("images/bBar.png");
	background-repeat: repeat-x;
	background-size: 70px 3px;
	background-position: center bottom;
	background-origin: border-box;
	padding-bottom: 10px;
	font-size: 12pt;
}
div.contentRight4 li {
	float: left;
	margin-right: 1.9em;
	padding: 0px;
	line-height: 25px;
	background-image: url("images/vBar.png");
	background-repeat: repeat-x;
	background-size: 70px 3px;
	background-position: center bottom;
	background-origin: border-box;
	padding-bottom: 10px;
	font-size: 12pt;
}

div.contentText {
	font-size: 12pt;
}

p.subTitle {
	font-size: 12pt;
}

p.contentNormal {
	font-size: 10pt;
	line-height: 200%;
	margin-bottom: 40px;
	margin-top: 0px;
}

img#buttonAbout1 {
	margin: 15px 0px;
	cursor: pointer;
}

img#buttonAbout2 {
	margin: 15px 0px;
	cursor: pointer;
}

img#buttonAbout3 {
	margin: 15px 0px;
	cursor: pointer;
}

img#buttonAbout4 {
	margin: 15px 0px;
	cursor: pointer;
}

img#buttonAbout5 {
	margin: 15px 0px;
	cursor: pointer;
}


/* edu sys page. logos */
div.logoSet {
	width: 120px;
	height: 140px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	border: 2px solid #2980b9;
	border-radius: 5px;
	margin: 3px;
	cursor: pointer;
	float: left;
	position: relative;
}
div.logoContainer {
	float:none;
	margin-right: 10px;
	margin-bottom: 20px;
	
}
/* edu sys page. logos. ENDS */


/* sideNav lists starts */
div.leftNav_1 ul{
	margin-top: 55px;
}
div.leftNav_1 ul li{
	color: white;
	font-size: 18pt;
	font-family: "Adobe Heiti Std", "Hei", Arial, sans-serif;
	list-style-image: url("images/bullet1.png");
}
div.leftNav_1 ul li a{
	text-decoration: none;
	color: white;
}
div.leftNav_1 ul li a:hover{
	text-decoration: none;
	text-shadow: 0px 1px 3px black;

}
div.leftNav_2 ul{
	margin-top: 55px;
}
div.leftNav_2 ul li{
	color: white;
	font-size: 18pt;
	font-family: "Adobe Heiti Std", "Hei", Arial, sans-serif;
	list-style-image: url("images/bullet2.png");
}
div.leftNav_2 ul li a{
	text-decoration: none;
	color: white;
}
div.leftNav_2 ul li a:hover{
	text-decoration: none;
	text-shadow: 0px 1px 3px black;

}

div.leftNav_3 ul{
	margin-top: 55px;
}
div.leftNav_3 ul li{
	color: white;
	font-size: 18pt;
	font-family: "Adobe Heiti Std", "Hei", Arial, sans-serif;
	list-style-image: url("images/bullet3.png");
}
div.leftNav_3 ul li a{
	text-decoration: none;
	color: white;
}
div.leftNav_3 ul li a:hover{
	text-decoration: none;
	text-shadow: 0px 1px 3px black;

}

div.leftNav_4 ul{
	margin-top: 55px;
}
div.leftNav_4 ul li{
	color: white;
	font-size: 18pt;
	font-family: "Adobe Heiti Std", "Hei", Arial, sans-serif;
	list-style-image: url("images/bullet4.png");
}
div.leftNav_4 ul li a{
	text-decoration: none;
	color: white;
}
div.leftNav_4 ul li a:hover{
	text-decoration: none;
	text-shadow: 0px 1px 3px black;
}
/* sideNav lists starts */

/* body ends */

/* footer starts */

div.footer {
	margin: 0px;
	padding: 0px;
	color: white;
	font-size: 10pt;
}

img.br {
	margin-top: 30px;
	margin-bottom: 10px;
}

div.footerP1 {
	float: left;
	width: 238px;
	height: 248px;
	margin-right: 0px;
}

div.footerP1a {
	background: url("images/footerP1a.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 238px;
	height: 117px;
}

div.footerNews {
	position: relative;
	width: 220px;
	height: 182px;
	margin: 0px 5px 5px 5px;
}

div.footerNews p {
	position: absolute;
	width: 220px;
	height: 30px;
	margin: 65px 5px 5px 5px;
	background-color: #27ae60;
	background-size: cover;
	color: white;
	text-shadow: 0px 1px 1px black;
	line-height: 20px;
}

div.footerNews2 {
	position: relative;
	width: 220px;
	height: 182px;
	margin: 0px 5px 5px 5px;
}

div.footerNews2 p {
	position: absolute;
	width: 220px;
	height: 30px;
	margin: 65px 5px 5px 5px;
	background-color: #27ae60;
	background-size: cover;
	color: white;
	text-shadow: 0px 1px 1px black;
	line-height: 20px;
}

div.footerP1b {
	margin-top: 14px;
	background: url("images/footerP1b.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 238px;
	height: 117px;
}

div.footerP2 {
	margin-left: 7px;
	float: left;
	width: 238px;
	height: 248px;
	background: url("images/footerP2.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

div.footerP3 {
	margin-left: 5px;
	float: left;
	width: 238px;
	height: 248px;
	background: url("images/footerP3.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

div.footerT {
	position: relative;
	width: 220px;
	height: 182px;
	margin: 56px 5px 5px 5px;
}

div.footerP {
	position: relative;
	width: 220px;
	height: 182px;
	margin: 56px 5px 5px 5px;
}

div.footerP img {
	position: absolute;
	left: 4px;
	top: 30px;
}

div.crewAll p {
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
}

div.footerP4 {
	margin-left: 5px;
	float: left;
	width: 238px;
	height: 248px;
	background: url("images/footerP4.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

img#footerLogo {
	margin-bottom: 5px;
}

div#footerContact {
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
	margin-left: -40px;
}

div#footerContact ul{
	list-style: none;
	margin: 0px;	

}

div#footerContact ul li {
	font-size: 8pt;
	color: #3d3d3d;
	float: left;
	margin-top: -5px;
	line-height: 12px;
	margin-bottom: 30px;
	margin-right: 5.1em;
	margin-left: 0px;
	font-family: sans-serif;
	
}

div#footerContact ul li p{
	margin: 0px;
	padding: 0px;
}
div#footerContact ul li p span{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
img.logos {
	margin-left: 180px;
}
/* footer ends */

/* others */
img.br2 {
	margin-top: -2px;
	margin-bottom: 20px;
}

/* news and club pages */
div#clubTitle {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	width: 970px;
	height: 38px;
	background: url("images/clubTitle.png");
	background-position: left top;
	background-size: 970px 38px;
}
div#clubTitle a {
	margin: 10px 4px 0px 0px;
	padding: 0px;
	float: right;
	text-decoration: none;
	color: white;
	font-family: sans-serif;
	font-size: 10pt;
}
div#clubTitle a:hover {
	color: #ffcb9d;
}
/* club left */
div#clubLeft {
	float: left;
	width: 360px;

}
p.pageTitle {
	font-size: 14pt;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
/* club left -- ENDS */

/* club right */
div#clubRight {
	float: right;
	width: 580px;
}
p.subTitle2 {
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
}

p.contentNormal2 {
	font-size: 10pt;
	line-height: 160%;
	margin-top: 0px;
}
/* ------------------ PHOTO STYLES ------------------ */

/*Photo Class Must Be Applied to All Images*/
.photo {
	margin: 20px 16px 35px 16px;
	border: 5px solid white;
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	
	-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	     -o-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
}
/* ------------------ CLEAR FIX ------------------ */
/* For modern browsers */
#container:before,
#container:after {
    content:"";
    display:table;
}

#container:after {
    clear:both;
}
/* ------------------ BULK TAPE STYLES ------------------ */
.tapethree:before, .tapethree:after {
	content: "";
	height: 10px;
	width: 60px;
	background: rgba(255,215,179,0.5);
	position: absolute;
	
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
/*Top Right Tape*/
.tapethree:after{
	top: 0px;
	left: 100%;
	margin: 0 0 0 -55px;
	
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-o-transform: rotate(40deg);
}
.tapethree:before {
	top: 0px;
	left: 0%;
	margin: 0 0 0 -25px;
	
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
}

/* news page STARTS */

div#newsTitle {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	width: 970px;
	height: 38px;
	background: url("images/newsTitle.png");
	background-position: left top;
	background-size: 970px 38px;
}
div#newsTitle a {
	margin: 10px 4px 0px 0px;
	padding: 0px;
	float: right;
	text-decoration: none;
	color: white;
	font-family: sans-serif;
	font-size: 10pt;
}
div#newsTitle a:hover {
	color: #56e492;
}


nav.newsPageNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 5;
}
nav.newsPageNav ul li {
	color: #27ae60;
	margin-right: 1em;
	padding: 0px;
	float: left;
	z-index: 5;
}

nav.newsPageNav a {
	text-decoration: none;
	color: #27ae60;
	padding: 5px;
}

nav.newsPageNav a:hover {
	text-decoration: none;
	color: white;
	background-color: #27ae60;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

nav.newsPageNav a:active {
	text-decoration: none;
	color: #56e492;
	cursor: pointer;
}
a.previousPage {
	color: #27ae60;
	padding: 5px;
	border-radius: 6px;
}
a.previousPage:hover {
	color: white;
	background-color: #27ae60;
}
a.previousPage:active {
	color: #56e492;
}
a.previousPage2 {
	color: #d35400;
	padding: 5px;
	border-radius: 6px;
}
a.previousPage2:hover {
	color: white;
	background-color: #d35400;
}
a.previousPage:active2 {
	color: #ffcb9d;
}
div.photo3 img {
	width: 200px;
	height: 200px;
}
/* news page ENDS */

/* ------------------ PHOTO STYLES ------------------ */

/*Photo Class Must Be Applied to All Images*/
.photo2 {
	margin: 10px 90px 35px 20px;
	border: 5px solid white;
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
	
	-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
	     -o-box-shadow: 3px 2px 3px rgba(0,0,0,0.4);
}

/* ------------------ BULK TAPE STYLES ------------------ */
.tapethree:before, .tapethree:after {
	content: "";
	height: 20px;
	width: 80px;
	background: rgba(255,215,179,0.5);
	position: absolute;
	
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
/*Top Right Tape*/
.tapethree:after{
	top: 0px;
	left: 100%;
	margin: 0 0 0 -55px;
	z-index: 5;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-o-transform: rotate(40deg);
}
.tapethree:before {
	top: 0px;
	left: 0%;
	margin: 0 0 0 -25px;
	z-index: 5;
	-webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
}
p.subTitle3 {
	color: #27ae60;
}

div.pageContent {
	
}

a.continue {
	float: right;
	width: 80px;
	height: 22px;
	background: url("images/continue.png");
	background-size: contain;
}

a.continue2 {
	float: right;
	width: 80px;
	height: 22px;
	background: url("images/continue2.png");
	background-size: contain;
}
/* club pics */
div.photos{
	position: relative;
}

div.photos img {
	position: absolute;
}
/* club pics */

/* news and club pages--ENDS */

/* contact page */
div#contactTitle {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	width: 970px;
	height: 38px;
	background: url("images/contactTitle.png");
	background-position: left top;
	background-size: 970px 38px;
}
div#contactTitle a {
	margin: 10px 4px 0px 0px;
	padding: 0px;
	float: right;
	text-decoration: none;
	color: white;
	font-family: sans-serif;
	font-size: 10pt;
}
div#contactTitle a:hover {
	color: #addeff;
}

/* ------------------------ */
div#formRoot {
	color: #5c5c5c;
	font-size: 18pt;
	margin-top: 70px;
}

div.message {
	float: right;
}

div.formRoot p {
	margin-bottom: 0px;
}

textarea#message {
	margin-top: 11px;
	float: right;
	width: 540px;
	height: 190px;
	font-size: 12pt;
	border-radius: 10px;
	border: 3px solid rgba(41,129,186,0.72);
}

input.in {
	font-size: 16pt;
	border: 3px solid rgba(41,129,186,0.72);
	border-radius: 10px;
	height: 30px;
	width: 320px;
}

input#submit {
	margin-top: 50px;
	background: url("images/contactUs.png");
	border: none;
	width: 175px;
	height: 25px;
	cursor: pointer;
}

input#name {
	margin-top: 10px;
}

input#email {
	margin-top: 10px;
}

/* contact page ENDS */

/* general type STARTS */
div#news h2 {
	color: #27ae60;
}
div#club h2 {
	color: #d35400;
}
/* general type ENDS */

/* OTHERS STARTS */
p.qqBtn {
	background-color: #2980b9;
	background-size: 250px;
	padding: 0px 10px;
	border-radius: 30px;
}
p.qqBtn a {
	color: white;
}
p.qqBtn a:hover {
	color: #addeff;
}
p.qqBtn a:active {
	color: #56e492;
}
/* OTHERS ENDS */

p.subTitleS {
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
p.subTitleS2 {
	font-size: 7.5pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}