body {
	text-align: center; /* required for centering the page in IE */
	margin: 0px;
	padding: 0px;
	background-image: url(../images/cp_bg.png);
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height:20px;
	background-color: #222222;
}
h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
	font: 12px Arial, sans-serif;
	}

h1,h2,h3,.componentheading, .contentheading{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #ff00ff;}
h2{font-size:160%}
h3{font-size:120%}
html, body {
  height: 100%;
  width: 100%;
}	

a:link ,  a:visited{
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #fc18ea;
	font-weight: bold;
}

#wrapper {
	position:static;
	width: 877px;
	margin: 0 auto; /* centering the page */
	text-align: left;
}

#header {
	position:static;
	height: 118px;
	background-image:url(../images/head.png)
}

#Menu { 
	position:static;
	background-image:url(../images/menu.png);
	width: 877px;
	height:28px;
}

#container {
	background-image:url(../images/body.png);
	background-repeat: repeat-y;
}

#innerContainer {
	margin-right: 12px;
	margin-left: 12px;
	height:100%;
}

#FlashHeadpiece {
	background-color:#333333;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

#left {
	float: left;
	width: 166px;
	position:relative;
}

#leftInner{
	font: 90% Arial,sans-serif;
	padding-left: 8px;
}

.latestnews, .mostread, .popular{
	font: 11px Arial,sans-serif;
	list-style-type:none;
}

li.mostread, li.latestnews{
	padding-bottom:4px;
}

li.mostread a:link, li.latestnews a:link{
	padding-left: 14px;
	background-image: url(../images/starbullet.png);
	background-repeat: no-repeat;
	background-position: left 2px;

}
li.mostread a:hover, li.latestnews a:hover{
	background-image: url(../images/starbullet-hover.png);
	background-repeat: no-repeat;
	background-position: left 2px;

}
#content {
	width: 638px;
	float:right;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 14px;
	}

	#content p {
		line-height:20px;
		font-size: 12px;
	}

	#content ul{ list-style-type: none; }
	
	#content li{
		line-height: 20px;
		font-size: 12px;
		color: #fff;
		padding-left: 20px;
/*		background-image: url(../images/bluearrowbullet.png);
		background-repeat: no-repeat;
		background-position: left 4px;
*/
	}

	#content ul.log li { background-image: none; }

	#content ul ul li { display: inline; }

	#content ul ul li.year {
		font-family: "Lucida Console", Courier;
		color: #999;
	}

	#content ul ul li.month {
		font-family: "Lucida Console", Courier;
		color: #999;
	}

	#content ul ul li.date {
		font-family: "Lucida Console", Courier;
		color: #555;
	}

	#content ul.log ul li {	display: list-item; }

	#navlist li {list-style-type: none; }

	#clear {
		height: 0px;
		clear: both;
	}

	.clear {
		clear: both;
		display: block;
		height: 1px;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

#footer {
	height: 50px;
	clear:both;
	text-align:center;
	background-image:url(../images/footer.png)
}
	
		
		/*Horizontal Nav*/
		
#nav {
	float: right;


}
ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;

}
ul#nav{
	position:static;
	margin-right: 36px;
	font-size: 12px;


}
ul#nav li{
	float:left;
	margin-right: 1px;
	font-size: 12px;
	text-align: center;
	display: inline;
	vertical-align: middle;

}
ul#nav a{
	float:left;

	height: 26px;
	line-height: 26px;
	text-decoration:none;	
	color: #FFF;
	font-weight: bold;
	padding-left:15px;
	padding-right:15px;
	

}
ul#nav a:hover {
	color: #fff;
	background-repeat: repeat-x;
	background-position: 0px;
	background-image: url(../images/buttonhover.png);
	background-color: #fc18ea;
	}
	





ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-image: url(../images/buttonhover.png);	background-color: #fc18ea;}

#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff;background-image: url(../images/buttonhover.png);	background-color: #fc18ea;}
	
	
	/*Vertical Nav*/
	
	
#mainlevel { width: 160px; list-style-type: none;text-indent: 5px; }

#mainlevel ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

ul#mainlevel a
{
display: block;
padding: 3px;
width: 160px;
background-color: #999999;

border-bottom: 1px solid #333333;
}

ul#mainlevel a:link,  ul#mainlevel a:visited
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
		background-image:url(../images/vertnavbutton.png);
background-repeat:repeat-x;

}

ul#mainlevel a:hover
{
background-color: #fc18ea;
color: #fff;
background-image:none;
		background-image:url(../images/vertnavbutton-hover.png);
background-repeat:repeat-x;

}
ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu
{
background-image:none;
background-color: #fc18ea;;
color: #fff;
		background-image:url(../images/vertnavbutton-hover.png);
background-repeat:repeat-x;

}
/* default */

