/* Common */

body, table, img, button, iframe, h1, h2, h3, p, ul, ol, li  { margin:0em; padding:0em; border:0em; }
img a {	border:none; }
table { text-align:left; }
iframe { width:0em; height:0em; }

body {
	background:#FFFFFF;
	background-image:url(http://www.callanschoollondon.com/images/common/background.png);
	background-repeat:repeat-x;
	font-size:10pt;
	font-family:verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif;
}

h1, h2, h3, p, ul, ol, li, tr, td { color:#000048; text-decoration:none; font-style:normal; text-transform:none; }
h1, h2, h3 { font-weight:bold; color:#D01434; }
p { font-weight:normal; }

h1 { margin-top:0em; }
h2, h3 { margin-top:1.2em; }
p, ul, li { margin-top:0.8em; }

h1 { font-size:17pt; font-family:helvetica, sans-serif; }
h2 { font-size:13pt; font-family:helvetica, sans-serif; }
h3 { font-size:11pt; font-family:helvetica, sans-serif; }
p, li { font-size:10pt; letter-spacing:0.01em; }
ul { margin-left:1.5em; font-size:9pt; }
ol { margin-left:1.5em; font-size:9pt; }
li { margin-bottom:1em; margin-left:1.5em; margin-right:1.5em; }

a { text-decoration:none; color:#0000FF; }
a:hover { text-decoration:underline; color:#00008B; }

/* Page */

.page {
	margin-top:0em;
	margin-bottom:0em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #003366;
	width:774px;
	background:#FFFFFF;
}

/* Language */

.language {
	margin:0em;
	padding:0.5em;
	height:1em;
	line-height:0.8em;
	background:#B31731;
}

.language p {
	text-align:right;
	font-size:9pt;
	margin:0em;
	color:#ffffff;
	font-weight:bold;
}

#language_label {
	font-weight:normal;
}

.language a { text-decoration:none; color:#FFFFFF; font-weight:normal; }
.language a:hover { text-decoration:underline; color:#FFFFFF; font-weight:normal; }

/* Header (image banner) */

.header {
	margin:0em;
	padding:0em;
}

.header p {
	margin:0em;
	padding:0em;
}

/* Main menu */

.main_menu {
	margin:0em;
	padding:0.5em;
	height:1em;
	line-height:0.8em;
	background:#162449;
}

.main_menu p {
	margin:0em;
	color:#FFFFFF;
}

.main_menu a { text-decoration:none; color:#FFFFFF; }
.main_menu a:hover { text-decoration:underline; color:#D01434; }

/* Side menu */

.sub_menu {
	margin:0px;
	padding:4px;
	border-style:solid;
	border-width:1px;
	border-color:#769DCB;
	background:#D7E3F0;
}

.sub_menu p {
	padding:0px;
	margin:4px;
	line-height:1.6em;
}

.sub_menu p b {
	height:1.8em;
	line-height:1.6em;
	color:#D01434;
}

.sub_menu a { text-decoration:none; color:#0000FF; }
.sub_menu a:hover { text-decoration:underline; color:#00008B; }

/* Body area */

.index {
	padding:0px;
	margin:0px;
}

.body {
	padding-top:1em;
	padding-bottom:1em;
	padding-right:1em;
	padding-left:1em;
}

.body_detail {
	margin:0em;
	padding:0em;
}

.body_left_column {
	margin:0em;
	padding:0em;
	padding-right:1em;
	width:72%;
	float:left;
	border-style:solid;
	border:0px solid #9BB4CE;
	border-right-width:1px;
}

.body_right_column {
	margin:0em;
	padding:0em;
	padding-left:0.5em;
	width:24%;
	float:right;
}

.body_highlight {
	border:1px solid #003366;
	background:#6087B4;
	padding:10px;
}

.body_highlight p {
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

/* Body footer */

.body_footer {
}

.body_footer p {
	font-size:8pt;
}

.spacer {
	clear:both;
	height:0.2em;
}

/* Page footer */

.footer {
	padding:1em;
	border-style:solid;
	border:0px solid #003366;
	border-top-width:1px;
}

.footer p {
	margin-top:0em;
	text-align:center;
	font-size:8pt;
}

.footer_index {
	padding:1em;
	border-style:solid;
	border:0px solid #003366;
	border-top-width:1px;
/*	background:#e9edf2;*/
}

.footer_index p {
	margin-top:0em;
	text-align:center;
	font-size:8pt;
}

/* Forms */

form.form {

	margin-left:auto;

	margin-right:auto;

	margin-top:0.5em;

	margin-bottom:0.5em;

}

form.form fieldset {

	margin-bottom:1em;

	margin-left:auto;

	margin-right:auto;

	background:#d7e3f0;

}

form.form legend {

	padding: 0 2px;

	font-weight:bold;

	color:#626262;

}

form.form label {

	font-weight:normal;

	line-height:1.8em;

	vertical-align:top;

	display:-moz-inline-box;

	display:inline-block;

}

form.form fieldset ol {

	margin:0em;

	padding:0em;

}

form.form fieldset li {

	list-style: none;

	padding:0.2em;

	margin:0em;

}

form.form fieldset fieldset {

	border:none;

	margin: 3px 0 0;

}

form.form fieldset fieldset legend {

	padding: 0 0 5px;

	font-weight:normal;

}

form.form fieldset fieldset label {

	display:block;

	width:auto;

}

form.form em {

	font-weight:bold;

	font-style:normal;

	color:#FF0000;

}

form.form label {

	width:120px; /* Width of labels */

	display: inline-block;

	display: -moz-inline-box;

}

form.form fieldset fieldset label {

	margin-left:140px; /* Width plus 3 (html space) */

}



form.form fieldset ol li abbr { color:#ff0000; font-weight:bold; }



/* Index page */

.index_top {
	height:180px;
	padding-left:15px;
}

.index_top a {
	text-decoration:none; color:#162449;
}

.index_top a:hover {
	text-decoration:underline; color:#B31731;
}

.index_top h1 {
	padding-top:20px;
	font-size:18pt;
	color:#B31731;
}

.index_top p {
	margin-top:15px;
	margin-right:30px;
	font-size:10pt;
	line-height:14pt;
	color:#162449;
	font-weight:bold;
}

.index_bottomcontent {
	padding:0px;
	margin:0px;
/*	background:#e9edf2;*/
}

.index_bottomcontent p {
	margin-top:5px;
	padding:0px 60px 10px 20px;
}

.index_left {
	padding:0px;
	padding-left:4px;
	float:left;
	width:201px;
	height:399px;
/*	background-color:#E9EDF2;*/
}

.index_left h2 {
	margin-top:255px;
	font-size:14pt;
	color:#162449;
}

/* Index menu */

.index_left p {
	padding:0px;
	padding-left:15px;
	margin:0px;
	line-height:1.4em;
}

.index_left p b {
	height:1.6em;
	line-height:1.6em;
	color:#D01434;
}

.index_left a { text-decoration:none; color:#0000FF; }
.index_left a:hover { text-decoration:underline; color:#00008B; }

.index_right {
	float:right;
	width:558px;
	padding:0px;
	margin:0px;
}

.index_right h3 {
	margin-top:0px;
	font-size:12pt;
	color:#ffffff;
	padding: 10px 20px 0px 20px;
}

.index_right p {
	color:#ffffff;
}

.index_1 {
	padding:0px;
	margin:0px;
	width:558px;
	height:133px;
	background-image:url(http://www.callanschoollondon.com/images/common/arrow_1.png);
}

.index_2 {
	padding:0px;
	margin:0px;
	width:558px;
	height:133px;
	background-image:url(http://www.callanschoollondon.com/images/common/arrow_2.png);
}

.index_3 {
	padding:0px;
	margin:0px;
	width:558px;
	height:133px;
	background-image:url(http://www.callanschoollondon.com/images/common/arrow_3.png);
}

.index_4 {
	padding:0px;
	margin:0px;
	width:558px;
	height:133px;
	background-image:url(http://www.callanschoollondon.com/images/common/arrow_1.png);
}

.index_right h3 a {
	text-decoration:none;
	color:#fff;
}

.index_right p a {
	text-decoration:none;
	color:#fff;
}

.index_right h3 a:hover {
	text-decoration:underline;
	color:#fff;
}

.index_right p a:hover {
	text-decoration:underline;
	color:#fff;
}

/*form input, select, textarea { background:#d7e3f0; }*/

.contactform fieldset {padding: 1em; background-color: #eee;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 20em; }
.contactform div textarea { width:500px; height:150px; }
.contactform div.required {color: #cf0000;}