@charset "UTF-8";
/* CSS Document */

<style type="text/css">

body, html, div, font, p, td {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:10pt;
}

p {font-size:10px;}

body {background:#000066;}

ul {list-style-type:none; color:#ff0000;}

/* Text styles */
.title {font: 38px "Times New Roman", Times, serif; color:#ffce00; font-variant:small-caps;}
.title2 {font: 32px "Times New Roman", Times, serif; color:#ffce00; font-variant:small-caps;}
.subtitle {font:21px Arial, Helvetica, sans-serif; color:#ffffff;}
.white {color:#ffffff;}
.white10 {color:#ffffff; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.white12 {color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.white14 {color:#ffffff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.white16 {color:#ffffff; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.white22 {color:#ffffff; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.red {color:#ff0000; font-family:Arial, Helvetica, sans-serif;}
.red10 {color:#ff0000; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.red11 {color:#ff0000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.red12 {color:#ff0000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.red14 {color:#ff0000; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.red16 {color:#ff0000; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.red18 {color:#ff0000; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.red20 {color:#ff0000; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.blue {color:#000066; font-family:Arial, Helvetica, sans-serif;}
.blue10 {color:#000066; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.blue11 {color:#000066; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.blue11ind {color:#000066; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-left:25px;}
.blue12 {color:#000066; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.blue13 {color:#000066; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.blue14 {color:#000066; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.blue16 {color:#000066; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.blue22 {color:#000066; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.blue11ul {color:#000066; font-size:11px; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
.blue12ul {color:#000066; font-size:12px; font-weight:bold; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
.ul2 {text-indent:-8px; list-style-type:disc; color:#000066; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.ulred {text-indent:-35px; color:#ff0000; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.bio1 {text-align:center; font-size:14px; font-weight:bold; text-decoration:underline; color:#ffffff; font-variant:small-caps; font-family:Arial, Helvetica, sans-serif;}
.bio2 {text-align:center; font-size:18px; font-weight:bold; color:#ffffff; font-variant:small-caps; font-family:Arial, Helvetica, sans-serif;}
.bio3 {font-size:11px; font-weight:bold; color:#ffffff; text-align:justify; font-family:Arial, Helvetica, sans-serif;}

/* Link styles */
a:link, a:visited, a:hover, a:active {text-decoration:none;}
a:hover {font-weight:bold;}

a.white:link, a.white:visited, a.white:hover, a.white:active {color:#ffffff;}
a.white:link, a.white:visited, a.white:active {font-weight:normal;}
a.white:hover {font-weight:bold;}

a.blue:link, a.blue:visited, a.blue:hover, a.blue:active {color:#000066;}
a.blue:link, a.blue:visited, a.blue:active {font-weight:normal;}
a.blue:hover {font-weight:bold;}

a.red:link, a.red:visited, a.red:hover, a.red:active {color:#ff0000;}
a.red:link, a.red:visited, a.red:active {font-weight:normal;}
a.red:hover {font-weight:bold;}

/* Objects common to all pages */

#topleft {
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/siteimg/topleft.png) no-repeat;
	width:150px;
	height:170px;
	z-index:1;
}

#mainbg {
	position:absolute;
	left:75px;
	right:0px;
	top:75px;
	bottom:0px;
	background:#ffce00 url(images/siteimg/sitebg1.jpg) right repeat-y;
	border-top:#ffffff solid 2px;
	border-left:#ffffff solid 2px;
	max-width:1000px;
	min-width:930px;
}

#maincontent {
	position:absolute;
	left:15px;
	top:35px;
	right:0px;
	bottom:0px;
	overflow:auto;
	background:#ffffff;
	border:#FF0000 solid 2px;
}

#mainbgtext {
	position:absolute;
	right:10px;
	top:5px;
	width:450px;
	text-align:right;
	font-weight:bold;
}

#copyright {
	position:absolute;
	right:10px;
	width:150px;
	top:-50px;
	text-align:right;
	color:#ffce00;
	z-index:2;
}

#menu {
	position:absolute;
	right:10px;
	top:-70px;
	width:200px;
	text-align:right;
	font-variant:small-caps;
}

#title /* box containing title elements */{
	position:absolute;
	top:5px;
	left:200px;
	height:70px;
	width:300px;
}

#title1, #title2 {
	position:absolute;
	left:0px;
	height:50%;
	width:100%;
}

#title1 /* title text */{
	top:0px;
}

#title2 /*subtitle text */{
	top:50%;
}

#button /*button inside blue boxes */{
	position:absolute;
	bottom:10px;
	right:20px;
	width:100px;
	height:20px;
}

#blueboxtl, #blueboxtr, #blueboxbl, #blueboxbr {
	position:absolute;
	height:20px;
	width:20px;
	background-repeat:no-repeat;
}

#blueboxtl {
	top:0px;
	left:0px;
	background:url(images/siteimg/roundcornertl.jpg);
}

#blueboxtr {
	top:0px;
	right:0px;
	background:url(images/siteimg/roundcornertr.jpg);
}

#blueboxbl {
	bottom:0px;
	left:0px;
	background:url(images/siteimg/roundcornerbl.jpg);
}

#blueboxbr {
	bottom:0px;
	right:0px;
	background:url(images/siteimg/roundcornerbr.jpg);
}
/* Elements not present on all pages */

