body {
	text-align: center;

		/* custom */
		font-family: verdana;
		color: #5d5d5d;
		background: url(/images/gradbak.jpg) repeat-x #D9E0E8;
}

a {
	color: #1c3883;
}

a:hover {
	color: #2157e6;
}

p {
	padding: 8px 0;
}

h1,h2,h3,h4,h5 {
	line-height: 1.5em; padding: 8px 0 0 0; margin: 0;
}

h1 {font-size: 3.1em; font-family: 'Gill Sans MT','Gill Sans', verdana; color: #aa006c;}
h2 {font-size: 2em; font-family: 'Gill Sans MT','Gill Sans', verdana; color: #aa006c;}
h3 {font-size: 1.5em; color: #055a9b; font-family: 'Gill Sans MT','Gill Sans', verdana;}
h4 {font-size: 1.1em; color: #055a9b;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}

abbr {
      border-bottom: 1px dotted;
      cursor: help;
}

#c1 {

	/* custom */
	margin: 0 auto;
	background: url(/images/midshado.jpg) repeat-y;
	width: 994px;
	text-align: left;
	position: relative;
}

#c2 {
	/* custom */
	background: url(/images/gradtop.jpg) 50% 0px no-repeat;
	position: relative;
	width: 994px;
	text-align: left;
	padding: 18px 0 0 0;
}

#c3 {
	width : 986px;
	margin: 10px auto 0 auto;
	background: #fff;
	position: relative;
}


#rhs, #contacts, #credits {
		font-family: 'Trebuchet MS',Helvetica,arial;
}

#topbar {


		/* custom */
		font-size: .77em;
		padding: 30px 0 0 0;
}

#toploz {
		position: absolute;
		margin: 15px 0 0 0;
		right: 0;
		background: #b0006d;
		font-size: 1.2em;
		color: #ffffff;
		width: 280px;
		padding: 5px 14px;
		border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		text-align: right;
		line-height: 1.5em;
}

#toploz b {
		display: block;
}

#toploz a {
		color: #fff;
		text-decoration: none;
}

#toploz a:hover {
		color: #FDFF3F;
		text-decoration: underline;
}

#toploz b a {
		color: #ffff96;
}

#toploz b a#infopack {
	background: url(/images/cat-icon.gif) 0px 50% no-repeat;
	padding: 10px 0 15px 50px;
}

#topbar img#logo {
		float: left;
		padding: 0 20px 0 50px;
}

#topbar p#strap {
		color: #005696;
		padding: 71px 0 0 50px;
		width: 450px;
		font-size: 1.1em;
		font-weight: bold;
		float: left;
}

#topbar #searchnow {
		float: left;
		padding: 60px 0 0 0;
}

form#searchnow input {
	padding: 5px 7px;
	border: 1px solid #b4bdc3;
	margin: -2px 3px 8px 15px;
	font-size: 1em;
	width: 150px;
}

form#searchnow input#searchbutt {
	width: 40px;
	margin: -2px 0 8px 2px;
	cursor: pointer;
	color: #fff;
	background: #09568e;
}

#topbar img.graphic#topimg {
		width: 986px;
		height: 206px;
		background: #fff;
		border-top: 1px solid #fff;
}

#topmenu span {
		display: none;
}

#menu {
	/* most menu options found in css/menucss.asp */

		/* custom */

}


#content {

		/* custom */
		background: #ffffff;
		line-height: 1.4em;
}

#breadcrumb {
	font-size: .9em;
}

#breadcrumb a.last {
	color: #5D5D5D;
	cursor: text;
	text-decoration: none;
}

#c1 .addthis_toolbox {
	margin: 10px 0 0 0;
}

.panel {
		width: 153px;
		height: 161px;
		padding: 10px;
		overflow: hidden;
		font-size: .9em;
		line-height: 1.5em;
}

.panel h3 {
		font-family: font-family: 'Gill Sans MT','Gill Sans';
		font-size: 2.1em;
		padding: 0;
}

.panel ul {
		margin: 0;
}

#paleblu {
		background: url(../images/midloz-paleblu.gif) top left no-repeat;
		color: #1a417c;
}
#paleblu a, #paleblu h3 {color: #1a417c;}


#blu {
		background: url(../images/midloz-blu.gif) top left no-repeat;
		color: #fff;
}
#blu a, #blu h3 {color: #fff;}

