/* table of contents */
/* -----------------
1. text formatting
2. visual properties
3. layout & structure
*/

/* ------------------------------------- */
/* text formatting --------------------- */
/* ------------------------------------- */
.testimonial-quote
{
	font-style:italic ;
	font-weight: bold;
	font-size:120%;
	margin: 0px 0px 0px 40px;
}
.testimonial-name
{
	font-weight: bold;
	font-size:90%;
	color: #9999ad;
	margin: 0px 0px 20px 40px;
}
.step1
{
	color: #FF0066;
	font-size:150%;
	font-weight: bold;
	margin: 10px 0px 10px 20px;
}
.step1a
{
	margin: 10px 0px 20px 53px;
}
.step2
{
	color: #FF6600;
	font-size:150%;
	font-weight: bold;
	margin: 10px 0px 10px 40px;
}
.step2a
{
	margin: 10px 0px 20px 73px;
}
.step3
{
	color: #99CC00;
	font-size:150%;
	font-weight: bold;
	margin: 10px 0px 10px 60px;
}
.step3a
{
	margin: 10px 0px 20px 93px;
}
.QuickStart
{
	margin: 0px 0px 0px 20px;
}
.related-links-title
{
	font-size:80%;
}
.related-links
{
	font-size:80%;
}
#vbottom
{
	font-size: 80%;
}
#breadcrumb
{
	font-size:80%;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	max-width:900px;
	position:relative;
}
#nav a
{
	font-size: 120%;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}
#nav i /* the right-hand nav bits */
{
	font-style:normal;
}
.subnav-item
{
	font-size:70%;
}
.right-widget-title
{
	color: #fff;
}
#copyright
{
	color: #9999ad;
}
#footertxt
{
}
#maincontent
{
	font-size:100%;
}


/* ------------------------------------- */
/* visual properties ------------------- */
/* ------------------------------------- */
body
{
	border: 0;
	padding: 0;
	margin: 0;
	/*overflow:hidden;*/
}

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

#top-h-bar
{
}
.hbar1
{
	height:4px;	
	background-color:#f06;
}
.hbar2
{
	height:2px;	
	background-color:#003;
}
.hbar3
{
	height:4px;	
	background-color:#ccccd6;
}

/** Visible (top) margins for the content areas - warning: left margins are more integral to layout**/
#vmid div.contain_mid
{
	margin-top: 10px;
}
#vmid div.contain_right
{
	margin-top: 10px;
}
/* default colours - most likely overridden */
#vtop div.contain_left
{
	background: #f06;
}
#vmid div.contain_left
{
	background: #f06;
}
/* copyright area */
#vbottom div.contain_left
{
	background: #ccccd6;
}
#logo
{
	/*padding: 10px 0px 10px 0px;*/
	padding:0;
	margin: 10px 0 10px 0;
}
#strapline
{
	background: #fff url(../img/strapline4.gif) no-repeat top left;
}
#nav li
{
	margin:0 1em 0 0;
	padding: 0.2em 0 0.2em 0;
}
#nav i /* the right-hand bits */
{
	height:1.4em;
}
#nav span /* the left-hand bits */
{
	width:12px;
	height:1.4em;
}

