/* just a littel note */
body
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight: normal;
	background-color: #000000;
	background-image: url(images/grid.gif); background-repeat: repeat-x;  
	margin: 0px;
	margin-top:10px;
	padding: 0px;
	font-size: 12px;
	border: 0px solid black;
	text-align: left;
	border: 0px solid black;
}

#paper
{
	background-color: white;
	background-image: url(images/watercolour.gif);
	width: 570px;
}

.main
{
/*	border-spacing:0px; */
	border: 0px solid black;
	padding: 19px;
	margin: 0px;
}

ol
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

li
{
	list-style-color: blue;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 40px;
}

p 
{
	color: black;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.footnote 
{
	color: #718090;
	font-style: italic;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	font-size: 10px;
}

.sidebar
{
	margin: 20px;
	padding: 0px;
	width: 160px;
	float:right;
	border: 0px solid black;
}

.main .sidebar
{
	margin: 20px;
	margin-right: 0px;
	padding: 0px;
	width: 160px;
	float:right;
	border: 0px solid black;
}

.sidebar p
{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 10px;
	border: 0px solid black;
	position:relative;
	top: -7px;
}

.main img, .sidebar img
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	border: 0px solid black;
}

.pad-the-top-please
{
	padding-top: 10px;
}

.main h2 img
{
	margin: 0px;
	position: relative;
	left: -5px;
	top: 2px;
	margin-right: -3;
	padding: 0px;
}

img
{
	border: 0px none black;
	margin: 0px;
	padding: 0px;
}
#navbar
{
	background-image: url(images/navbar.png);
	background-repeat: no-repeat;
	height: 400px;
	color: black;
}

#extra-links p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0px;
	color:#FFFFFF;
	margin-top:5px;
	padding: 2px;
	padding-right: 3px;
	font-size: 14px;
	border: 0px none black;
	text-align: center;
	width: 175px;
	background: #D1D1D3 url(none) no-repeat;
}

#extra-links p a
{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding:2px;
	font-weight: normal;
}

#extra-links a:hover
{
	color: #0099CC;
	text-decoration: underline;
	font-weight: normal;
}

#extra-links .title
{

	background: none;
	color:#FFFFFF
	font-weight: bold;
	text-transform: uppercase; 
}


#step-padding
{
	margin-top: 250px;
}

#navbar a:hover img
{
	background-image: url(images/ring.png);
}


#nav-shadow
{
	background-image: url(images/middle-navbar-shadow.png);
	background-position: 0px -5px;
	background-repeat: no-repeat;
}

#left-shadow
{
	background-image: url(images/left-shadow.png);
	background-repeat: no-repeat;
}

#middle-shadow
{
	background-image: url(images/middle-shadow.png);
	background-repeat: repeat-y;
}

#right-shadow
{
	background-image: url(images/right-shadow.png);
	background-repeat: repeat-y;
}

#base-shadow
{
	background-image: url(images/base-shadow.png);
	background-repeat: no-repeat;
}


.header
{
	text-align: center;
	font-size: 1px;
}

#top-shadow
{
	margin: 0px;
	padding: 0px;
}

#next_prev
{
	margin: 0px;
	margin-top:10px;
	margin-right:20px;
	padding: 0px;
	text-align: right;
}

.np_buttons:hover
{
	position:relative;
	top:-2px	
}

#intro
{
	color: black;
	font-weight: bold;
	font-size:12px;
}


.homemain td
{
 margin: 10px;
}

.sidebox
{
	padding-left: 10px;
	padding-right: 10px;
}

h1
{
/*	color: #718090; */
	color: black;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
/*	text-transform: uppercase; */
	text-align: left;
	font-family: Arial, serif;
}
h2 a
{
	font-size: 10px;
	font-weight: normal;
}

h2
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	margin-top: 20px;
}

.boxout
{
	background-color: #d1d1d3;
	padding:10px;
	margin-top:20px;
	padding-bottom:20px;
	border: black  2px dotted;
	clear: both;
}

.video
{
	background-color: #000000;
	background-image: url(images/diagonals-dark.gif);
	padding:10px;
	margin-top:20px;
	padding-bottom:10px;
	border: #718090  2px dotted;
	clear: both;
}

.boxout h2
{
	color: black;
	margin:0px;
	padding: 2px;
	margin-bottom:20px;
	background-color: #FFFFFF;
	border-bottom: 1px dotted black;
	text-transform: uppercase;
}

.boxout.video h2
{
	color: black;
	margin:0px;
	padding: 2px;
	margin-bottom:10px;
	background-color: #ffffff;
	background-image: url(images/diagonals.gif);
	border-bottom: 1px dotted #000000;
	text-transform: uppercase;
}
.skypanel {
	padding: 2px;
	margin: 2px;
}


.boxout p
{
	margin-top:10px;
	margin-right:20px;
}

.boxout p a 
{
	color: black;
	font-weight: normal;
	margin: 0px;
	padding: 1px;
	padding-left:18px;
	font-size: 10px;
	text-decoration: none;
	background-image: url(images/arrow2.gif); 
	background-position: 0px -1px;
	background-repeat: no-repeat;
}


.boxout p a:hover
{
	position:relative;
	top: -1px;
	background-color: #dbe3e4;
	background-repeat: no-repeat;
}

.boxout b

{
	text-transform: uppercase;
	color: #1d3444;
	font-size: 11px;
	background-color: white;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: 1px dotted #718090;
}

a.rollover 
{
	display: block;
	width: 222px;
	height: 37px;
	margin-top:10px;
	text-decoration: none;
	background: url("images/getstarted.gif");
	background-repeat: no-repeat;
}

a.rollover:hover 
{
	background-position: -222px 0;
}

.displace 
{
	position: absolute;
	left: -5000px;
}


a
{
	text-decoration: underline;
}

a:link {color: #718090}
a:visited {color:#718090}
a:hover{color: #4a739e}