/* ------------------------------------------------------------- MISSION RESPECT -- */
/* ------------------------------------------------------------------ CSS, XHTML -- */
/* ------------------------------ Copyright 2007 Lawton Bailey Creative Services -- */

body {
	margin: 0;
	padding: 0;
	background: #000 url(images/layout/back.gif) repeat-x top left;
	text-align: left; 
	font-size: 0.8125em; 
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	color: #666;
}
p { 
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 0.88em; 
	line-height: 1.4em; 
	margin: 0 0 0.7em 0; 
}
img { border: 0px; }

form { border: 0; margin: 0; padding: 0; }

/* ------------------------------------------------------------------ Header -- */

#header { margin: 0 auto; width: 796px; height: 160px; background: url(images/layout/header.gif) no-repeat center bottom; }

/* -------------------------------------------------------------------- Wrap -- */

#wrap { margin: 0 auto; width: 782px; background: url(images/layout/contents.gif) repeat-y; }
#wrap2 { margin: 0 auto; width: 782px; background: url(images/layout/contents02.gif) repeat-y; }

/* ---------------------------------------------------------------- Top Nav -- */

#menu { margin: 0 auto; width: 782px; height: 33px; background: url(images/layout/menu.gif) no-repeat; text-align: center; }

#navcontainer div { width: 440px; margin: 0 auto; padding: 0px; }
#navcontainer div ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; }
#navcontainer div ul li { float: left; }
#navcontainer div ul li a { float: left; margin: 0px; padding: 0px; height: 33px; background-repeat: no-repeat; }
#navcontainer div span { display: none; }

#nav01 a { width: 64px; background: url(images/nav/nav-home.gif) }
#nav01 a:hover { background-position: 0px -33px; }

#nav02 a { width: 84px; background: url(images/nav/nav-about.gif) }
#nav02 a:hover { background-position: 0px -33px; }

#nav03 a { width: 112px; background: url(images/nav/nav-products.gif) }
#nav03 a:hover { background-position: 0px -33px; }

#nav04 a { width: 84px; background: url(images/nav/nav-teachers.gif) }
#nav04 a:hover { background-position: 0px -33px; }

#nav07 a { width: 92px; background: url(images/nav/nav-contact.gif) }
#nav07 a:hover { background-position: 0px -33px; }

/* -------------------------------------------------------------- Drop Down Menu -- */

.dropmenudiv{
	position: absolute;
	top: 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
	text-align: left;
	width: auto;
	display: block;
	text-indent: 14px;
	border-bottom: 1px solid #BBB;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: black;
}