#linkbox {
	position:absolute;
	bottom:5px;
	right:5px;
	width:110px;
	height:10px;
	text-align:right;
	font-weight:normal;
}

#bluebox, #bluebox2 {
	position:absolute;
	left:55px;
	top:10px;
	background-color:#000066;
	z-index:2;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#bluebox /* Blue box on index page */{
	right:50px;
	height:65px;
}

#bluebox2 /* Blue box on all pages except index */{
	width:350px;
	height:40px;
}

#index1 /* Top box on index page */{
	position:absolute;
	height:265px;
	left:35px;
	right:35px;
	top:95px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
}

#index2 /* Bottom box on index page */{
	position:absolute;
	height:auto;
	left:35px;
	right:35px;
	top:395px;
}

#infobox1, #infobox2, #infobox3, #infobox4, #infobox5, #infobox6, #infobox7 {
	position:absolute;
	padding:5px;
}

#infobox1, #infobox2, #infobox3, #infobox4 {
	top:20px;
	bottom:0px;
	padding-top:40px;
	width:23%;
	border-left:#000066 solid thin;
	border-bottom:#000066 solid thin;
	text-align:justify;
	background: url(images/siteimg/esklogo.jpg) no-repeat top left;
}

#infobox2, #infobox4 {
	background-color:#FFFFFF;
}

#infobox1 {
	left:0px;
}

#infobox2 {
	left:25%;
	border-right:#FFFFFF solid 8px;
}

#infobox3 {
	left:50%;
}

#infobox4 {
	right:0px;
	border-right:#FFFFFF solid 8px;
}

#infobox5, #infobox6, #infobox7 {
	top:0px;
	bottom:0px;
	padding-top:25px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
}

#infobox5 {
	width:20%;
	left:0px;
}

#infobox6 {
	width:30%;
	left:25%;
}

#infobox7 {
	left:60%;
	right:0px;
}

#infotitle {
	position:absolute;
	padding-left:30px;
	padding-top:5px;
	left:0px;
	right:0px;
	top:0px;
	height:15px;
	background:#ffce00 url(images/siteimg/sitebg1.jpg) right repeat-y;
	font-weight:bold;
}

#ws1, #ws2 {
	position:absolute;
	left:35px;
	right:35px;
	height:215px;
	min-width:870px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
}
#ws1 /* Top box on workshops page */{
	top:90px;
}

#ws2 /* Bottom box on workshops page */{
	top:325px;
}

#wscontent1, #wscontent2, #wscontent3, #wscontent4, #wscontent5, #wscontent6, #wscontent7, #wscontent8 {
	position:absolute;
	top:0px;
	bottom:0px;
	width:23%;
	padding:5px;
	padding-top:30px;
	padding-right:0px;
	border-left:#000066 solid thin;
	border-bottom:#000066 solid thin;
	background:url(images/siteimg/esklogo.jpg) no-repeat;
	text-align:justify;
}

#wscontent1, #wscontent5 {
	left:0px;
}

#wscontent2, #wscontent6 {
	left:25%;
}

#wscontent3, #wscontent7 {
	left:50%;
}

#wscontent4, #wscontent8 {
	left:75%;
}

