/* CSS Document for Damand Productions 2008 */

/* reset browser defaults */
body, div, p, span, ol, ul, li, dl, dt, dd, table, tr, td, br, hr, pre { margin: 0; padding: 0;}
h1, h2, h3, h4, h5 {} 

table, tr, td { border-collapse: collapse;}
  tr, td { text-align: left;}

img{ border: none;}

ul, ol { list-style: none; }

/* ul list item classes, image examples, etc. */
.examples, .examples li {
	text-align: left;
	padding-left: 10px;
	margin-left: 10px;
}
.examples ul {
	padding-left: 10px;
}
.list_examples {
	text-align: left;
	padding: 3px;
	font-style:normal;
	font-size: .9em;
	list-style-type:none;
	font-weight:normal;
}
.kit li { 
	line-height: 1.3em; 
	list-style: disc; 
	margin-left: 10px;
	}
	
  td ul { text-align: center;}
  
form {
	padding-left: 15px;
	text-align: left;
}
.form_examples {
	text-align: left;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
}
/* end ul list examples */

body { font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* headings */
h1 { font-size: 1.3em;}
h2 { font-size: 1.25em;}
h3 { font-size: 1.2em;}
h4, h5 { font-size: 1.1em;}


a { color: #000066; text-decoration: none;}
a:hover { color: #003399;}

/* global classes */
.center { text-align: center; margin: auto;}
.left { text-align: left;}
.right { text-align: right;}
.justify { text-align: justify;}

.strong { font-weight: bold;}

.middle { vertical-align: middle;}

.address { font-size: 1em;}

.worksheet_example { float: right; margin-bottom: 8px;}

.small { color: #ff0000; font-size: .7em;}

.Title-Literacy { 
	font-family: "Times New Roman", serif; 
	color:#799fbb;
	font-weight: bold;
}

table #AutoNumber1 { text-align: center; margin: auto;}
#AutoNumber1 td a { font-size: .7em;}
#AutoNumber1 td { padding: 4px;}

/* colors */
.red { color: #990000;}
.black { color: #000;}
.white { color: #fff;}

/* contact us link (contact page) */
.block {
	background:url(../images/arrow.gif) right no-repeat; 
	padding:0 7px 0 3px;
	margin:4px 0 0px 0;
	color:#990000; 
	font-weight:bold;
	text-decoration:none;
	}
a:hover.block { color: #799fbb;}

/* blank clear */
.blank {
	font-size:0px; 
	line-height:0px; 
	clear:both;
	}

/* end global classes */

/* begin header */
#main_header {
	width: 100%;	
	margin: 0 auto;  
	background: #0a2b43 url(../images/bkgd.gif) top left repeat-x ; 
	color: #ffffff; 
	height: 216px;
	}
#header {
	width:780px; 
	margin:0 auto; 
	background:url(../images/header_pic.jpg) no-repeat #fff6d8; 
	color:#FFFFFF; 
	height:216px;
	position:relative;
	}
#header ul li { float:left; display:block; margin:0 23px 0 0; }
#header img { position:absolute; left:30px; top:74px; display:block; }


/* body */
#mainWrapper { width:100%; height:100; background-color:#0a2b43; color:#fff6d8; position: relative;}
#main { width:780px; background:#0a2b43 url(../images/bg_container.gif) top right repeat-y; text-align: center; margin: auto; padding:0; }
#main.home { width:780px; background:none; text-align: center; margin: auto; padding:0; }

p { padding: 10px 0;}
br { margin: 5px 0;}

#main h2 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; 
	color:#fff6d9;  
	margin:0 0 15px 40px;
	font-weight: normal; 
	background-color: #0a2b43; 
	display:block;
	}
#main h3 { font-size: 1.4em; }

/* home page information and positioning */
#main #main_home {
	background: url(../images/main_covers.png) no-repeat #0a2b43; 
	color:#B1D2EA; 
	padding:0 0 0 255px; 
	margin:0 0 0 20px; 
	width:362px; 
	height: 613px;
	display:block; 
	behavior: url(iepngfix.htc);
	text-align: left;
	position: relative;
	}
	div.presentation { 
	position: absolute; 
	top: 50px; 
	margin-left: 150x;
	z-index:50;
	}

/* inside pages float */	
#main #main_inside {
	font-size: .9em;
	float: right;
	text-align: left;
	background: url(../images/corners.gif) top right no-repeat;
	color: #0a2b43;
	padding:0px; 
	margin:0; 
	width:560px;
	display:block; 
	behavior: url(iepngfix.htc);
	}
	
#main_inside div.wrapper { padding: 3px 10px 5px 20px; font-size: 1em;}

/* products page info */
#main_inside div.list { width: 200px; float: left; margin: 0; padding: 0;}
#main_inside div .homeworkbook { width: 230px; float: left; margin: 0; padding: 0;}
	
#main_home ul {
	color:#ffffff; 
	padding:0px; 
	font-size:12px;
	margin:0px 0px 0px 0px; 
	width:475px;
	display:block;
}
#main p span { color: #fff6d8; background-color: #0a2b43; }
#main p span.bg{ color:#799fbb; background-color:#041929; }
	
	#home p.examples, .examples li {
		text-align: left;
		padding-left: 20px;
		margin-left: 10px;
	}

/* links for more information */
p a.inside {
	width:210px; 
	height:12px;
	display:block; 
	background: url(../images/more_bg.gif) no-repeat; 
	margin: 24px 5px 0;
	font-size:11px; 
	font-weight:bold; 
	color:#799fbb;
	padding:0 0 0 5px; 
	text-decoration:none;
	}
p a:hover.inside { background: url(../images/more_bg_h.gif) no-repeat; color:#ff0033; }
	
p a.more {
	width:180px; 
	height:12px; 
	display:block; 
	background:url(../images/more_bg.gif) no-repeat #0a2b43; 
	margin: 25px 5px; 
	font-weight:bold; 
	color:#ffffff;
	padding:0 0 0 5px; 
	text-decoration:none;
	font-size: 11px;
	}	
p a:hover.more { background:url(../images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; }

.examples ul {
	padding-left: 30px;
}
.list_examples {
	text-align: left;
	padding: 5px;
	font-style: italic;
	list-style-type: none;
	font-weight: bold;
}
.form_examples {
	text-align: left;
	padding-left: 0px;
	margin-left: -50px;
	margin-top: 0px;
}


/* main_bottom area and image */
#main_bottom {
	width: 780px;
	text-align: center;
	margin: auto; 
	background: url(../images/bottom_pic.gif) no-repeat;
	margin-top: 5px;
}
/* event 1/3 column */
#left_col {
	width:215px;  
	padding: 0px; 
	float:left; 
	display:block;
	}
  #left_col { font-size: .8em;}

#left_col div { padding: 5px 0;}
  #left_col div div, #left_col div div div { padding: 0;}
	
#left_col h2 {
	background:url(../images/event_bg.gif) no-repeat; 
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:142px; 
	height:45px; 
	padding:3px 14px 0 53px; 
	margin:0; 
	display:block;
	}