.adminform {
}
.article_seperator {
}
.back_button {
}
.blog {
}
.blog_more {
}
.blogsection {
}
.button {
}
.buttonheading {
}
.category {
}
.clip {
}
.componentheading {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fc18ea;
	padding-top: 5px;
	padding-bottom:10px;

}
.contact_email {
}
.content_rating {
}
.content_vote {
}
.contentdescription {
}
.contentheading {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fc18ea;
	padding-bottom:10px;
}
.contentpagetitle {
}
.contentpane {
}
.contentpaneopen {
}
.contenttoc {
}
.createdate {
}
.dtree {
}
.dTreeNode {
}
.editlinktip {
}
.expander {
}
.highlight {
}
.inputbox {
}
.item {
}
.message {
}
.message {
}
.modifydate {
}
.module {
}
#leftInner .moduletable {
padding-bottom:5px;
}
.mosimage {
}
.mosimage_caption {
}
.mostread {
}
.newsfeed {
}
.node {
}
.pagenav {
}
.pagenav_next {
}
.pagenav_prev {
}
.pagenavbar {
}
.pagenavcounter {
}
.paramlist {
}
.pathway {
}
.poll {
}
.pollstableborder {
}
.profiler {
}
.readon {
}
.row1 {
}
.row2 {
}
.search {
padding-top:10px;
padding-bottom:5px;
}
.searchintro {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontablefooter {
}
.sectiontableheader {
}
.small {
}
.smalldark {
}
.syndicate {
}
.syndicate_text {
}
.tab {
}
.tabclass1 {
}
.tabclass2 {
}
.tab-page {
}
.text_area {
}
.toclink {
}
.toolbar {
}
.tooltip {
}
.wrapper {
}
h3 {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #fc18ea;
	padding-top: 5px;
	padding-bottom:5px;
}
h2 {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #fc18ea;
	padding-top: 5px;
	padding-bottom:5px;
}
#mod_login_password, #mod_login_username, #mod_search_searchword {

width:145px;
	color: #FFF;
}
form { 
	margin: 0;
	padding: 0;
}

input, select { font: 12px "Lucida Grande", Arial,sans-serif; }

select, .inputbox { padding: 2px; }

textarea { padding-left: 2px; }

.button {
	border: 1px solid #2F2F2F;
	padding: 1px 10px!important;
	padding: 1px 5px;
	background: url(../images/button-bg.gif) repeat-x top #333;
	color: #FFFFFF;
}

.button:hover  {
	background: url(../images/button-bg.gif) repeat-x top #fc18ea;
	color: #fff;
}

.button:active, .button:focus {

	border: 1px solid #222222;

}



.inputbox {

	border: 1px solid #3F3F3F;
	background: #2F2F2F;
	color: #FFFFFF;

	}
	

#left .inputbox {
		
}
.inputbox:hover, .inputbox:focus {

	border: 1px solid #606060;

}
fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px; 	font: 11px Arial,sans-serif; 	text-align:center;
vertical-align:top;}
fieldset.js_loginflat .inputbox {width:145px; }
fieldset.js_loginflat legend {display:none}
.moduletableflat {text-align:center;vertical-align:top;}

.bearright {top:25px; right:15px; position:absolute;}



.line {
	color: #CCCCCC;

}
/* LEX code */
#colorfield-border {
	float:left;
	position:relative;
	top:158px;
	left:138px;

}
#colorfield-link {
	float:left;
	position:relative;
	top:180px;
	left:76px;

}
#bear {
	background-image: url(../images/website-design-by-joomlabear.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 46px;
	width: 877px;
}
a.divlink, a.divlink:link, a.divlink:visited  {
	display:block;
	width:100%; /*width needs to be specified to work in IE*/
	height:100%; /*height needs to be specified to work in IE*/
	/*Other browsers expand the link to full width and height.*/
line-height:0px;
	font-size:0px;
	color: #222222;
}

a[href$='.pdf'] { 
	padding: 5px 0 5px 20px;
	background: transparent url(http://engagingeducation.org/joomla/images/icons/page_white_acrobat.png) no-repeat center left;
}

a[href$='.doc'] { 
	padding: 5px 0 5px 20px;
	background: transparent url(http://engagingeducation.org/joomla/images/icons/page_white_word.png) no-repeat center left;
}

a.images { 
	padding: 5px 0 5px 20px;
	background: transparent url(http://engagingeducation.org/joomla/images/icons/pictures.png) no-repeat center left;
}

a.form { 
	padding: 5px 0 5px 20px;
	background: transparent url(http://engagingeducation.org/joomla/images/icons/table_edit.png) no-repeat center left;
}

a.website { 
	padding: 5px 0 5px 20px;
	background: transparent url(http://engagingeducation.org/joomla/images/icons/accept.png) no-repeat center left;
}

form.reg fieldset { 
	border: 1px #555 solid;
}

legend {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #ff00ff;
	padding-left: 5px;
	padding-right:5px;
}

form.reg fieldset legend {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ff00ff;
	padding: 5px 5px 5px 5px;
}

form.reg fieldset em {
	font-weight: bold;
	font-style: normal; 
	color: #f00;
}

form.reg fieldset label {
  display: inline-block;
  width: 164px; /* Width of labels */
}

form.reg fieldset ol {
  margin: 0;
  padding: 0;
}

form.reg fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.reg fieldset p {
  color: #666;
  padding-left: 7px;
  padding-bottom: 10px;
}

form.reg fieldset ol.left {
    float: left;
    width: 270px; 
    margin: 0px;
/*    padding: 15px 0px;
    border: 1px solid; 
*/
    position: relative;
    left: 0px;
}

form.reg fieldset ol.right {
    float: right;
    width: 330px; 
    margin: 0px;
/*    padding: 15px 0px;
    border: 1px solid; 
*/
}

form.reg div.alo {
  padding-left: 14px;
}

form.reg div.alo p {
  color: #fff;	
  margin: 0px;
}

#reg {
  border-collapse: collapse;
  color: #fff;
  margin: 0 0 20px 20px;
}

#reg .header {
  text-align: left;
}

#reg thead th {
  border-bottom: 2px solid #666;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 8px;
}

#reg tbody td {
  color: #ddd;
  text-align: center;
  border-bottom: 1px solid #444;
  padding: 6px 8px;
}

#reg tbody tr:hover {
  background-color: #333;
}

p.submit { 
  text-align: center;
}

img.home { 
/*  margin-right: 5px;
  margin-bottom: 5px;
*/
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a:link img.home, a:visited img.home{
  border: 4px #555 solid;
}

a:hover img.home{
  border-color: #ddd;
}

blockquote {
  font-family: Verdana;
  font-style: italic;
}