#wscontent1, #wscontent3, #wscontent6, #wscontent8 {
	background-color:#FFFFFF;
	border-right:#FFFFFF solid 13px;
}

#wstitle {
	position:absolute;
	left:30px;
	top:5px;
	right:0px;
	height:15px;
	font-weight:bold;
	text-align:left;
}

#contenttitle {
	position:absolute;
	left:30px;
	top:2px;
	right:40%;
	height:15px;
	font-weight:bold;	
}

#leftcontent /* Content on left side of workshop pages */{
	position:absolute;
	left:70px;
	top:90px;
	width:350px;
	height:auto;
	border-left:#000066 solid thin;
	border-bottom:#000066 solid thin;
	padding:5px;
	padding-top:30px;
	padding-bottom:20px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
	font-weight:bold;
	text-align:justify;
}

#leftcontenttitle /* Title in content boxes on left */{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:20px;
	padding-top:5px;
	padding-left:30px;
	background:#FFFFFF url(images/siteimg/esklogo.jpg) no-repeat;
	border:#000066 2px solid;
	text-align:left;
}

#wstoptitle /* Title in yellow at top right on workshop pages */{
	position:absolute;
	width:350px;
	height:15px;
	padding:5px;
	top:30px;
	right:30px;
	background:#ffce00 url(images/siteimg/sitebg1.jpg) right repeat-y;
	font-weight:bold;
}

/* Pictures on pages */
#prespic {
	position:absolute;
	width:400px;
	height:355px;
	background:url(images/siteimg/prespic.jpg) no-repeat;
	top:100px;
	right:40px;
}

#emailpicleft {
	position:absolute;
	width:300px;
	height:148px;
	left:100px;
	top:330px;
	background:url(images/siteimg/emailpic1.png) no-repeat;
}

#emailpicright {
	position:absolute;
	width:263px;
	height:400px;
	background:url(images/siteimg/emailpic2.jpg) no-repeat;
	top:80px;
	right:80px;
}

#writepic1 {
	position:absolute;
	width:400px;
	height:319px;
	top:90px;
	right:50px;
	background:url(images/siteimg/writepic1.jpg) no-repeat;
}

#writepic2 {
	position:absolute;
	width:400px;
	height:147px;
	top:435px;
	left:50px;
	background:url(images/siteimg/writepic2.jpg) no-repeat;
}

#meetpic {
	position:absolute;
	width:400px;
	height:395px;
	top:90px;
	right:30px;
	background:url(images/siteimg/meetingpic.jpg) no-repeat;
}

#timepic {
	position:absolute;
	width:400px;
	height:317px;
	background:url(images/siteimg/timepic.jpg) no-repeat;
	top:100px;
	right:40px;
}

#superpic {
	position:absolute;
	width:400px;
	height:265px;
	background:url(images/siteimg/superpic.jpg) no-repeat;
	top:100px;
	right:30px;
}

#grammarpic {
	position:absolute;
	width:310px;
	height:400px;
	background:url(images/siteimg/grammarpic.jpg) no-repeat;
	top:80px;
	right:55px;
}

#listenpic {
	position:absolute;
	width:400px;
	height:286px;
	background:url(images/siteimg/listenpic.jpg) no-repeat;
	top:100px;
	right:30px;
}

/* Quotes on pages */
#emailquote, #grammarquote, #listenquote, #superquote, #timequote, #meetquote {
	position:absolute;
	width:400px;
	height:30px;
	text-align:center;
	font-weight:bold;
}

#writequote, #presquote, #listenquote2 {
	position:absolute;
	width:400px;
	height:50px;
	text-align:center;
	font-weight:bold;
}

#emailquote {
	top:305px;
	left: 45px;
}

#grammarquote {
	top:490px;
	right: 20px;
}

#listenquote {
	top:378px;
	left: 50px;
}

#listenquote2 {
	top:396px;
	right:35px;
}

#meetquote {
	top:495px;
	right: 30px;
}

#presquote {
	top:465px;
	right:40px;
}

#superquote {
	top:375px;
	right: 30px;
}

#timequote {
	top:427px;
	right: 40px;
}

#writequote {
	top:419px;
	right:35px;
}

#contacttop {
	position:absolute;
	top:100px;
	left:50px;
	width:600px;
	height:20px;
	font-weight:bold;
}