#left_col h2 span {
	color:#0a2b43; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
	display:block;
	}
#left_col p {
	display:block; 
	color:#799fbb;
	padding:10px 0; 
	}
#left_col h3 {
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 12px; padding:0; background-color:#0a2b43; 
	}
#left_col h3 a {
	width:171px; 
	height:17px; 
	display:block; 
	background:url(../images/arrow.gif) no-repeat 160px 6px #051b2b; 
	padding:0 0 0 7px;
	margin:4px 0 0px 0; 
	font-size:11px;
	color:#FFFFFF; 
	font-weight:bold;
	text-decoration:none;
	}
#left_col h3 a:hover { color:#799fbb; background-color:#0a2b43; }
#left_col p a.more {
	width:56px; height:12px; display:block; background:url(../images/more_bg.gif) no-repeat #0a2b43; margin:22px 0 37px 118px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#left_col p a.more:hover {
	background:url(../images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}

/* footer */
#main_footer {
	width:100%;  
	float:left; 
	background: #0c1d2a url(../images/footer_bg.gif) repeat-x; 
	color:#ffffff;
	border-top:#ffffff 1px solid; 
	margin:0px; 
	padding:0px; 
	}
#footer {
	width:530px; 
	height:120px;
	margin: 0 auto;
	}
#footer ul {
	width:500px; display:block; list-style-type:none; margin: 26px 0 0 40px; position: absolute;
	}
#footer ul li { display:block; float:left; }
#footer ul li a {
	font-size: 10px;
	color:#ffffff; 
	background-color:#09161f;
	text-decoration:none;
	margin:0 16px 0 16px;
	}
#footer ul li a:hover { color: #c00;}


#footer p {
	width: 500px; 
	padding: 60px 0 0 0; 
	font-size:10px;
	background: #0c1d2a url(../images/footer_bg.gif) repeat-x ;	
	font-weight:normal;	
	height:14px; 
	margin:0;
	}
#footer p a {
	padding: 0; margin:0;  line-height:12px; width:10px; text-align:center; background-color:#0c1d2a;
	color:#fff; background:none; text-decoration: none;
	}
#footer p a:hover {
	color: #c00;
	}
	
/* browser clearfixes and floats */

.clear { clear: both; height: 0px; line-height: 1px; font-size: 1px;}

.floatleft { float: left; vertical-align: top; padding: 3px;}
  .floatleft img { margin: 2px; }
  
.floatright { float: right; vertical-align: top; padding: 0px;}
  .floatright img { margin: 10px; }
  
.float3 { float: right; vertical-align: top; padding: 10px;}
  .float3 img { margin: 10px; }
  
.float4 { float: left; vertical-align: top; padding: 3px;}
  .float4 img { margin: 2px; }
  
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */