/* CSS Document */

body {
	background: #a571d6 url(../images/bggradient.jpg) repeat-x;
}
/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
min-width:640px;
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
background:url(../images/headerbg.jpg) no-repeat top left;
height:651px;
position:absolute;
top:0px;
left:0px;
}
#wrapper {
/* faux-column technique, this is the right one */
}
#header {
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px;
height:150px;
}
#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
margin-left:-200px
}
#left {
float:left;
width:200px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px;
padding: 0px 20px;
}
#main {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:350px;
padding:0px 30px 0px 30px;
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px;
margin-top:-10px;
padding-right:10px;
}
#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}
#footer {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
text-align:center;
padding:10px;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}

body,td,th {
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #330066;
	font-weight: bold;
	text-decoration:underline;
}
a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #2D0C4D;
}
a:hover {
	text-decoration: underline;
	color: #4B0393;
}
a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #4B0393;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
.style2 {font-size: 10px}

hr {
	color:#330066;
	}

ul {
	list-style-image:url(../images/sm_bullet.gif);
	}
	ul li {
	margin-bottom:8px;
	}
	
.indent {
	padding-left: 25px;
}

#outer_wrapper ol li{
	list-style-type: disc;
	list-style-position: outside;
}

#tableofcontents ol li{
list-style-type:decimal;
}

.nobullets ul {
list-style-image:none;
list-style-type:none;
}
.nobullets {
list-style-image:none;
list-style-type:none;
}