#contactbottom {
	position:absolute;
	top:400px;
	left:150px;
	width:600px;
	height:20px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	background:#ffce00 url(images/siteimg/sitebg1.jpg) right repeat-y;
}

#contactboxmain {
	position:absolute;
	width:610px;
	left:150px;
	top:200px;
	height:185px;
	font-weight:bold;
}
#contactbox1 {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	bottom:0px;
	border-left:#000066 solid thin;
	border-bottom:#000066 solid thin;
	padding-top:35px;
	padding-left:10px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
	z-index:1;
}

#contactbox2 {
	position:absolute;
	width:40%;
	right:0px;
	top:0px;
	bottom:0px;
	border-left:#000066 solid thin;
	border-bottom:#000066 solid thin;
	padding-top:35px;
	padding-left:10px;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
	z-index:1;
}

#contactbox3 {
	position:absolute;
	background:#FFFFFF;
	width:20%;
	top:-5px;
	bottom:0px;
	left:40%;
	background:url(images/siteimg/esklogolg.jpg) top center no-repeat;
	text-align:center;
	padding-top:40px;
}

#contacttitle {
	position:absolute;
	left:0px;
	right:0px;
	height:20px;
	top:0px;
	background:#ffce00 url(images/siteimg/sitebg1.jpg) right repeat-y;
	padding:5px;
	padding-left:10px;
}

#aboutcontent {
	position:absolute;
	left:45px;
	top:65px;
	height:auto;
	width:420px;
	background:#FFFFFF;
	font-weight:bold;
	text-align:justify;
}

#aboutbottommain {
	position:absolute;
	left:30px;
	top:395px;
	right:200px;
	height:120px;
	border-left:#000066 thin solid;
	border-bottom:#000066 thin solid;
	font-weight:bold;
	background:#e7e6e6 url(images/siteimg/boxbg1.jpg) bottom repeat-x;
}

#aboutbottom1 {
	position:absolute;
	left:0px;
	top:25px;
	bottom:5px;
	width:20%;
	padding-left:10px;
	border-right:#FF0000 3px solid;
}

#aboutbottom2 {
	position:absolute;
	left:25%;
	top:25px;
	bottom:5px;
	width:30%;
	padding-left:10px;
	border-right:#FF0000 3px solid;
}

#aboutbottom3 {
	position:absolute;
	left:60%;
	right:0px;
	top:25px;
	bottom:5px;
}

#aboutbottomlogo {
	position:absolute;
	left:-1px;
	top:-2px;
	width:25px;
	height:25px;
	background:url(images/siteimg/esklogo.jpg) no-repeat;
}

#biotitle {
	position:absolute;
	left:30px;
	right:30px;
	top:10px;
	height:20px;
	text-align:center;
}

#bio {
	position:absolute;
	top:10px;
	width:310px;
	right:50px;
	height:297px;
	background:#000066;
	padding-top:38px;
	padding-left:10px;
	padding-right:10px;
}

#bio1, #bio2, #bio3 {
	position:absolute;
	left:10px;
	z-index:1;
	height:25%;
}

#bio1 {
	top:10%;
	right:10px;
}

#bio2 {
	top:38%;
	right:10px;
}

#bio3 {
	width:50%;
	height:auto;
	top:65%;
	text-align:left;
}

#biopic {
	position:absolute;
	left:55%;
	top:65%;
	width:175px;
	height:131px;
	background:url(images/siteimg/elaine.png) no-repeat;
}

#biocornertl {
	position:absolute;
	top:0px;
	left:0px;
	height:50px;
	width:50px;
	background:url(images/siteimg/roundcornertl2.jpg) no-repeat;
}

#biocornertr {
	position:absolute;
	top:0px;
	right:0px;
	height:50px;
	width:50px;
	background:url(images/siteimg/roundcornertr2.jpg) no-repeat;
}

#biocornerbl {
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width:50px;
	background:url(images/siteimg/roundcornerbl2.jpg) no-repeat;
}

#biocornerbr {
	position:absolute;
	bottom:0px;
	right:0px;
	height:50px;
	width:50px;
	background:url(images/siteimg/roundcornerbr2.jpg) no-repeat;
}

/* Site Map */

