body{
background:#F9F9F9;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
}
a , a:active, a:focus	{outline:0; }
a:link					{color:#999;}
a:visited				{color:#999;}
a:hover					{color:#333;}

#wrapper{
width:400px;
margin:auto;
background-color:#FFF;
border:3px solid #eaeaea;
padding:5px;
}

#header{ text-align:center; margin:0px;}
#header h1{margin:0px; padding:0px;}

#contenido h1{ background:#F7F7F7; padding:4px; color:#909090; font-size:18px; font-weight:normal; letter-spacing:-1px;}

#contenido ul{ list-style-type:none; margin:0px; padding:0px;}
#contenido ul li{background:#FFF url(bullet.gif) left no-repeat;  padding-left:20px; display:block; margin-bottom:3px;}
#contenido ul li a{ display:block; width:100%;}

#navigation {
	background: #FFF;
	width: 340px;
	height: 35px;
	margin:auto;
	
	}

#navigation ul {
	display: block;
	list-style: none;
	background: #FFF url("my_nav.png") top left no-repeat;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 35px;
	padding-left:32px;
	
	}

#navigation ul li {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 35px;
	}
	
#navigation ul li a {
	outline:0;
	display: block;
	text-decoration: none;
	text-indent: -999em;
	height: 35px;
	}
	
#navigation ul li a:hover,
#navigation ul li a.current {
	background-image: url("my_nav.png");
	background-repeat: no-repeat;
	}
	
#navigation ul li#home a:hover { background-position: -32px -35px; }
#navigation ul li#home a.current,
#navigation ul li#home a.current:hover { background-position: -32px -70px; }

#navigation ul li#tutorials a:hover { background-position: -102px -35px; }
#navigation ul li#tutorials a.current,
#navigation ul li#tutorials a.current:hover { background-position: -102px -70px; }

#navigation ul li#resources a:hover { background-position: -172px -35px; }
#navigation ul li#resources a.current,
#navigation ul li#resources a.current:hover { background-position: -172px -70px; }

#navigation ul li#contact a:hover { background-position: -242px -35px; }
#navigation ul li#contact a.current,
#navigation ul li#contact a.current:hover { background-position: -242px -70px; }


#navigation ul li a.current:hover { cursor: default; }

fieldset {border:1px solid #ebebeb; padding:5px; background:#F7F7F7;}
legend {text-transform:uppercase; letter-spacing:1px; color:#BFBFBF;}
label{width:50px; float:left; color:#BFBFBF;}
.txt{width:98%; border:1px solid #ebebeb; padding:3px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999;}
.txtArea{width:98%;  border:1px solid #ebebeb; padding:3px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; height:150px;}
.btn{background-color:#F1F1F1; border:1px solid #CCC; padding:3px; width:99%; font-size:12px; color:#999;}