/*  CSS  Document  */


body {
	margin: 0;
	padding: 0;
	font: 0.7em/1.5em Verdana, Tahoma, Helvetica,sans-serif;
	color: #666666; 
	background: #A9BAC3 url(images/bg%20copia.gif) repeat-x;
	text-align: center;
}


a {  
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}


h1, h2, h3 {
	font: bold 1em Arial, Sans-serif;
	color: #333;	
}
h1 {font-size: 1.5em; color: #6297BC; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 20px;
	padding: 0 10px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666;
}


img {
	border: 2px none #CCC;
}
img.no-border {
	border: none;
}
img.float-right{
 margin: 5px 0px 5px 15px; 
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a  img  {    
    border:  2px  solid  #568EB6;
}
a:hover  img  {    
    border:  2px  solid  #CCC;  
    border:  2px  solid  #568EB6;
}

code  {
    margin:  5px  0;
    padding:  10px;
    text-align:  left;
    display:  block;
    overflow:  auto;    
    font:  500  10pt/normal  Arial,  Helvetica,  sans-serif;

    background:  #FAFAFA;
    border:  1px  solid  #f2f2f2;    
    border-left:  4px  solid  #4284B0;  
}
acronym  {
    cursor:  help;
    border-bottom:  1px  solid  #777;
}
blockquote  {
	margin:  15px;
  	padding:  0  0  0  20px;    	
    	background:  #FAFAFA;
	border:  1px  solid  #f2f2f2;  
	border-left:  4px  solid  #4284B0;      
	color:  #4284B0;
	font:  Georgia,  Serif;  
}

form  {
	margin:10px;  padding:  0;
	border:  1px  solid  #f2f2f2;  
	background-color:  #FAFAFA;  
}
label  {
	display:block;
	font-weight:bold;
	margin:5px  0;
}
input  {
	padding:  2px;
	border:1px  solid  #eee;
	font:  normal  1em  Verdana,  sans-serif;
	color:#777;
}
textarea  {
	width:300px;
	padding:2px;
	font:  normal  1em  Verdana,  sans-serif;
	border:1px  solid  #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button  {  
	margin:  0;  
	font:  bold  1em  Arial,  Sans-serif;  
	border:  1px  solid  #CCC;
	background:  #FFF;  
	padding:  2px  3px;  
	color:  #4284B0;	
}

form.searchform  {
	background:  transparent;
	border:  none;
	margin:  0;  padding:  0;
}
form.searchform  input.textbox  {  
	margin:  0;  
	width:  120px;
	border:  1px  solid  #9EC630;  
	background:  #FFF;
	color:  #333;  
	height:  14px;
	vertical-align:  top;
}
form.searchform  input.button  {  
	margin:  0;  
	padding:  2px  3px;  
	font:  bold  12px  Arial,  Sans-serif;  
	background:  #FAFAFA;
	border:  1px  solid  #f2f2f2;
	color:  #777;	
	width:  60px;
	vertical-align:  top;
}


#wrap  {
	background:  #FFF;
	width:  820px;  height:  100%;
	margin:  0  auto;	
	text-align:  left;
}
#content-wrap  {
	clear:  both;
	margin:  0;  padding:  0;	
	background:  #FFF;
}

#header  {
	position:  relative;
	height:  85px;	
	background:  #000  url(images/headerbg.gif)  repeat-x  0%  100%;	
}
#header  h1#logo  {
	position:  absolute;
	margin:  0;  padding:  0;
	font:  bolder  4.1em  Arial,  Sans-serif;
	letter-spacing:  -2px;
	text-transform:  lowercase;
	top:  0;  left:  5px;	
}
#header  h2#slogan  {
	position:  absolute;	  
	top:50px;  left:  49px;
	color:  #666666;
	text-indent:  0px;
	font:  bold  11px  Tahoma,  Sans-serif;  
	text-transform:  none;	
}
#header  form.searchform  {
	position:  absolute;
	top:  0;  right:  -12px;	
}

#main  {
	float:  left;
	margin-left:  15px;
	padding:  0;
	width:  50%;		
}

.post-footer  {
	background-color:  #FAFAFA;
	padding:  5px;  margin:  20px  15px  0  15px;
	border:  1px  solid  #f2f2f2;
	font-size:  95%;	
}
.post-footer  .date  {
	background:  url(images/clock.gif)  no-repeat  left  center;
	padding-left:  20px;  margin:  0  10px  0  5px;
}
.post-footer  .comments  {
	background:  url(images/comment.gif)  no-repeat  left  center;
	padding-left:  20px;  margin:  0  10px  0  5px;
}
.post-footer  .readmore  {
	background:  url(images/page.gif)  no-repeat  left  center;
	padding-left:  20px;  margin:  0  10px  0  5px;
}

#sidebar  {
	float:  left;
	width:  23%;
	margin:  0;	padding:  0;  
	display:  inline;		
}
#sidebar  ul.sidemenu  {
	list-style:none;
	margin:10px  0  10px  15px;
	padding:0;		
}
#sidebar  ul.sidemenu  li  {
	margin-bottom:1px;
	border:  1px  solid  #f2f2f2;
}
#sidebar  ul.sidemenu  a  {
	display:block;
	font-weight:bold;
	color:  #333;	
	text-decoration:none;	
	padding:2px  5px  2px  10px;
	background:  #EFF5F5;
	border-left:4px  solid  #6297BC;	
	
	min-height:18px;
}

