* {
padding : 0;
margin : 0;
}


body {
font : 11px Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
text-align : center;
color : #666666;
background-color: #e1edc3;
background:url(/images/AndrewLearn.jpg);
line-height : 16px;
}
a:link {
color : #cc3366;
text-decoration : none;
font-weight : bold;
}
a:visited {
	text-decoration : none;
	color :#CC3366;;
	font-weight : bold;
}
a:hover {
text-decoration : none;
color : #99cc00;
}
a:active {
text-decoration : none;
color : #ff3300;
}

.tiny {
clear:both;
font-size: 9px;
text-align:left;
background-color:  #e1edc3;
}
.tiny a:link {
color : #cc3366;
text-decoration : none;
font-size: 8px;
font-weight : normal;
}

.wrap {
width : 823px;
margin-top: 20px;
margin-left : auto;
margin-right : auto;
background:url(/images/learn.jpg) no-repeat;
text-align : center;
background-color : #ffffff;
overflow:hidden;}

#header {
height : 28px;
width : 823px;
text-align : center;
position : relative;
background : url(/images/top.jpg) no-repeat;
margin-top : 0px;
}
#header h1 {
height : 37px;
width : 225px;
margin-top : 10px;
margin-right : 19px;
background : url(/images/AndrewName.jpg) no-repeat;
float : right;
text-indent : -9000px;
}



#content {
clear:both;
background : url(/images/read.jpg) no-repeat;
float:left;
margin:-50px 0 0 0;

}

#contentmain {
clear:both;
position:relative;
margin-top: 80px;}

#contentmain h1 {
padding-top : 10px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
color : #cc6666;
text-align : left;
margin-left : 4px;
}

#contentmain h2 {
margin-right : 80px;
margin-left : 80px;
text-align : left;
font-size : 12px;
font-weight : bold;
text-align : left;
}

#contentmain h3 {
	margin-right : 80px;
	margin-left : 80px;
	text-align : left;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	color:#999900
}

#contentmain p {
clear:both;
	margin-right : 80px;
	margin-left : 80px;
	text-align : left;
	font-size : 12px;
	font-weight : normal;
	text-align : left;
	color:#666666
}
#notes {
	text-align : left;
font-size : 10px;
	margin-right : 80px;
	margin-left : 80px;
	font-size : 10px;
	line-height:10px;
	color:#666666
}
#top_menu {
clear:both;
position:absoulte;
margin: 0;
	font-size : 9px;
	font-weight : bold;
	float: right;
	padding-top: 80px;
	padding-right: 25px;
	text-align:right;
	}
#top_menu a:link {
color : #cc3366;
text-decoration : none;
font-weight : bold;
}
#top_menu a:visited {
	text-decoration : none;
	color :#CC3366;;
	font-weight : bold;
}
#top_menu a:hover {
text-decoration : none;
color : #99cc00;
}
#top_menu a:active {
text-decoration : none;
color : #ff3300;

	
}


#nav, 
#nav ul {
	padding:0 0 1px 0;
	margin:0;
	list-style:none;
	font: 10px verdana, sans-serif;
	position:relative;
	z-index:200;

}
#nav {height:25px; padding:15px;}
#nav li {float:left;  width: 7em}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#cc3366; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap; text-align:left; text-decoration : none; width: 1em;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}
#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#99cc00;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#99cc00;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#CC3366;}

.clear{margin:0 0 0 0;}