/* main.css for "tutorial 2" */
/*Author: M.Wells, www.wam-design.co.uk*/
/*11th June 2005*/

body {
	font-family:Verdana, sans-serif;
	font-size:14px;
	color:#333333;
	margin:0;
	line-height:1.5em;
}

h1 {
	font-size:20px;
	font-variant:small-caps;
	font-style:italic;
}

h2 {
	font-size:15px;
	font-variant:small-caps;
	font-style:italic;
	text-align:left;
	margin-left:50px;
}

h2.privacy {
	margin-left: 195px;
}

p {
	text-align:left;
	text-indent:35px;
}

html a:hover {
	border-bottom:1px dotted #FF9900;
}

.highlight {
	border-bottom:1px dotted #FF9900;
}

/* --------------------------------- Overall Divs ----------------------------- */
#wrapper {
	width: 100%;
	text-align:center;
}

/* ---------------------------------- Container --------------------------------- */

#container {
	width:97%;
	margin:0 auto;
	border:1px solid black;
	border-top:none;
	padding-left:5px;
	padding-right:5px;
}

#container p {
	text-align:left;
	text-indent:30px;
	font-family:Verdana, sans-serif;
	font-size:14px;
	color:#333333;
}

#container p.extra {
	width:75%;
	margin:10px auto;
	text-align:center;
	padding-left:40px;
	background: url(extra.gif) no-repeat left 50%;
	text-indent:none;
	height:90px;
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
}

#container img.right {
	float:right;
	margin-right:10px;
	margin-left:5px;
}

#container a.inline {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}

ul.summary {
	text-align:left;
	list-style:none;
}

ul.summary li {
	margin:0;
	padding-left:18px;
	background: url(excl.gif) no-repeat 0 50%;
	margin-bottom:7px;
}


.banner {
	margin:0;
	margin-bottom: 10px;
}

/* ------------------------ Content ------------------------------ */ 

#content {
	float:left;
	width:135px;
	border-top:2px solid #3399FE;
	border-bottom:4px solid #3366FF;
	text-align:left;
	margin-top:18px;
	margin-left:15px;
	padding-bottom:6px;
	margin-right:2px;
}

#content h1 {
	font-size:14px;
	font-variant:small-caps;
	font-style:italic;
	padding-left:15px;
	margin:0px;
}

#content ul {
	margin:0;
	padding:0;
}

#content ul li {
	list-style:none;
	margin:0;
	margin-left:5px;
}

#content ul li a {
	text-decoration:none;
	font-size:11px;
	color:#333333;
}

#content ul ul {
	list-style:none;
	margin-left:15px;
}

#content ul ul li {
	border-left:1px dotted grey;
	padding-left:3px;
}

#content ul ul li a {
	font-size:10px;
}

/* ------------------------ Affil ----------------------------------*/

#affil {
	float:right;
	width:125px;
	margin-top:18px;
	margin-right:15px;
	padding-top:5px;
	padding-bottom:7px;
	border-top:2px solid #3399FE;
	border-bottom:4px solid #3366FF;
	text-align:center;
}

#affil h1 {
	font-size:12px;
	font-variant:small-caps;
	font-style:italic;;
	margin:0;
	margin-bottom: 3px;
}

#affil p {
	font-size:10px;
	margin:0;
	text-indent:0;
	text-align:center;
	margin-top:2px;
}

#affil p a {
	color:#333333;
	text-decoration:none;
}