/*

	AutoSkill - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body 
{
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
	
body, div, td 
{
	font-size: 11px;
}
	
hr
{
	margin: 0;
	color: #000000;
}

p
{
	margin: 8px 0 12px 0;
}

br.todd
{
	margin-bottom: 4px;
}


/* =Typography
---------------------------------------------------------------------------------------------------- */
h1
{
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0 12px 0;
	color: #000000;
}

.intro
{
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.intro2
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

h2
{
	font-size: 12px;
	margin: 6px 0 7px 0;
	color: #333;
}

h3
{
	font-size: 11px;
	font-weight: bold;
	margin: 11px 0 7px 0;
	color: #999999;
}

h3.results
{
	color: #000000;
}

#introduction h1
{
	color: #660066;
	font-weight: bold;
	font-size: 30px;
	margin: 30px 20px 0 0;
}

#introduction h2
{
	color: #3B6950;
	font-weight: bold;
	font-size: 18px;
	margin: 0 20px 10px 40px;
}

#introduction p
{
	margin: 0 20px 0 0;
	_margin: 0 20px 0 0;
	line-height: 1.4em;
}

#highlights h2
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.bigger 
{
	font-size: 14px;
}

.smaller 
{
	font-size: 10px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper
{
	border: 1px solid #666;
	background-color: #FFFFFF;
}

#quote
{
	padding: 20px 10px 15px 10px;
}

#quote img
{
	margin: 0 0 5px 0;
}

#quote p
{
	font-size: 9px;
	margin: 0 7px 0 3px;
}

#quote p.quote
{
	font-size: 12px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

#quote p.byline
{
	margin-top: 10px;
}

#figure
{
	float: right;
	text-align: center;
	margin: 4px;
}

#figure img
{
	margin-bottom: 5px;
}

#callout {
	background: url(../images/quote_box.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-style:italic;
	margin: 20px 5px 20px 5px;
	padding: 7px 0 3px 15px;
}


/* =Header
---------------------------------------------------------------------------------------------------- */
#header
{
	padding: 10px 0 10px 0;
	border-bottom: 7px solid #660066;
}

#header td
{
	font-weight: bold;
	font-size: 10px;
	color: #666666;
}

#headerIMG
{
	border-bottom: 6px solid #FFCC66;
}

#tagline
{
	padding: 45px 0 10px 0;
}

/* =Search
---------------------------------------------------------------------------------------------------- */

#search
{
	padding: 0 13px 0 5px;
	margin: 0;
}

#search input
{
	border: 1px solid #666;
	font-size: 10px;
	margin: 0 0 1px 0;
	width: 114px;
	_width: 103px;
}

.search
{
	padding: 0 13px 0 5px;
	margin: 0;
}

.search input
{
	border: 1px solid #666;
	font-size: 10px;
	margin: 0 0 1px 0;
	width: 114px;
	_width: 103px;
}


/* = Top Navigation
---------------------------------------------------------------------------------------------------- */
#navigation
{
	background-color: #CCCCCC;
}

#navigation-home
{
	background-color: #CCCCCC;
	border-bottom: 4px solid #FFFFFF;
}

#navigation td, #navigation-home td
{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navigation td#final, #navigation-home td#final
{
	border-right: none;
	border-bottom: 1px solid #FFFFFF;
}

#navigation td#selected, #navigation-home td#selected
{
	border-right: 1px solid #FFFFFF;
}

/* = Subnavigation/Left Nav
---------------------------------------------------------------------------------------------------- */
#leftNav
{
	background: transparent url(../images/wrapper/leftnav-bg.gif) top left repeat-y;
}

#leftNav td#title
{
	background: transparent url(../images/wrapper/leftnav-title-head.gif) top left repeat-y;
	color: #FFFFFF;
	font-weight: bold;
	padding: 7px 0 3px 20px;
	font-size: 10px;
}

#leftNav td#no-title
{
	background: transparent url(../images/wrapper/leftnav-no-title-head.gif) top left repeat-y;
	color: #FFFFFF;
	font-weight: bold;
	padding: 7px 0 3px 20px;
	font-size: 10px;
}

#leftNav ul
{
	list-style: outside;
	margin: 10px 20px 8px 3px;
	padding: 0;
}

#leftNav ul li
{
	list-style: none;
	background: transparent url(../images/wrapper/leftnav-dots.gif) bottom left repeat-x;
	margin: 0;
	padding: 4px 0 9px 0;
	display: block;
}

#leftNav ul li a
{
	display: block;
	text-decoration: underline;
	background: transparent url(../images/bullet-arrow-leftnav.gif) 3px 3px no-repeat;
	padding: 1px 0 1px 18px;
}

#leftNav ul li a:hover
{
	color: #CC6600;
}

#leftNav ul li ul
{
	list-style: outside;
	margin: 2px 20px 2px 0;
	padding: 0;
}

#leftNav ul li ul li
{
	list-style: none;
	margin: 0 0 0 18px;
	padding: 2px 0 2px 0;
	display: block;
	background: none;
}

#leftNav ul li ul li a
{
	display: block;
	text-decoration: underline;
	background: transparent url(../images/bullet-arrow-sm.gif) 0 4px no-repeat;
	padding: 1px 0 1px 8px;
}
#leftNav ul li ul li a:hover
{
	color: #CC6600;
}

#leftNavPad
{
	background: #FFFFFF;
}

/* =Breadcrumb Navigation
---------------------------------------------------------------------------------------------------- */
#breadCrumb
{
	margin: 0 0 10px 0;
	font-size: 10px;
}

/* =Content
---------------------------------------------------------------------------------------------------- */
#content
{
	padding: 26px 20px 15px 15px;
}

#overviews td
{
	background: #FFFFFF url(../images/products/overview-bg.gif) repeat-y;
}

#overviews-services td
{
	background: #FFFFFF url(../images/services/overview-bg.gif) repeat-y;
	margin-right: 16px;
}

#overviews p, #overviews ul
{
	margin: 0 10px 0 10px;
}

#overviews-services p, #overviews-services ul
{
	margin: 0 20px 0 20px;
}
#overviews ul
{
	margin-top: 10px;
}

#overviews h2, #overviews h3, #overviews-services h2, #overviews-services h3
{
	margin: 0 10px 15px 10px;
	font-weight: bold;
	font-size: 12px;
}

#overviews-services h2, #overviews-services h3
{
	margin: 0 10px 15px 20px;
}

#getSuite, #readMore
{
	background: transparent url('../images/arrow-lrg.gif') 137px 5px no-repeat;
	color: #000000;
	display: block;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 0 26px 0 0;
}

#readMore 
{
	font-size: 24px;
	background-position: right;
}

#getSuite a, #readMore a
{
	text-decoration: none;
	color: #000000;
}

#getSuite a:hover, #readMore a:hover
{
	color: #666666;
}
/* =Sidebar
---------------------------------------------------------------------------------------------------- */

#sidebar
{
	background-color: #FFFFFF;
	color: #666666;
	padding: 28px 0 0 0;
}

#sidebar td#foot
{
	padding: 0 0 8px 0;
}

#sidebar td#body, #sidebar td#bodySmall
{
	border-left: 1px solid #CCCCCC;
}

#sidebar h1
{
	background: #999999 url(../images/wrapper/sidebar-title-head.gif) top left no-repeat;
	padding: 2px 0 3px 18px;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	border-left: none;
}

#sidebar ul
{
	margin: 0 0 5px 5px;
	padding: 0;
	list-style: outside;
	font-size: 10px;
}

#sidebar ul li
{
	list-style: none;
	padding: 5px 5px 10px 5px;
	background: transparent url(../images/wrapper/leftnav-dots.gif) left bottom repeat-x;
}

#sidebar p
{
	padding: 0;
	font-size: 10px;
}

#sidebar td#body p
{
	margin: 8px 10px 0 10px;
}

#sidebar td#bodySmall p
{
	margin: 0 10px 0 7px;
	padding: 0 0 0 3px;
}

img.literacyLink 
{
	margin-right: 7px;
	margin-bottom: 10px;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul
{
	list-style: outside;
	margin: 10px 0 0px 10px;
	padding: 0;
}

ul li
{
	list-style: none;
	background: transparent url(../images/bullet-arrow.gif) 0 2px no-repeat;
	margin: 0;
	padding: 0 0 5px 15px;
}

ul li a
{
	text-decoration: none;
}

ul li a:hover
{
	color: #FF9900;
	text-decoration: none;
}


#content ul 
{
	margin: 6px 0 6px 24px;
	padding: 0;
}

#content ol
{
	margin: 6px 0 6px 24px;
	padding: 0;
}
		
#content ul li 
{
	list-style: square;
	background: none;
	margin: 0;
	padding: 0 0 5px 5px;
}

#content ol li 
{
	list-style: decimal;
	background: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#content ul.results
{
	margin: 10px 0 0 10px;
	padding: 0;
	list-style: outside;
}

#content ul.results li
{
	list-style: none;
	padding: 0 0 5px 15px;
	margin: 0;
	background: transparent url(../images/bullet-yellow.gif) 0 3px no-repeat;
}

#content ul.results li a, #content ul.results li a:visited
{
	color: #660066;
}

#content ul.results li a:hover
{
	color: #CC6600;
}

#content ul.results2
{
	margin: 10px 0 0 10px;
	padding: 0;
	list-style: outside;
}

#content ul.results2 li
{
	padding: 0 0 5px 15px;
	margin: 0;
	background: transparent url(../images/bullet-yellow.gif) 0 3px no-repeat;
	list-style: none;
}

#content ul.results2 li a, #content ul.results2 li a:visited
{
	color: #660066;
}

#content ul.results2 li a:hover
{
	color: #CC6600;
}

#overviews-services ul.results2
{
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: outside;
}

#overviews-services ul.results2 li
{
	padding: 0 0 5px 15px;
	margin: 0;
	background: transparent url(../images/bullet-yellow.gif) 0 3px no-repeat;
	list-style: none;
}

#overviews-services ul.results2 li a, #overviews-services ul.results2 li a:visited
{
	color: #660066;
}

#overviews-services ul.results2 li a:hover
{
	color: #CC6600;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.indent {
	text-indent: 3em;
	}

.validation {
	color: #FF0000;
	font-weight: bold;
	}
	
form {
	margin: 0;
	padding: 0;
	}
	

	
/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link, a:active
{
	color: #660066;
}

a:visited
{
	color: #000000;
}

a:hover
{
	color: #CC6600;
}

a:visited:hover, a:link:hover, a:active:hover
{
	color: #CC6600;
}

#header a
{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#header a:hover
{
	color: #660066;
}

#breadCrumb a
{
	color: #666666;
	text-decoration: underline;
}

#breadCrumb a:hover
{
	color: #000000;
}

#highlights li a:visited 
{
	color: #666666;
}

#highlights li a:hover, #highlights li a:visited:hover
{
	color: #CC6600;
}

#subnav a 
{
	text-decoration: none;
	color: #666666;
}

#subnav a:hover 
{
	color: #000000;
}

#sidebar a, #sidebar a:visited 
{
	color: #9CA5AC;
	text-decoration: underline;
}

#sidebar a:hover, #sidebar a:visited:hover
{
	color: #CC6600;
}

#footer a 
{
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}

#footer a:hover 
{
	color: #000000;
}

#introduction a 
{
	color: #660066;
}

#introduction a:visited 
{
	color: #000000;
}

#introduction a:hover, #introduction a:visited:hover 
{
	color: #3B6950;
}

#content a, #content a:link, #content a:active
{
	color: #660066;
	text-decoration: underline;
}

#content a:visited
{
	color: #000000;
}

#content a:hover
{
	color: #CC6600;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer td
{
	padding: 6px 0 0 0;
	color: #666666;
	font-size: 10px;
}

#footer div
{
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	font-size: 10px;
	display: inline;
}

/* =Misc: Homepage Introduction:
---------------------------------------------------------------------------------------------------- */
#introduction
{
	padding: 0 0 9px 18px;
	background: #FFCC66 url(../images/homepage/arrowsOnOrange.gif) bottom right no-repeat;
}

#introduction div 
{
	color: #660066;
	margin: 0 60px 0 0;
	vertical-align: bottom;
	position: relative;
	bottom: -3px;
	_bottom: -5px;
	_left: 60px;
	float: right;
}

/* =Misc: Homepage Features & Info Boxes
---------------------------------------------------------------------------------------------------- */
#info-boxes
{
	padding: 10px 10px 10px 10px;
	margin: 0;
}

.info-boxes-content
{
	padding: 5px 10px 0 10px;
}

.info-boxes-content a, .info-boxes-content a:link, .info-boxes-content a:active, .info-boxes-content a:visited
{
	color: #660066;
	text-decoration: underline;
}

.info-boxes-content a:hover
{
	color: #CC6600;
	text-decoration: underline;
}

#home-features
{
	padding: 10px 10px 0 10px;
	margin: 0;
	border-bottom: 5px solid #FFFFFF;
}

#highlights
{
	padding: 22px 20px 10px 23px;
	margin: 0;
}

#highlights
{
	padding: 22px 20px 10px 23px;
	margin: 0;
}

#highlights p
{
	margin: 0 0 10px 0;
	color: #666666;
}

#highlights ul
{
	list-style: outside;
	margin: 0 0 8px 10px;
	padding: 0;
	font-weight: bold;
}

#highlights ul li
{
	list-style: none;
	background: transparent url("../images/bullet-arrow.gif") 0 2px no-repeat;
	margin: 0;
	padding: 0 0 5px 15px;
}

#highlights ul li a
{
	display: block;
	text-decoration: none;
}

#signup
{
	width: 190px;
	border-bottom: 3px dotted #FFCC66;
	border-top: 3px dotted #FFCC66;
	margin: 12px 0 12px 0;
	padding: 8px 0 8px 0;
}

#awards
{
	margin: 10px 0 0 0;
	text-align: center;
}

/* =Misc: Homepage Vertical Markets Banner
---------------------------------------------------------------------------------------------------- */
#vertical-markets
{
	padding: 24px 0 15px 0;
}

/* =Misc: Homepage Audience Buttons
---------------------------------------------------------------------------------------------------- */

#audience-buttons p
{
	margin: 0;
	padding: 0;
}

#audience-buttons td
{
	margin: 0;
	text-align: left;
}

#audience-buttons div
{
	display: block;
}

#audience-buttons a
{
	color: #FFFFFF;
	text-decoration: underline;
}

#audience-buttons a:hover
{
	color: #CC6600;
	text-decoration: underline;
}

td#super
{
	background: transparent url(../images/homepage/btn-super.jpg) top left no-repeat;
	padding: 66px 0 61px 8px;
}

td#principals
{
	background: transparent url(../images/homepage/btn-principals.jpg) top center no-repeat;
	padding: 64px 0 63px 92px;
	
}

td#teachers
{
	background: transparent url(../images/homepage/btn-teachers.jpg) top right no-repeat;
	padding: 58px 0 69px 94px;
}

/* =Misc: Print/Send
---------------------------------------------------------------------------------------------------- */

#email
{
	background: #CCCCCC url("../images/wrapper/icon-email.gif") 0 1px no-repeat;
}

#print
{
	background: #CCCCCC url("../images/wrapper/icon-print.gif") 0 1px no-repeat;
}
 
 
/* =Misc: Data Table
---------------------------------------------------------------------------------------------------- */

#data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

#data th
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	background-color: #E2DFD7;
	font-size: 11px;
	text-align: left;
}

#data td
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	font-size: 11px;
}

#data td.highlight {
	background-color: #F2F4F5;
}

.data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
	font-weight: normal;
}

.data th
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	background-color: #E2DFD7;
	font-size: 11px;
	text-align: left;
}

.data td
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	font-size: 11px;
}

.data td.highlight {
	background-color: #F2F4F5;
}

/* =Misc: Continuum Popup
---------------------------------------------------------------------------------------------------- */
#continuum1
{
	position: relative;
	background: transparent url("../images/continuum/backgroundB.jpg") top left no-repeat;
	width: 642px;
	height: 704px;
}

#continuum1 #box1
{
	position: absolute;
	top: 45px;
	left: 5px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box2
{
	position: absolute;
	top: 45px;
	left: 160px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box3
{
	position: absolute;
	top: 45px;
	left: 312px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box4
{
	position: absolute;
	top: 45px;
	left: 462px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box5
{
	position: absolute;
	top: 420px;
	left: 5px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box6
{
	position: absolute;
	top: 420px;
	left: 160px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box7
{
	position: absolute;
	top: 420px;
	left: 312px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum1 #box8
{
	position: absolute;
	top: 420px;
	left: 462px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2
{
	position: relative;
	background: transparent url("../images/continuum/backgroundA.jpg") top left no-repeat;
	width: 643px;
	height: 605px;
}


#continuum2 #box1
{
	position: absolute;
	top: 45px;
	left: 5px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box2
{
	position: absolute;
	top: 45px;
	left: 160px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box3
{
	position: absolute;
	top: 45px;
	left: 312px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box4
{
	position: absolute;
	top: 45px;
	left: 462px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box5
{
	position: absolute;
	top: 415px;
	left: 5px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box6
{
	position: absolute;
	top: 415px;
	left: 160px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box7
{
	position: absolute;
	top: 415px;
	left: 312px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box8
{
	position: absolute;
	top: 415px;
	left: 462px;
	width: 125px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box9
{
	position: absolute;
	top: 45px;
	left: 650px;
	width: 100px;
	color: #000000;
	margin: 0 0 0 0;
}

#continuum2 #box10
{
	position: absolute;
	top: 415px;
	left: 650px;
	width: 100px;
	color: #000000;
	margin: 0 0 0 0;
}


#box1 h1, #box2 h1, #box3 h1, #box4 h1
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 0px;
}

#box9 h1, #box10 h1
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 0px;
}


#box1 h2, #box2 h2, #box3 h2, #box4 h2
{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p, #box7 p, #box8 p, #box9 p, #box10 p
{
	font-size: 10px;
}.bold {
	color: #000;
}