#redhline1, #redhline2, #redhline3, #redhline4, #redhline5, #redhline6, #redhline7, #redhline8, #redhline9, #redhline10, #redhline11, #redhline12 {
	position:absolute;
	width:75px;
	height:3px;
	background:url(images/siteimg/redhline.jpg) no-repeat;
}

#bluehline1, #bluehline2, #bluehline3, #bluehline4, #bluehline5, #bluehline6 {
	position:absolute;
	width:75px;
	height:3px;
	background:url(images/siteimg/bluehline.jpg) no-repeat;
}

#redvlinelg {
	position:absolute;
	left:70px;
	top:81px;
	width:3px;
	height:400px;
	background:url(images/siteimg/redvlinelg.jpg) no-repeat;
	z-index:1;
}

#redvlinesh {
	position:absolute;
	left:290px;
	top:190px;
	width:3px;
	height:160px;
	background:url(images/siteimg/redvlinesh.jpg) no-repeat;
	z-index:1;
}

#redhline1 {
	left:70px;
	top:101px;
}

#redhline2 {
	left:70px;
	top:161px;
}

#redhline3 {
	left:70px;
	top:447px;
}

#redhline4 {
	left:70px;
	top:480px;
}

#redhline5 {
	left:290px;
	top:199px;
}

#redhline6 {
	left:290px;
	top:242px;
}

#redhline7 {
	left:290px;
	top:264px;
}

#redhline8 {
	left:290px;
	top:285px;
}

#redhline9 {
	left:290px;
	top:307px;
}

#redhline10 {
	left:290px;
	top:328px;
}

#redhline11 {
	left:290px;
	top:348px;
}

#redhline12 {
	left:290px;
	top:221px;
}
#bluevlinelg {
	position:absolute;
	left:180px;
	top:169px;
	width:3px;
	height:260px;
	z-index:1;
	background:url(images/siteimg/bluevlinelg.jpg) no-repeat;
}

#bluevlinesh {
	position:absolute;
	left:180px;
	top:108px;
	width:3px;
	height:40px;
	z-index:1;
	background:url(images/siteimg/bluevlinesh.jpg) no-repeat;
}

#bluehline1, #bluehline2, #bluehline3, #bluehline4, #bluehline5, #bluehline6 {
	position:absolute;
	width:75px;
	height:3px;
	background:url(images/siteimg/bluehline.jpg) no-repeat;
}

#bluehline1 {
	left:180px;
	top:123px;
}
#bluehline2 {
	left:180px;
	top:148px;
}
#bluehline3 {
	left:180px;
	top:181px;
}
#bluehline4 {
	left:180px;
	top:369px;
}
#bluehline5 {
	left:180px;
	top:399px;
}
#bluehline6 {
	left:180px;
	top:429px;
}

#smtext1, #smtext2, #smtext3, #smtext4, #smtext5, #smtext6, #smtext7, #smtext8, #smtext9, #smtext10, #smtext11, #smtext12, #smtext13, #smtext14, #smtext15, #smtext16, #smtext17, #smtext18, #smtext19 {
	position:absolute;
	width:200px;
	height:15px;
	font-weight:bold;
}

#smtext1 {
	top:66px;
	left:55px;
}

#smtext2 {
	left:150px;
	top:93px;
}

#smtext3 {
	left:150px;
	top:155px;
}

#smtext4 {
	left:150px;
	top:442px;
}

#smtext5 {
	left:150px;
	top:475px;
}

#smtext6 {
	left:260px;
	top:117px;
}

#smtext7 {
	left:260px;
	top:142px;
}

#smtext8 {
	left:260px;
	top:175px;
}

#smtext9 {
	left:260px;
	top:363px;
}

#smtext10 {
	left:260px;
	top:393px;
}

#smtext11 {
	left:260px;
	top:423px;
}

#smtext12 {
	left:368px;
	top:193px;
}

#smtext13 {
	left:368px;
	top:216px;
}

#smtext14 {
	left:368px;
	top:236px;
}

#smtext15 {
	left:368px;
	top:259px;
}

#smtext16 {
	left:368px;
	top:279px;
}

#smtext17 {
	left:368px;
	top:302px;
}

#smtext18 {
	left:368px;
	top:322px;
}

#smtext19 {
	left:368px;
	top:343px;
}
</style>