body
{
	background-color: #FFFFFF;
	background-image: url(images/bg.gif);
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	margin-top:25px;
	padding: 0px;	
	border-top: 25px;
}

#galeria {
display:block;
padding:5px;
color:#99CC33;
padding:0px;
margin:0px;
}

#nav {	
	BORDER-RIGHT: #003300 0px solid; 
	BORDER-BOTTOM: #003300 1px solid;
	BORDER-TOP: #003300 1px solid;
	border-left: #003300 0px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold;	
	BACKGROUND: #67a53c;
	FLOAT: left; 
	PADDING-BOTTOM: 2px;
	PADDING-TOp: 2px;
	LINE-HEIGHT: 1;	 
	LIST-STYLE-TYPE: none;
	left:50%;
	width:720px;
	margin-left: -360px;	
	position:absolute;
	margin-top: 0px;
	top:125px;
	left: 50%;
	margin-top: 0px;
	padding: 0px;
	z-index: 99;
	/*_position: absolute;*/
	/*_top: expression((dummy = document.documentElement.scrollTop) + "px");*/
	height:28px;
}


/*#nav {
list-style-type:none;
width:700px;
height:20px;
display:block;
background:#0099FF;
z-index: 99;
}*/

#nav UL {
	list-style-type:none;	
	border:#003300 0px solid; 
	LIST-STYLE-TYPE: none;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold;
	BACKGROUND: #67a53c;
	height:auto;	
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1em;
	WIDTH: auto;
	LINE-HEIGHT: 1; 
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	vertical-align:middle;
}

#nav A {
	PADDING-RIGHT: 1em; 
	DISPLAY: block; 
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 0.25em; 
	WIDTH: auto;
	COLOR: #FFFFCC; 
	PADDING-TOP: 0.25em; 
	TEXT-DECORATION: none;
	height:auto;
	vertical-align:middle;
}

#nav A.daddy {
	BACKGROUND: url(images/a6.gif) no-repeat right center;
}
#nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: auto; PADDING-TOP: 2px; vertical-align:middle; font-size:11px;
}
#nav LI UL {
	BORDER-TOP-WIDTH: 0.25em; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0.25em; LEFT: -999em; BORDER-BOTTOM-WIDTH: 0.25em; MARGIN: 0px; WIDTH: 13.9em; POSITION: absolute; HEIGHT: auto; BORDER-RIGHT-WIDTH: 0.25em;		
}
#nav LI LI {
	PADDING-RIGHT: 1em; WIDTH: 13em
}
#nav LI UL A {
	WIDTH: 9em
}
#nav LI UL UL {
	MARGIN: -1.75em 0px 0px 14em
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI:hover UL UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI.sfhover UL {
	LEFT: auto
}
#nav LI:hover {
	BACKGROUND: #003300;
}
#nav LI.sfhover {
	BACKGROUND: #003300;	
}


#main
{
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top:25px;
	top:25px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background:#FFFFFF;	
}

#hero
{
	margin: 0px;
	border-bottom: hidden;
	background:none;
	width: 720px;
	height: 100px;
	/*background-image: url(../images/banner_new.jpg);*/
	
}

#header
{
	background-image: url(images/header_bg.gif);
	height: 68px;
	margin-top:10;	
	padding-top: 1px;
	top:28px;
	position: relative;	
	border-top:hidden;
	width:720px;		
}

/*.gear
{
	width: 57px;
	height: 56px;
	margin-top: 16px;
	margin-left: 12px;
	background-image: url(images/gear.png);
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/gear.png');
}*/

#header h1
{
	position: absolute;
	left: 82px;
	top: 8px;
	color: white;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	width: auto;
}

#header h1.shad
{
	left: 84px;
	top: 10px;
	color: black;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	width:auto;
}

#header em
{
	font-style: normal;
	text-decoration: underline;
}

#body
{
	padding:0px;
	margin:0px;
	padding-top: 1px;
	background-color: white;
	position: relative;
	width:720px;
	/*background:url(images/back_body.gif);*/
}

div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }

#menu1
{
	padding-top: 1px;
	background-color: #f7ffec;
	position: relative;
	border-right: 200px solid #eeeeee;	
	height:32px;	
}

#sidebar
{
	width: 180px;
	right: -200px;
	_right: 0px;
	top: 0px;
	padding: 10px;
	float:right;
}

.clear{
clear:both;
}

#sidebar h3
{
	font-size: 13px;
	border-bottom: 1px solid black;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
}

#sidebar ul
{
	margin-left: 1em;
	padding-left: 0px;	
}

#sidebar p
{
	margin-bottom: 8px;
}