*  html  body  #sidebar  ul.sidemenu  a  {  height:  18px;  }

#sidebar  ul.sidemenu  a:hover  {
	padding:2px  5px  2px  10px;
	background:  #f2f2f2;
	color:  #339900;
	border-left:4px  solid  #9EC630;
}
#sidebar  ul.sidemenu2  {
	list-style:none;
	margin:10px  0  10px  15px;
	padding:0;		
}
#sidebar  ul.sidemenu2  li  {
	margin-bottom:1px;
	border:  1px  solid  #f2f2f2;
}
#sidebar  ul.sidemenu2  a  {
	display:block;
	font-weight:bold;
	color:  #333;	
	text-decoration:none;	
	padding:2px  5px  2px  10px;
	background:  #FFF3E1;
	border-left:4px  solid  #c05300;	
	
	min-height:18px;
}

*  html  body  #sidebar  ul.sidemenu2  a  {  height:  18px;  }

#sidebar  ul.sidemenu2  a:hover  {
	padding:2px  5px  2px  10px;
	background:  #f2f2f2;
	color:  #339900;
	border-left:4px  solid  #9EC630;
}
#sidebar  ul.sidemenu3  {
	list-style:none;
	margin:10px  0  10px  15px;
	padding:0;		
}
#sidebar  ul.sidemenu3  li  {
	margin-bottom:1px;
	border:  1px  solid  #f2f2f2;
}
#sidebar  ul.sidemenu3  a  {
	display:block;
	font-weight:bold;
	color:  #333;	
	text-decoration:none;	
	padding:2px  5px  2px  10px;
	background:  #FBF7DB;
	border-left:4px  solid  #e5c204;	
	
	min-height:18px;
}

*  html  body  #sidebar  ul.sidemenu3  a  {  height:  18px;  }

#sidebar  ul.sidemenu3  a:hover  {
	padding:2px  5px  2px  10px;
	background:  #f2f2f2;
	color:  #339900;
	border-left:4px  solid  #9EC630;
}
#sidebar  ul.sidemenu4  {
	list-style:none;
	margin:10px  0  10px  15px;
	padding:0;		
}
#sidebar  ul.sidemenu4  li  {
	margin-bottom:1px;
	border:  1px  solid  #f2f2f2;
}
#sidebar  ul.sidemenu4  a  {
	display:block;
	font-weight:bold;
	color:  #333;	
	text-decoration:none;	
	padding:2px  5px  2px  10px;
	background:  #EEF5D6;
	border-left:4px  solid  #97b517;	
	
	min-height:18px;
}

*  html  body  #sidebar  ul.sidemenu4  a  {  height:  18px;  }

#sidebar  ul.sidemenu4  a:hover  {
	padding:2px  5px  2px  10px;
	background:  #f2f2f2;
	color:  #339900;
	border-left:4px  solid  #9EC630;
}
#rightbar  {
	float:  right;
	width:  23%;
	padding:  0;  margin:0;		
}

#footer  {  
	clear:  both;  
	color:  #FFF;  
	background:  #A9BAC3;  
	border-top:  5px  solid  #568EB6;
	margin:  0;  padding:  0;  
	height:  50px;	    
	font-size:  95%;		
}
#footer  a  {  
	text-decoration:  none;  
	font-weight:  bold;	
	color:  #FFF;
}
#footer  .footer-left{
	float:  left;
	width:  65%;
}
#footer  .footer-right{
	float:  right;
	width:  30%;
}

#header  ul  {
	z-index:  999999;
	position:  absolute;
      margin:0;  padding:  0;
      list-style:none;
	right:  0;  
	bottom:  6px;  bottom:  5px;
	font:  bold  13px    Arial,  Tahoma,  verdana,    sans-serif;	
}
#header  li  {
      display:inline;
      margin:0;  padding:0;
}
#header  a  span  {
      float:left;
      display:block;
      background:  url(images/tabright.gif)  no-repeat  right  top;
      padding:6px  15px  3px  8px;
      color:  #FFF;
}
#header  a  span  {float:none;}

#header  a:hover  span  {
	color:#FFF;
}
#header  a:hover  {
      background-position:0%  -42px;
}
#header  a:hover  span  {
      background-position:100%  -42px;
}
#header  #current  a  {
      background-position:0%  -42px;
	color:  #FFF;
}
#header  #current  a  span  {
      background-position:100%  -42px;
	color:  #FFF;
}

.float-left    {  float:  left;  }
.float-right  {	float:  right;  }
.align-left    {	text-align:  left;  }
.align-right  {	text-align:  right;  }

.clear  {  clear:  both;  }
.green  {	color:  #9EC630;  }
.gray    {	color:  #BFBFBF;  }
#header  a  {  float:  left;
background:  url(images/tableft.gif)  no-repeat  left  top;
margin:0;
padding:0  0  0  4px;
text-decoration:none;
}