body 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

#div1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 18%;
	float: left;
	background-color:yellow;
	height: 800px;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-style: solid;
	border-width: thin;
}

#div2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 58%;
	float: left;
	background-color:white;
	height: 800px;
	margin: 1px 1px 1px 1px; 
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: thin;
}

#div3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 18%;
	float: left;
	background-color:yellow;
	height: 800px;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-width: thin;
	
}

#Tutorial
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 700px;
	float: left;
	background-color:White;
	margin: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	text-align: justify;
}
	
li
{
	margin-bottom: -10px;
	margin-left: -15px;
	margin-right: 15px;
}

h1
{ 
	color: blue;
	font-weight:bold;
	font-family: Arial;
	font-size: 18px;
}

h2
{ 
	color: blue;
	font-weight:bold;
	font-family: Arial;
  	font-size: 14px;
}

h3
{
	color: blue;
	font-weight:bold;
	font-family: Arial;
	font-size: 12px;
}

.copyright
{
	font-family: Arial;
	color: Blue;
	font-size: 12px;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0em;
}

#nav-menu li a
{
background: url(toolbar.jpg) #fff bottom left repeat-x;
height: 1.7em;
line-height: 1.7em;
float: left;
width: 7em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
background: url(toolbar2.jpg) #fff bottom left repeat-x;
height: 1.7em;
line-height: 1.7em;
float: left;
width: 7em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}

.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('breadcrumbImage.png') 100% -60px no-repeat; }
.breadcrumb ul li a span{padding:0 17px 0 15px; }
.breadcrumb ul li a:hover span{text-decoration:underline; color:rgb(0,0,0);}
.breadcrumb ul li a.active{background:none;}
.breadcrumb ul li a.active span{color:rgb(255,255,255);}
.breadcrumb ul li a.active:hover span{text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 100% -90px no-repeat; }

#copyright
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: blue;
	text-align: center;
	clear:both;
	width:1000px;
}
/* End hide */