#yello {
		background: url(../images/midloz-yello.gif) top left no-repeat;
}
#yello a, #yello h3 {}

#spacer {
		width: 60px;
		height: 45px;
		float: right;
}

.floatleft {
		float: left;
		margin: 0 7px 6px 0;
}

.floatright {
		float: right;
		margin: 0 0 6px 7px;
}

#lhs {
	float:left;

		/* custom - set width of lhs */
		min-height: 400px;
		height: auto !important;
		height: 400px;
		width: 672px;
		margin: 15px 0 0 0;
		padding: 0 18px 0 26px;
		font-size: .77em;
}

#lhsfull {
		float: left;
		width: 905px;
		font-size: .77em;
		margin: 15px 0 0 0;
		padding: 0 0 0 29px;
		border-left: 1px solid #e4e2e2;
}

.testimonial {
		border-top: 1px dashed #7D888E;
		padding: 20px 0;
		clear: both;
}

.testimonial .open, .testimonial .close {
		font-size: 3em;
		float: left;
		font-family: arial;
		margin: 0 0 0 -35px;
		z-index: 10;
		line-height: 26px;
		font-style: normal;
		color: #00558B;
}

.testimonial .close {
		margin: 0 0 0 95%;
}

.testimonial blockquote {
		margin: 0 0 0 40px;
		z-index: 5;
		font-style: italic;
}

.testimonial p {
		float: right;
}


#rhs {
		/* custom - set width of rhs */
		position: relative;
		float: left;
		font-size: .77em;
		width: 254px;
		line-height: 1.3em;
}

#rhs a {
		text-decoration: none;
}

#rhs a:hover {
		text-decoration: underline;
}

.rhsitem {
		margin: 0 0 10px 0;
		background-color: #ffe1ed;
		background-repeat:no-repeat;
		background-position: 0 40px;
		padding: 0 0 10px 0;
		clear: both;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 13px;
}

#rhs h3, #blogindex dt {
		padding: 10px 13px;
		margin: -13px -13px 11px -13px;
		font-size: 1.1em;
		color: #ffffff;
		font-weight: bold;
		position: relative;
		font-family: Tahoma, Geneva;
		background: #b0006d;
		border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
}

.rhsitem h3 a, .rhsitem #blogindex dt {
		color: #ffffff;
}


#rhs div#RHS4 {
		background-color: #dae5eb;
}

#rhs div#RHS4 h3, div#RHS4 #blogindex dt {
		background: #015696;
}

#rhs h3 a img {
		float: right;
}

#rhs h5 a, #rhs h5 a:hover {

}

#rhs h5 a:hover {
		text-decoration: underline;
}

#rhs h5 {
		padding: 0;
}

#rhs ul {
		padding: 5px 30px;
}

#rhs a.morelink {
		display: block;
		color: #00558b;
		padding: 3px 0 0 0;
}

#rhs .newslinks {
		clear: both;
}

#rhs .newslinks h5 img {
		float: right;
		max-width: 90px;
		min-width: 90px;
		width: auto !important;
		width: 90px;
		margin: 4px 0 0 10px;
		border: 0;
}

#rhs #testimonial blockquote {
		color: #ff0a69;
		font-size: 1.1em;
		font-style: italic;
}

#rhs #testimonial blockquote b {
		color: #7999c2;
		font-size: 1.5em;
		font-style: normal;
		line-height: .6em;
}


#rhs #testimonial cite {
		padding: 7px 0 0 0;
		display: block;
		font-style: normal;
		text-align: right;
		color: #5D5D5D;
}


#viewblog {
}

#viewblog b, #viewblog a {
		display: block;
}

#viewblog i {
		float: right;
}

#viewblog a {

}

#viewblog a:hover {
}

#blogindex dl {
		padding: 0;
		margin: 0;
}

#blogindex dd i {
		float: right;
		text-decoration: none;
}

#blogindex dd {
		clear: both;
		padding: 3px 0;
		margin: 0;
}

#blogindex dt {
		clear: both;
}

#blogindex dt.lower {
		margin: 0 -14px;
}

#blogindex dd a:hover i {
}

#blogindex dd.active a, #blogindex dd.active a:hover i {
		color: #000;
		cursor: default;
		text-decoration: none;
}

#rhs .subscribe {
		margin: 0;
}

#rhs .subscribe h3 {
		background: #B0006D url(/images/tick.gif) 215px 5px no-repeat;
		font-size: 1.05em;
}