* html .dropmenudiv a{ width: 100%; }
.dropmenudiv a:hover{ background-color: #666; color: #fff; }

/* ---------------------------------------------------------------- Contents -- */

.contents { margin: 0 auto; padding-left: 9px; width: 782px; }

/* -------------------------------------------------- Contents - Left Column -- */

#contentleft { width: 166px; margin: 0 0 40px 0; float: left; }

.m1-header { margin-top: 14px; width: 158px; height: 32px; }
#m1-countem-back { width: 158px; height: 400px; background: #a4f104 url(images/menu/m1-countem-back.gif) no-repeat; }
#m1-countdown { padding: 352px 0 0 6px; }

/* ------------------------------------------------ Contents - Center Column -- */

#contentcenter { width: 382px; padding: 8px 5px 8px 11px; float: left; }

.text01 h3 {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 18px; 
	line-height: 1.6em; 
	margin: 0 0 0.7em 0;
	padding-left: 25px;
	background: url(images/layout/header-icon.gif) no-repeat left center; 
	color: #8BBE02;
}
.text01 h2 { 
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 16px; 
	line-height: 1.6em;
	margin: 3px 0 10px 0;
	padding: 7px 20px 7px 10px;
	background: #8BBE02; 
	color: #444;
}
.text01 h4 a { 
	display: block;
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 12px; 
	line-height: 1.2em;
	margin: 0;
	padding: 7px 20px 7px 30px;
	background: #8BBE02 url(images/layout/loader.gif) no-repeat 6px 6px; 
	color: #444;
	text-decoration: none;
}
.text01 h4 a:hover { color: #fff; }
.text02 h2 {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	margin: 4px 0 10px 0;
	padding: 6px 20px 6px 10px;
	background: #0090AB;
	color: #fff;
}
.text02 h3 {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif; 
	font-size: 18px; 
	line-height: 1.6em; 
	margin: 0 0 0.7em 0;
	padding-left: 25px;
	background: url(images/layout/header-icon2.gif) no-repeat left center; 
	color: #fff;
}

/* ------------------------------------------------- Contents - Right Column -- */

#contentright  { width: 187px; padding: 0px 0px 14px 12px; float: left; }

.m2-header { margin-top: 14px; width: 186px; height: 32px; }
.m2-text { width: 166px; background: url(images/menu/m2-backer.gif) repeat-y; padding: 12px 10px 12px 10px; }
.m2-text p { line-height: 16px; color: #fff; margin: 0px; }

.m2-enter a { display: block; width: 186px; height: 24px; background: url(images/menu/m2-enter.gif) no-repeat; }
.m2-enter a:hover { background-position: 0px -24px; }
.m2-enter span { display: none; }

.ch-download a { display: block; width: 186px; height: 24px; background: url(images/menu/ch-download.gif) no-repeat; }
.ch-download a:hover { background-position: 0px -24px; }
.ch-download span { display: none; }

.m2-readtosucceed a { display: block; width: 186px; height: 65px; background: url(images/menu/m2-readtosucceed.gif) no-repeat; }
.m2-readtosucceed a:hover { background-position: 0px -65px; }
.m2-readtosucceed span { display: none; }

.m2-tutancountem a { display: block; width: 186px; height: 65px; background: url(images/menu/m2-tutancountem.gif) no-repeat; }
.m2-tutancountem a:hover { background-position: 0px -65px; }
.m2-tutancountem span { display: none; }

.m2-footer { width: 186px; height: 5px; background: url(images/menu/m2-footer.gif) no-repeat; }

/* ------------------------------------------------------------------ Footer -- */

#footer { margin: 0 auto; width: 782px; height: 60px; background: #000 url(images/layout/footer.gif) no-repeat; clear: both; }
#lbcs a { display: block; margin-left: 598px; width: 163px; height: 35px; background: url(images/layout/lbcs.gif); } 
#lbcs a:hover { background-position: 0px -35px; }
#lbcs span { display: none; } 

/* ------------------------------------------------------------------ Ecards -- */

.card { margin-top: 5px; width: 380px; height: 233px; background: #66FFFF url(images/agents/card-back.jpg) no-repeat; }
.mugshot { float: left; width: 160px; height: 233px; }
.mugshot img { margin: 14px 0 0 30px; }
.card h1 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 6px 0 0 0;
	color: #0033CC;
	margin: 0px;
 }
 .card h4 {
	font-size: 11px;
	line-height: 1.1em;
	padding: 0 0 6px 0;
	color: #006633;
	margin: 0px;
 }
 .card p { 
 	font-size: 11px; 
	line-height: 1.1em;
 	color: #333; 
	margin: 0 0 5px 0; 
}
#rotate { width: 186px; background: #149ac7; text-align: center; }
#rotate img { border: #fff solid 3px; }

/* ------------------------------------------------------------------ Reports -- */

#file-text { background: url(images/articles/file-backtile.gif) repeat-y; color: #111; }
#file-text p { margin: 0; padding: 0 20px 10px 20px; }
#file-page { background: url(images/articles/file-pagetile.gif) repeat-y; color: #111; }
#file-page img { margin-left: 15px; }
#file-page p { margin-bottom: 0; padding: 0 35px 10px 30px; color: #333; font-size: 10px; line-height: 16px; }
#file-page h4 { 
	margin: 0; padding: 20px 30px 10px 30px;
	background: url(images/articles/file-pagetop.gif) no-repeat top; 
	color: #169bc8; 
	font-size: 14px;
}
#file-page h5 { margin: 0; height: 30px; background: url(images/articles/file-pagedivide.gif) top center no-repeat; }
#file-pagefooter { height: 24px; background: url(images/articles/file-pagefooter.gif) no-repeat; }
#file-footer { height: 24px; background: url(images/articles/file-footer.gif) no-repeat; }

/* -------------------------------------------------------------------- Store -- */

#literacy-header { height: 530px; background: url(images/order/Literacy-header.jpg) no-repeat; }
#literacy-1user { height: 147px; margin-top: 10px; background: url(images/order/Literacy-1user.jpg) no-repeat; }
#literacy-10user { height: 147px; margin-top: 10px; background: url(images/order/Literacy-10user.jpg) no-repeat; }
#literacy-1site { height: 147px; margin-top: 10px; background: url(images/order/Literacy-1site.jpg) no-repeat; }

.order-button { width: 139px; height: 42px; padding: 90px 0 0 227px; }

.order a { width: 140px; height: 43px; display: block; position: absolute; top: 90px; left: 227px; }