#sidebar h2
{
	font-size: 18px;
	/* 18px is the default minimum font size for which anti-aliasing will occur. */
	margin: 0px;
	border-bottom: 1px solid black;	
}

#content
{
	padding: 20px;	
	color: #333333;
}

#content h2
{
	font-size: 18px;
	/* 18px is the default minimum font size for which anti-aliasing will occur. */
	margin: 0px;
	border-bottom: 1px solid black;	
}

#content .date
{
	float: right;
}

#content .postedBy
{
	float: left;
}

#content .meta
{
	height: 1em;
}

#content p
{
	text-align: justify;
	text-indent: 3em;
	line-height: 1.3em;
}

.comments
{
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 4px;
	text-align: right;
	margin-bottom: 2em;
	background-image: url(images/comment_edit.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

a
{
	color: #666666;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
}
.pullout
{
	background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 8px;
}



.flickr-thumbnail, .flickr-pullout {
	float: left;
	background: url('images/flickr_shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
	position:relative;
	}

.flickr-thumbnail img, .flickr-pullout img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
	}

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}

.flickr-pullout
{
	margin: 13px 3px 3px 14px;
	background-image: url(images/flickr_shadow_white.gif);
	
}

#footer
{
	width: 718px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #b0b0b0;
	background-color: #eeeeee;
	color: #000;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.csskeyword
{
	color: blue;
}

.cssvalue
{
	color: red;
}

p.caption
{
	text-align: center;
}

small.super
{
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.3em;
}

.nodisplay
{
	display: none;
}

#portrait{
	background-color:#eee;
	color:#FF9900;
	border: 1px solid #67a53c;
	margin-left:5;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}

.foto{
	position:absolute;
	margin:20px;
	background:#666666;
	top:20px;
}

#portrait a.im {
	float: left;
	background: url('images/flickr_shadow.gif') no-repeat bottom right;
	margin: 15px 0px 0px 16px;
 	padding: 0px 0px 0px 0px;
	float:left;
}

#portrait a.im:hover, a.im img:hover{
background-color: #ccd;
}

#portrait a.im img {
background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
position:inherit;

}

#portrait table{
	width:70%;
	top:5px;
	color:#27550c;
	margin:5px 10px 5px auto;	
}

#uno{
margin:0px;
padding:0px;
_width:100%;
width:100%;
float:left;
}

#dos{
margin:0px;
padding:0px;
width:220px;
float:left;
}

#pagi{
background: #eee;
border:#67a53c solid 1px;
margin:5px;
padding:10px;
}

#pagi a{
font-weight:bold;
color:#006600;
}

#pagi a:hover{
font-weight:bold;
color: #FF0000;
}

#pagi p{
font-weight:bold;
color:#006600;
margin:2px;
padding:0px;
text-align:center;
}

#selector{
border:#5E7830 solid 2px;
background: url(images/menu2.gif);
color: #5E7830;
margin:5px;
padding:2px;
text-align:right;
font-weight:bold;
float:right;
}

#rec {
background:#FFFFFF;
border:#CC9900 solid;
border-width:medium;
width:600px;
height:auto;
margin-top:100px;
margin-left: 20%;
margin-right: 20%;
margin-bottom:auto;
text-align:center;
}

#rec h2 {
	font-size: 18px;
	border-bottom: 1px solid #FF9900;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	color:#CC9900;
}

#rec fieldset{
	margin:15px;
	margin-top:25px;
}

#rec p{
	text-align: center;
	color:#006633;
	line-height: 1.3em;
	margin: 1px 15px 1px 15px;
}
div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
  
 .marco{
float:left;
margin:15px 15px 0 35px;
padding: 5px;
width:150px;
border: solid #FF9900;
background: #FFFFCC;
}

.marco img{
text-align:center;
}

#rec table { 
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background:#CCCCCC;
	text-align: left;
	border-collapse:collapse;
	border: 2px solid #060;
	border-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;	
}

#rec table a {
	text-decoration: none;
	color:#006600;
}

#rec table a:hover, table a:active {
	background-color:#006600;
	text-decoration: none;
	color:#fff;
}
#rec thead th {
	font-size: 105%;
	color: #eee;
	background-color: #060;
	border-bottom: 2px solid #060;
}

#rec tr,th,td {
	padding: .75em;
}

#rec tr.dos{
background-color:#fff;
}

#rec tfoot th,tfoot td {
	padding: 0.2em .75em;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
}
#rec tfoot th {
	text-align: right;
}

#pro LI{
	font-weight:bold;
}

#pro LI UL LI{
	font-weight:normal;
}

