/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */

body {
	font: 80% "Lucida Grande", Verdana, Helvetica, sans-serif;
	background: #F4F4F4 url(../images/masthead_repeat.jpg) repeat-x scroll;
	margin: 0;
	padding: 0;	
}

#masthead {
	background: url(../images/masthead.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	height: 110px;
}

#mainHeading {
	height: 50px;
	margin: 0;
	padding: 0;
	background-color:#F4F4F4;
}

#mainHeading h1{
	margin-top: 15px;
	margin-left: 28px;
	font-size: 130%;
	color: #103894;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}


a:link {
	color: #000066;
	text-decoration: none;
}

a:visited {
	color: #000033;
}
a:hover {
	color: #000066;
	text-decoration: none;
}

a:active {
	color: #000066;
}


table, tr, td {
}


/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */

/* in the body move the text off the left margin and top banner */

.content {
	padding-top: 10px;
	padding-left: 28px;
	padding-right: 28px;
}


/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */
/*DO NOT CHANGE THIS TEMPLATE. MAKE A COPY SO YOU HAVE THIS ORIGINAL */


/*ESOL Styles start here */

#allcontent {
margin-left: auto; margin-right:auto;
width:800px; 
padding-top:0px; padding-bottom:5px; 
background-color:#FFFFAA;
/*#FFFF99;*/
min-height:100%;
text-align: left;
}

#main {
background-color:#FFFFAA ; 
padding:10px 0px 0px 10px; 
margin: 10px 350px 10px 20px;
}
#box {
background-color:#FFFFAA ;
padding:10px 0px 0px 0px; 
margin: 10px 0px 0px 0px;
}
#side { width:400px; 
background-color:#FFFFAA; 
padding:15px; 
margin:10px 20px 0px 20px;
float: right;
}

#footer {
background-color: #F4F4F4;
padding:0px;
margin:0px 20px;
width:auto; height:20px; }

/* images positioning and links */
img {margin:0px; border:0;}

p.image {display: block; margin: 0px 10px 0px 0px; float:left; padding-top:0px;}

p.image a {display:block;
float:left;
margin:0px;
padding:5px;}

p.image a:hover {border-color:#E2C6FF; background-color:#FFDDFE; }

p.image2 {margin: 0px 10px 0px 0px; display:block; float:left}

/* text */
p {text-align:left; line-height:1.6em; }

p.inline {display: inline; background-color:#FFBFAA; margin: 0px 0px 0px 10px; }

p.footertext {text-align:center; font-size:100%; line-height:1.2em; color: #D6D6D6; text-shadow: 2px 2px 2px #2A1F00; }

p.box {margin:5px 0px 0px 70px; padding:0;  }

h1 { font-size:180%; }

h2 {font-size:140%;}

h3 {font-size: 120%; line-height:1.5em; text-align:center}