/* nav colours */
i.r1_1 {background: #f06;}
i.r2_1 {background: #f60;}
i.r3_1 {background: #09f;}
i.r4_1 {background: #9c0;}
i.r5_1 {background: #90c;}
/**/
i.r1_0 {}
i.r2_0 {}
i.r3_0 {}
i.r4_0 {}
i.r5_0 {}
/**/
span.l1 {background: #f06;}
span.l2 {background: #f60;}
span.l3 {background: #09f;}
span.l4 {background: #9c0;}
span.l5 {background: #90c;}

.inline
{
	display:inline;
}

.subnav-act
{
	line-height:1em;
}
.right-widget
{
	margin: 0;
	border:1px solid #f06;
	background: #fff;
	margin-bottom: 1em;
	
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}
.right-widget-title
{
	background:#f06;
	padding:0.15em 0.15em 0.2em 0.15em;
}
.right-widget-body
{
	padding:0.15em 0.15em 0.2em 0.15em;
	line-height:1.2em;
}

#maincontent
{
	margin: 0.15em;
	overflow:visible;
}

div.main-item
{
	border:0;
	padding:0 0 0 0.8em;
	margin-bottom: 1em;
}

#col-extender
{
	background: #f06;
}

.pagination
{
	font-size:80%;
	background: #eee;
}

div.latest-news-teaser
{
	padding-bottom:0.6em;
}

hr
{
	background: #fff;
	border: none 0;
	border-top:1px dashed #f06; /*default colour*/
	height:1px; /*req'd by ie*/
	width:100%;
}

/* ------------------------------------- */
/* layout & structure ------------------ */
/* ------------------------------------- */

/** ------------------------ **/
/** VERTICAL ZONES **/
#vtop
{
	min-width:590px;
	height: 28px;
}

#vmid
{
	position:relative;
	overflow:hidden;
	min-width:590px;
	/*height:900px;*/
}
.vmid-default /* default/normal setting */
{
	/*start min-height hack*/
	min-height:300px;
	height:auto !important;
	height:300px;
	/*end min-height hack*/
}
.vmid-js-set /* javascript override - used when js resizes the window */
{
	/*height:300px;
	min-height:300px;*/
	height:auto
}
#vpre-bottom
{

}
#vbottom
{
	position:relative;
	top: 0px;
	min-width:590px;
	height:20px;
}

#page-end
{
	float: left;
	position: relative;
	width: 100%;
	height:0;
	/*padding-bottom: -10010px;
	margin-bottom: -10000px;*/
	background: #fff;
}
/** ------------------------ **/
/** HORIZONTAL ZONES **/
div.contain_left
{
	width:140px;
	float: left;
	/*height:100%;*/
	margin-left:30px;
}
div.contain_mid
{
	margin: 0 0 0 178px; /*left: (contain_left's width+dist from right) */
	padding: 0 234px 1em 0; /*right: (contain_right's width+dist from right) */
	max-width:900px;
	position:relative;
}
div.contain_right
{
	width:200px;
	position:absolute;
	right: 30px;
	top:0;
	margin-top:0;
	padding: 0 0 1em 0; 
}
/** ------------------------ **/
/** SPECIFIC ZONES (i.e. cells in the x/y grid **/
#vtop div.contain_left
{
	height: 28px;
	text-align: center;
	position:relative;
}
#vmid div.contain_left
{
	/*padding-bottom: 20000px;
	margin-bottom: -20000px;*/
	height:100%;
	text-align: left;
}
#vbottom div.contain_left
{
	overflow:hidden;
	text-align: center;
	padding: 0.2em 0 0.4em 0;
}
#vbottom div.contain_mid
{
	text-align: left;
	padding: 0.2em 0 0.4em 0;
}
#vbottom div.contain_right
{
	text-align: right;
	padding: 0.2em 0 0.4em 0;
}

#col-extender
{
	height:100%;
	/*margin-bottom: -20000px;
	padding-bottom: 20000px;*/
	margin-top: -20000px;
	padding-top: 20000px;
	/*start min-height hack*/
	min-height:50px;
	height:auto !important;
	height:50px;
	/*end min-height hack*/
}

#col-extender2
{
	/*required to 'invert' the direction of the margin&padding
	used to extend the columns to equal length from bottom to top
	due a problem of hidden content when linking to anchor tags*/
	/*same as one true layout problem*/
	height:100%;
	position:absolute;
	bottom:0;
	margin-top: -90000px;
	padding-top: 90000px;
	width: 140px;
	z-index:-1;
	height: 90000px; /*fixes the blank area in the col on opera*/
}

#logo
{
	position: absolute;
	top:0;
	z-index:10;
	margin-left: 30px;
	width:140px; /*nav bar width + 2*laft margin width*/
	height:70px;
	text-align:center;
	z-index:1;
}
#strapline
{
	position: absolute;
	width:200px;;
	height:19px;
	margin-top:5px;
	padding-top:0;
	max-height:20px;
	z-index:30;
}
#logobck
{
	width:140px;
	height:100px;
	background: #f06;
	position:absolute;
	top:0;left:0;
}
#breadcrumb
{
	position: absolute;
	top:0;
	left:0;
	height:14px;
	vertical-align:middle;
	margin-top:7px;
	z-index:20;
	overflow:hidden;
	margin-right: 240px;
}
#nav
{
	padding: 80px 0 2em 0;
	margin:0;
	width:158px;
	position:relative;
	right:20px;
	top:0;
	overflow:hidden;
	white-space:nowrap;
}

#nav ul
{
	list-style-image: none;
	list-style: none;
	margin: 0;
	padding:0;
}
#nav li
{
}
#nav i /* the right-hand bits */
{
	padding-left: 23px;
	width:200px;
	display:block;
}
#nav span /* the left-hand bits */
{
	display:block;
	position:absolute;
}

.subnav-ina
{
	display:none;
	margin:0;
	padding:0;
}
.subnav-act
{
	position:relative;
	overflow:visible;
	white-space:nowrap;
	margin:0;
	padding:0;
}
.subnav-item
{
	position:relative;
	margin:0 0 0 30px;
	padding: 0.4em 0 0.4em 30px;
	position:relative;
	left:25px;
}
.right-widget
{
	/*start min-height hack*/
	min-height:64px;
	height:auto !important;
	height:64px;
	/*end min-height hack*/
}
.right-widget-title
{
	font-weight:bold;
}
.right-widget-body
{
}
#container
{
	overflow: hidden;
	padding:0;
	margin:0;
	position:static;
}
table.bot-vhcentering-table
{
	height:20px;
	vertical-align: middle;
	border:0;
	padding:0;
	margin:auto;
}
table.bot-vcentering-table
{
	height:20px;
	vertical-align: middle;
	border:0;
	padding:0;
}
#copyright
{
	text-align:center;
}
#footertxt
{
	text-align:left;
}
.expander /*makes an inline element fill a container block element. Why? cos then I can wite valid xhtml for hrefs on a background image (see logo)*/
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

#wordready-summary
{
	float: left;
}
.wordready-summary-txt
{
	font-weight:normal;
	line-height:1.5em;
	width:375px;
	margin: 0px 0px 10px 20px;
}
#wordready-summary-grid
{
	vertical-align:top;
	padding: 0;
	margin:0;
	/*start min-width hack*/
	min-width:590px;
	width:auto !important;
	width:590px;
	/*end min-width hack*/	
	/*float:left; *//* because ie hides the content if it doesnt fit! */
	
}
#wordready-summary-grid tr
{
	vertical-align:top;
	padding:0;
	margin:0;
}
#wordready-summary-grid td
{
	/*text-align:center;*/
	vertical-align:top;
	padding:0;
	margin:0;
}
.wordready-summary-container-left
{
	text-align:left;
	padding:0;
	margin:0;
}
.wordready-summary-container-mid
{
	text-align:center;
	padding:0;
	margin:0;
}
.wordready-summary-action-demo
{
	margin:0;
	padding:0;
}
.wordready-summary-action-buttons
{
	margin:0;
	padding:6px 0 0 0;
}
#wordready-ramble
{
	padding:1em 0 1em 0;
	float: left;
	min-width:590px;
	font-size:100%;
	color:#9999AD;
}
#wordready-benefits h2
{
	padding-top:0.2em;
	width:180px;
	/*color: #9C0;
	font-size:120%;
	font-weight:bold;
	*/
}
#wordready-benefits p
{
	line-height:0.5em;
	font-size:120%;
	font-weight:bold;
	padding-left:30px;
}
#wordready-benefits a
{
	color: #9C0;
	text-decoration:underline;
	cursor: pointer;
}
#wordready-benefits a:hover
{
	color:#f06
}
.wordready-invert
{
	/*background: #ccc;*/
	font-size:120%;
}
.wordready-mid-title
{
	padding:1em 0 0.4em 0;
	color: #90C;
	font-size:100%;
	text-align: center;
	/*color:#fff;*/
}
#wordready-lower-summary
{
	width:610px;
}
#wordready-quotes
{
	padding: 0.1em 0 0.1em 0;
}
#wordread-faq
{

}
#wordread-faq li
{
	line-height:1.4em;
}
#wordread-faq H2
{
	font-size:140%;
	display:inline;
	color:#9c0;
}
#wordread-faq H4
{
	font-size:100%;
}

#wordread-faq li a /* links to specific questions*/
{
	text-decoration:none;
}
#wordread-faq h2 a /*links to topic headers*/
{
	text-decoration:none;
	color:#9c0;
}
#wordread-faq H4 a
{
	font-size:80%;
}
#wordread1-faq
{

}
#wordread1-faq table
{
	vertical-align:top;
}
#wordread1-faq tr
{
	vertical-align:top;
}
#wordread1-faq td
{
	vertical-align:top;
	padding:1em;
}
#wordread1-faq li
{
	line-height:1.4em;
}
#wordread1-faq H2
{
	font-size:140%;
	display:inline;
	color:#9c0;
}
#wordread1-faq H4
{
	font-size:100%;
}

#wordread1-faq li a /* links to specific questions*/
{
	text-decoration:none;
}
#wordread1-faq h2 a /*links to topic headers*/
{
	text-decoration:none;
	color:#9c0;
}
#wordread1-faq H4 a
{
	font-size:80%;
}
#cost-summary
{
	border:1px solid #003;
}
#cost-summary td
{
	/*border-bottom: 1px dashed #ccc;*/
	border-top: 1px dashed #ccc;
	/*border-left: 1px dashed #ccc;*/
	border-right: 1px dashed #ccc;
}
#wordready-logins td
{
	padding-right:1em;
}

.flash-player-err
{
	border:0;

	padding-bottom:1em;
}

.recommended-book2
{
	border:1px solid #09f;
	padding: 0.6em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	/*width: 200px;
	height: 170px;*/
}

.recommended-book
{
	border:1px solid #003;
	padding: 0.6em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	width: 200px;
	height: 170px;
}