/* general stuff */

body {
	font: 0.7em/1.2em Trebuchet, Verdana, Helvetica ;
	background: #000 url(img/bkg_fixed.gif) -30px 0px no-repeat fixed;
	color: #aaa;
	padding: 0 0 0 335px;
	margin: 0;
	letter-spacing: .05em;
}

* { 
	/*text-transform: lowercase;  could apply this to the body, but IE seems to ignore it there */
	padding:0;
	margin:0;
}

a {
	color: #f2f2dd;
	text-decoration: none;
}

h1 {
	font-family: times, serif;
	font-size: 2.5em;
	padding-top: 15px;
	line-height: .7em;
}

h2 {
	font-family: times, serif;
	font-size: 2em;
	padding-top: 15px;
	font-style : italic;
	line-height: .8em;
}

h2 #eff {
	color:#bbbbbb; 
	padding: .06em 0 0 6.2em;
	font-size: 1.2em;
	line-height: .3em;
}

h3 {
	font-family: times, serif;
	font-size: 1.4em;
	padding-top: 15px;
}

p {
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
}


p.i1, p.i2  {
	font-size: 1.2em;
	line-height: 1.1em;

}

p.i1:first-line {
	font-weight: bold;
	color: #bbb;
}

div.imgL {
	border: 1px solid #666;
	padding: 5px;
	text-align: center;
	font-size: .8em;
	position: relative;
	left: -95px;
	width: 280px;
}

p.capL {
	text-align: left;
}

p.date {
	margin:  8px 0 -20px 0;
	font-size:.8em;
}

p.imgR {
	border: 1px solid #666;
	padding: 5px;
	text-align: center;
	margin: 0 0 1em 0;
	font-size: .8em;
}



p.p1:first-line {
	font-weight: bold;
	color: #bbb;
}


p.p2, p.p3, p.p4 {
	/* originally used p + p, but IE doesn't play ball with that...so this is a rather ugly kludge */
	text-indent: 1em;
	margin-top: -0.2em;
	
}


p.q1, p.q2, p.q3, p.q4, p.q5, p.q6 {
	font-style : italic;
	margin: 0 0 10px;
}

p.pricing {
	margin-left:25px;
	font-size:.9em;
	margin: -5px 0 10px 25px;
}

p.s1, p.s2  {
	margin-left:25px;
	font-size:.8em;
	margin: -5px 0 10px 25px;
}

p.sub {
	margin: 5px 0 0px 0px;
	font-size:.8em;
}

p.sub2 {
	margin: 3px 0 0px 0px;
	font-size:.6em;
}

p.t1:first-line {
	font-weight: bold;
	color: #bbb;

}

p.t1, p.t2  {
	line-height: 1.1em;
}


.select {
	color: #ddd;
}

ul {
	list-style: none url(img/dot.png);
	padding: 8px 0 0 0;
	margin-left: 33px;
	line-height:13px;
}

li {
	margin-bottom: 3px;
	text-align: left;
}





/* more specific rules */

#container {
	background: url(images/bottom_corner.png) no-repeat bottom right;
	color: inherit;
	width: 300px;
}

#pageHeader {
	background: url(images/header.png) no-repeat top left;
	width: 300px;
	height: 180px;
}

#pageHeader span {
	display: block;
}

#supportingText div {
	padding: 0 35px 0 35px;
	text-align: justify;
}





#finePrint {
	font-size: .7em;
}



#linkList {
	position: absolute;
	top: 145px;
	left:105px;
	width: 228px;
	height: 50px;
}

#linkbkg {
	filter: alpha(style=0, opacity=40);
	opacity: .4;
	-moz-opacity: .4;
	background: url(img/bkg_menu.gif) no-repeat top right;
	z-index: 1;
	postion: relative;
	top:0px;
	width: 228px; 
	height: 290px;
}


#ltheory {
	position:absolute;
	left:-2px;
	top:10px;
	z-index:2;
	
	padding: 10px 15px 0 16px;
	font-size:11px;
}

#ltraining {
	position:absolute;
	left:-2px;
	top:140px;
	z-index:2;

	padding: 10px 15px 0 16px;
	font-size:11px;
}



h3.select {
	font-family: Times, Serif;
	font-size:15px;
	line-height:15px;
}

/*just to tidy up the bottom end a bit */

#container {
	padding-bottom: 50px;
	margin-bottom: -2em;
}


#footer {
	margin-top:20px;
	font-size:.8em;
}