* {font-family: arial, helvetica, "trebuchet ms", verdana;}
	
img { border:0px; }	

body {
		background-color: #ced1d3;
		min-width: inherit;
		margin: 0px;
		text-align: left;
		}

		
#wrapper {
		position: relative;
		width: 770px;
		height: 800px;
		margin: 0px auto 0px auto;
		background-image: url("../images/todol_header.gif");
		background-repeat: no-repeat;
		}
		
/* ///////LOGO BACK TO HOME PAGE//////// */		
		
#logo{
		position: absolute;
		top: 65px;
		left:40px;
		width: 175px;
		height: 30px;
		background-color: transparent;
		z-index: 3;
		}
	
/* //////////FORMS/////////// */

#form	{	
		position: absolute;
		top: 205px;
		left: 330px;
		}
		
#form p	{
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		color:#1323bb ;		
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		}	
		
		
h1{		
		font-size: 16px;
		width:300px;
		font-style:italic;
		font-weight:lighter;
		word-spacing:0.3em;
		color: #000;
		text-decoration: none;
		}

/* ////////FOOTER////////// */

		
#bar {
		position: absolute;
		top: 760px;
		left: 3px;
		width: 770px;
		height: 25px;
		margin: 0px;
		text-align: center;
		}
		
#bar p {
		
		font-size: 13px;		
		line-height: 13px;
		margin: 0px 0px 0px 0px;
		}
		
#bar a {
		
		font-size: 13px;
		color: #000;
		text-decoration: none;
		border-bottom: solid 1px #1323bb;
		}
		
#bar a:hover {
		color: #1323bb;
		text-decoration: none;
		border-bottom: solid 1px #000;
		}

/*/////////MAIN NAVAGATION/////////// */

#navigation
		{
		position: absolute; 
		top: 50px; 
		left: 32px; 
		width:600px; 
		height: 40px; }
		
ul#navlist
		{
		margin: 100px 0px 0px 10px; 
		padding-left: 0;
		font-size: 18px ;
		}

#navlist li
		{
		display: inline;
		list-style-type: none;
		}

#navlist a { padding: 3px 8px; }

#navlist a:link, #navlist a:visited
		{
		color: #fff;
		text-decoration: none;
		}

#navlist a:hover
		{
		color: #ccc;
		text-decoration: none;
		}

#navlist li.active a {
	color: #999;
	}
	
	
/* ////////FORM NAVAGATION///////// */	
	
#vert {
			position: absolute; 
			top: 190px; 
			left: 50px; 
			width: 200px; 
			height: 400px; 
			}
#vertical
{
padding-left: 20px;
margin: 40px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px ;
text-align: left;


}

#vertical li
{
list-style: none;
line-height: 20px;
padding: 10px;
border-bottom: solid 1px #1323bb;

}
#vertical a:hover
{
			color: #1323bb;
			text-decoration: none;
}


#vertical li a
{
	text-decoration: none; 
	color: #000;
	
}

#vertical li.active a {
	color: #1323bb;
	}

/*ALL RIGHTS RESERVED*/	

p {		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000 ;
		}
		

 a {text-decoration:underline; color:#1323bb; } 
 
 
 a:hover { text-decoration: none; color: #000; }