#rhs .subscribe acronym {
		display: none;
}


#rhs .subscribe legend {
		display: block;
		padding: 0 0 10px 0;
}

#rhs .subscribe label {
		float: left;
		width: 45px;
		font-weight: bold;
		clear: both;
		margin: 5px 0;
}

#rhs .subscribe input.withborder {
		display: block;
		width: 170px;
		float: left;
		margin: 0 0 5px 0;
}

#rhs .subscribe input.subscribe_but, #rhs .subscribe a#unsublink {
		margin: 0 0 0 45px;
		float: left;
}

#rhs .subscribe a#unsublink {
		margin: 0 0 0 15px;

}

#mainlogos {
		vertical-align: middle;
		margin: 30px 0 0 0;
		padding: 26px 30px 26px 30px;
		border-top: 2px solid #B20072;
		color: #0e4272;
		font-size: .8em;
		text-align: center;
		line-height: 1.5em;
}

#mainlogos p {
		margin: 10px  0 0 0;
}

#mainlogos a {
		margin: 0 0 15px 35px;
}

#contacts {

		/* custom */
		text-align: left;
		padding: 15px;
		font-size: .9em;
		width : 956px;
		color: #fff;
		background: #B20072;
		margin: 0 auto;
}

#contacts b {
		margin: 0 2px 0 10px;
}

#contacts a {
		color: #fff;
}

#credits {
		text-align: center;
		font-size: .8em;
		color: #fff;
}


#footerlinks {
	background: url(/images/footshado.jpg) 50% 0px no-repeat;
	position: relative;
	clear: both;
	padding: 20px 0 0 0;
	text-align: left;
	margin: 0 auto;
	width: 994px;
}

#footerlinks dl {
	font-size: .85em;
	float: left;
	width: 140px;
	margin: 0 0 0 50px;

}

#footerlinks dl#tefljobs {
width: 360px;
}

#footerlinks dl#teflresources {
width: 310px;
}

#footerlinks dt {
font-weight: bold;
border-bottom: 1px solid #23558F;
font-size: 1.1em;
color: #23558F;
}

#footerlinks dd {
margin: 4px 0;
width: 140px;
float: left;
padding: 0 10px 0 0;
}

#footerlinks dl#tefljobs dd {
width: 170px;
}

#footerlinks dd a:hover {
color: #23558F;
}

#footer {
	margin: 0 auto;
	width: 994px;

		/* custom */
		padding: 20px 0 10px 0;
		text-align: center;
		font-size: .8em;
		color: #6F686A;
		clear: both;
}

#footer a, #credits a {
		color: #6F686A;
		text-decoration: none;
}
#footer a:hover, #credits a:hover {
		text-decoration: underline;
}


.clear {
	clear: both;
}

.addthis_toolbox {
margin: 15px 10px 20px 13px;
font-size: .9em;
}

#chat {
margin: 15px 10px 20px 13px;
padding:0 7px 7px 6px;
border:1px solid #055a9b;
font-size: .9em;
}

#chatcontent {
max-height:150px;
overflow: auto;
line-height:13px;
font-size:11px;
}

#chatcontent div {
padding-bottom:1px;
border-bottom:1px dotted silver;
margin-bottom:1px;
color:#444444;
}

#chatcontent div span {
font-weight:bold;
color:green;
}

#chatcontent div span.tefl {
color:red;
}

#chatform input, #chatform textarea {
width: 100%;
font-family:verdana;
font-size:10px;
margin: 0 5px 0 0;
}

#chatform textarea {
height: 40px;
}

#chat #toggle_link {
font-size: .8em;
}

.fixit {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 300px;
z-index: 10000000;
}


/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{font-weight: bold; position:relative; z-index:24; color:#44f; text-decoration:none; padding-left: 3px; padding-right: 3px;  padding-top: 1px; padding-bottom: 1px; left: 5px; cursor: help;}
a.info:hover{z-index:25; background:#C9C9B1; color: #FFF;}
a.info span{display: none}
a.info:hover span{ display:block; position:absolute; top:1em; left:2em; width:15em; border:1px solid #ddddbb; background-color:#ffffe0; color:#000; text-align: center; font-weight: normal; padding: 5px;}


#sitemap li {
margin-left: 15px;
padding-left: 5px;
list-style-type: disc;
}

#sitemap li li {
list-style-type: square;
}

#sitemap li li li {
list-style-type: circle;
}